.camera-preview-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000f2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:center;z-index:10000;animation:fadeIn .3s ease}.camera-preview-container{width:90%;max-width:600px;height:90vh;max-height:800px;display:flex;flex-direction:column;background:#fffffffa;border-radius:20px;overflow:hidden;animation:slideUp .4s cubic-bezier(.34,1.56,.64,1)}@keyframes slideUp{0%{transform:translateY(50px);opacity:0}to{transform:translateY(0);opacity:1}}.camera-preview-header{padding:20px 24px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(0,0,0,.06);background:#fffffffa}.camera-preview-title{margin:0;font-size:18px;color:#1a1a1a;font-weight:600;letter-spacing:-.3px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.camera-preview-close{width:36px;height:36px;border:none;border-radius:50%;background:#0000000a;color:#666;font-size:24px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;font-weight:300}.camera-preview-close:hover{background:#00000014;transform:scale(1.05)}.camera-preview-close:active{transform:scale(.95)}.camera-preview-video-container{flex:1;background:#000;display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative}.camera-preview-video{width:100%;height:100%;object-fit:cover}.camera-preview-video.mirror{transform:scaleX(-1)}.camera-preview-controls{padding:24px;display:flex;gap:16px;justify-content:center;background:#fffffffa;border-top:1px solid rgba(0,0,0,.06)}.camera-preview-btn{flex:1;max-width:200px;padding:16px 24px;border:none;border-radius:12px;font-size:15px;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.34,1.56,.64,1);display:flex;align-items:center;justify-content:center;gap:10px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.camera-preview-btn svg{width:20px;height:20px;stroke-width:2.5}.switch-btn{background:#0000000a;color:#333}.switch-btn:hover{background:#00000014;transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.capture-btn{background:#1a1a1a;color:#fff}.capture-btn:hover{background:#333;transform:translateY(-2px);box-shadow:0 4px 16px #0003}.camera-preview-btn:active{transform:translateY(0) scale(.98)}@media (max-width: 768px){.camera-preview-container{width:95%;height:95vh;border-radius:16px}.camera-preview-header{padding:16px 20px}.camera-preview-title{font-size:16px}.camera-preview-close{width:32px;height:32px;font-size:20px}.camera-preview-controls{padding:20px 16px;gap:12px}.camera-preview-btn{padding:14px 20px;font-size:14px;max-width:180px}.camera-preview-btn svg{width:18px;height:18px}}@media (max-width: 480px){.camera-preview-container{width:100%;height:100dvh;max-height:100dvh;border-radius:0}.camera-preview-header{padding:12px 16px;flex-shrink:0}.camera-preview-title{font-size:15px}.camera-preview-close{width:30px;height:30px;font-size:18px}.camera-preview-video-container{min-height:0}.camera-preview-controls{padding:14px 12px;gap:10px;flex-shrink:0}.camera-preview-btn{padding:12px 16px;font-size:13px;max-width:160px}.camera-preview-btn svg{width:16px;height:16px}.camera-preview-btn span{font-size:13px}}.camera-container{position:fixed;bottom:40px;left:40px;width:320px;height:340px;z-index:1000;filter:drop-shadow(10px 10px 20px rgba(0,0,0,.4));transition:transform .1s}.camera-body{position:absolute;bottom:0;width:100%;height:260px;background:linear-gradient(to bottom,#fdfbf7,#f5f3ee,#e8e6e1);border-radius:30px;box-shadow:inset 0 2px 4px #fffc,inset 0 -2px 4px #0000000d,0 8px 20px #00000026,0 2px 8px #0000001a;display:flex;flex-direction:column;align-items:center;padding:20px;z-index:2;border:1px solid rgba(255,255,255,.5)}.camera-top-plate{position:absolute;bottom:240px;left:20px;right:20px;height:80px;background:#2a2a2a;border-radius:20px 20px 0 0;z-index:1;box-shadow:inset 0 5px 10px #ffffff1a}.rainbow-stripe{position:absolute;top:50%;left:0;right:0;height:12px;background:linear-gradient(to right,transparent 40%,var(--rainbow-1) 40%,var(--rainbow-1) 43%,var(--rainbow-2) 43%,var(--rainbow-2) 46%,var(--rainbow-3) 46%,var(--rainbow-3) 49%,var(--rainbow-4) 49%,var(--rainbow-4) 52%,var(--rainbow-5) 52%,var(--rainbow-5) 55%,var(--rainbow-6) 55%,var(--rainbow-6) 58%,transparent 58%);z-index:3;opacity:.9}.lens-housing{position:absolute;top:30px;width:140px;height:140px;background:#2a2a2a;border-radius:50%;box-shadow:0 5px 15px #0000004d;display:flex;justify-content:center;align-items:center;z-index:4}.lens-glass{width:100px;height:100px;background:radial-gradient(circle at 30% 30%,rgba(255,255,255,.2),transparent 40%),radial-gradient(circle,#111,#000);border-radius:50%;border:4px solid #444;position:relative;overflow:hidden}.viewfinder-container{position:absolute;top:20px;right:30px;width:60px;height:60px;background:#111;border:4px solid #333;border-radius:8px;overflow:hidden;z-index:5;box-shadow:inset 0 0 10px #000c;transition:all .2s ease}.viewfinder-container:hover{border-color:#555;box-shadow:inset 0 0 10px #000c,0 0 8px #ffffff4d;transform:scale(1.05)}.viewfinder-hint{position:absolute;bottom:2px;right:2px;width:14px;height:14px;background:#ffffffe6;border-radius:50%;display:flex;align-items:center;justify-content:center;opacity:.7;transition:opacity .2s ease;pointer-events:none}.viewfinder-container:hover .viewfinder-hint{opacity:1}.viewfinder-hint svg{width:10px;height:10px;stroke:#333;stroke-width:2.5}.camera-feed{width:100%;height:100%;object-fit:cover}.camera-feed.mirror{transform:scaleX(-1)}.viewfinder-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#000c;color:#fff;display:flex;justify-content:center;align-items:center;font-size:8px;text-align:center;z-index:6}.flash-unit{position:absolute;top:20px;left:30px;width:50px;height:40px;background:#444;border-radius:4px;z-index:5;background:radial-gradient(circle,#fff 10%,#888 90%);border:2px solid #333;opacity:.8}.shutter-btn{position:absolute;bottom:48px;right:40px;width:64px;height:64px;background:radial-gradient(circle at 35% 35%,#ff7b7b,#e94035,#d93025);border-radius:50%;border:5px solid rgba(255,255,255,.95);box-shadow:0 6px 12px #00000040,inset 0 2px 4px #ffffff4d,inset 0 -2px 4px #0003;cursor:pointer;z-index:5;transition:all .15s ease}.shutter-btn:hover{transform:translateY(-2px);box-shadow:0 8px 16px #0000004d,inset 0 2px 4px #ffffff4d,inset 0 -2px 4px #0003}.shutter-btn:active{transform:translateY(0) scale(.95);box-shadow:0 3px 6px #00000040,inset 0 2px 4px #ffffff4d,inset 0 -2px 4px #0003}.shutter-btn:disabled{background:#555;cursor:not-allowed;opacity:.5}.switch-camera-btn{position:absolute;bottom:55px;left:40px;width:44px;height:44px;background:linear-gradient(135deg,#f5f5f5,#e8e8e8);border-radius:50%;border:3px solid rgba(255,255,255,.9);box-shadow:0 4px 8px #00000026,inset 0 1px 2px #fffc,inset 0 -1px 2px #0000001a;cursor:pointer;z-index:5;transition:all .2s ease;display:flex;align-items:center;justify-content:center;padding:0}.switch-camera-btn svg{width:22px;height:22px;stroke:#333;stroke-width:2.5;transition:all .2s ease}.switch-camera-btn:hover{background:linear-gradient(135deg,#fff,#f0f0f0);transform:translateY(-2px);box-shadow:0 6px 12px #0003,inset 0 1px 2px #ffffffe6,inset 0 -1px 2px #0000001a}.switch-camera-btn:hover svg{stroke:#000;transform:scale(1.1)}.switch-camera-btn:active{transform:translateY(0) scale(.95);box-shadow:0 2px 4px #00000026,inset 0 1px 2px #fffc,inset 0 -1px 2px #0000001a}.ejection-slot{position:absolute;top:-10px;left:50%;transform:translate(-50%);width:220px;height:10px;background:#000;z-index:0}@media (max-width: 1024px){.camera-container{bottom:20px;left:20px;width:280px;height:300px}.camera-body{height:230px;padding:16px}.camera-top-plate{bottom:210px;height:70px}.lens-housing{width:120px;height:120px}.lens-glass{width:85px;height:85px}.shutter-btn{width:56px;height:56px;bottom:42px;right:35px}.switch-camera-btn{width:40px;height:40px;bottom:48px;left:35px}.switch-camera-btn svg{width:20px;height:20px}}@media (max-width: 768px){.camera-container{bottom:16px;left:50%;transform:translate(-50%);width:260px;height:280px}.camera-body{height:210px;padding:14px;border-radius:24px}.camera-top-plate{bottom:190px;left:16px;right:16px;height:65px;border-radius:16px 16px 0 0}.lens-housing{top:25px;width:110px;height:110px}.lens-glass{width:75px;height:75px;border:3px solid #444}.viewfinder-container{top:16px;right:24px;width:52px;height:52px;border:3px solid #333;border-radius:6px}.flash-unit{top:16px;left:24px;width:44px;height:35px}.shutter-btn{width:52px;height:52px;bottom:38px;right:32px;border:4px solid rgba(255,255,255,.95)}.switch-camera-btn{width:38px;height:38px;bottom:42px;left:32px;border:2.5px solid rgba(255,255,255,.9)}.switch-camera-btn svg{width:18px;height:18px;stroke-width:2.5}.ejection-slot{width:200px;height:8px}.rainbow-stripe{height:10px}}@media (max-width: 480px){.camera-container{bottom:12px;width:240px;height:260px}.camera-body{height:195px;padding:12px;border-radius:20px}.camera-top-plate{bottom:175px;left:14px;right:14px;height:60px;border-radius:14px 14px 0 0}.lens-housing{top:22px;width:100px;height:100px}.lens-glass{width:68px;height:68px;border:3px solid #444}.viewfinder-container{top:14px;right:20px;width:48px;height:48px;border:2.5px solid #333}.flash-unit{top:14px;left:20px;width:40px;height:32px}.shutter-btn{width:48px;height:48px;bottom:35px;right:28px;border:3.5px solid rgba(255,255,255,.95)}.switch-camera-btn{width:36px;height:36px;bottom:38px;left:28px;border:2.5px solid rgba(255,255,255,.9)}.switch-camera-btn svg{width:16px;height:16px;stroke-width:2.5}.ejection-slot{width:180px;height:7px}.rainbow-stripe{height:9px}}.edit-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:2147483647;animation:fadeIn .25s ease}.edit-modal{background:#f7f2e7;border:1px solid #e2d6b8;border-radius:12px;box-shadow:0 8px 24px #0000002e,0 1px #fff inset;width:90%;max-width:480px;overflow:hidden;animation:breathe .45s cubic-bezier(.34,1.56,.64,1);font-family:Georgia,Times New Roman,serif}.edit-modal-header{padding:24px 28px 20px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e2d6b8}.edit-modal-title{margin:0;font-size:18px;color:#4a453a;font-weight:700;letter-spacing:.2px}.edit-modal-close{width:32px;height:32px;border:1px solid #e2d6b8;border-radius:50%;background:#fffaf0;color:#4a453a;font-size:20px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform .15s ease,background .2s ease,box-shadow .2s ease;font-weight:300;box-shadow:0 1px #fff inset,0 2px 6px #0000000f}.edit-modal-close:hover{background:#fff3d6;transform:scale(1.05)}.edit-modal-close:active{transform:scale(.95)}.edit-modal-body{padding:24px 28px}.edit-modal-label{display:block;font-size:14px;color:#7a7466;margin-bottom:12px;font-weight:600;letter-spacing:.1px}.edit-modal-textarea{width:100%;padding:14px 16px;border:1px solid #e2d6b8;border-radius:10px;background:#fffaf0;color:#4a453a;font-size:14px;font-family:Georgia,Times New Roman,serif;resize:none;height:90px;transition:border-color .2s ease,box-shadow .2s ease;line-height:1.5;-webkit-user-select:text;user-select:text;touch-action:manipulation;-webkit-tap-highlight-color:transparent;box-shadow:0 1px #fff inset}.edit-modal-textarea:focus{outline:none;border-color:#8a6d3b;background:#fff;box-shadow:0 0 0 3px #8a6d3b26}.edit-modal-textarea::placeholder{color:#999}.edit-modal-quick-actions{margin-top:20px}.quick-actions-title{font-size:14px;color:#666;margin:0 0 10px;font-weight:500;letter-spacing:-.2px}.quick-actions-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.quick-action-btn{padding:10px 8px;border:1px solid #e2d6b8;border-radius:999px;background:#fffaf0;color:#4a453a;font-size:12px;font-weight:600;cursor:pointer;transition:transform .15s ease,background .2s ease,box-shadow .2s ease;text-align:center;letter-spacing:.1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;box-shadow:0 1px #fff inset,0 2px 6px #0000000f}.quick-action-btn:hover{background:#fff3d6;border-color:#e2d6b8;transform:translateY(-2px) scale(1.02);box-shadow:0 4px 12px #00000014}.quick-action-btn:active{transform:translateY(0) scale(.98);box-shadow:0 2px 4px #0000000f}.edit-modal-footer{padding:20px 28px 24px;display:flex;gap:12px;justify-content:flex-end;border-top:1px solid #e2d6b8}.edit-modal-btn{padding:10px 18px;border-radius:999px;font-size:13px;font-weight:700;cursor:pointer;transition:transform .15s ease,background .2s ease,box-shadow .2s ease;letter-spacing:.1px;border:1px solid #e2d6b8;background:#fff;color:#4a453a;box-shadow:0 1px #fff inset,0 2px 6px #0000000f}.cancel-btn:hover{background:#fff3d6;transform:translateY(-1px)}.confirm-btn{background:#8a6d3b;color:#fff;border-color:#8a6d3b}.confirm-btn:hover:not(:disabled){background:#72572f;transform:translateY(-1px);box-shadow:0 4px 12px #8a6d3b4d}.confirm-btn:disabled{opacity:.5;cursor:not-allowed;position:relative}.btn-spinner{display:inline-block;width:14px;height:14px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .6s linear infinite;margin-right:8px;vertical-align:middle}.edit-modal-textarea:disabled{opacity:.6;cursor:not-allowed;background:#00000008}.quick-action-btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.edit-modal-btn:active:not(:disabled){transform:translateY(0) scale(.98)}@media (max-width: 768px){.edit-modal{max-width:420px}.edit-modal-header{padding:20px 24px 18px}.edit-modal-title{font-size:16px}.edit-modal-close{width:30px;height:30px;font-size:18px}.edit-modal-body{padding:20px 24px}.edit-modal-label{font-size:13px;margin-bottom:10px}.edit-modal-textarea{padding:12px 14px;font-size:13px;height:80px}.edit-modal-quick-actions{margin-top:18px}.quick-actions-title{font-size:13px;margin:0 0 8px}.quick-actions-grid{grid-template-columns:repeat(4,1fr);gap:6px}.quick-action-btn{padding:10px 6px;font-size:11px}.edit-modal-footer{padding:18px 24px 20px;gap:10px}.edit-modal-btn{padding:11px 24px;font-size:13px}}@media (max-width: 480px){.edit-modal{max-width:340px}.edit-modal-header{padding:18px 20px 16px}.edit-modal-title{font-size:15px}.edit-modal-close{width:28px;height:28px;font-size:16px}.edit-modal-body{padding:18px 20px}.edit-modal-label{font-size:12px;margin-bottom:8px}.edit-modal-textarea{padding:10px 12px;font-size:12px;height:70px}.edit-modal-quick-actions{margin-top:16px}.quick-actions-title{font-size:12px;margin:0 0 8px}.quick-actions-grid{grid-template-columns:repeat(2,1fr);gap:8px}.quick-action-btn{padding:10px 8px;font-size:11px}.edit-modal-footer{padding:16px 20px 18px;gap:8px}.edit-modal-btn{padding:10px 20px;font-size:12px}}.confirm-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:2147483647;animation:fadeIn .25s ease}.confirm-modal{background:#f7f2e7;border:1px solid #e2d6b8;border-radius:12px;box-shadow:0 8px 24px #0000002e,0 1px #fff inset;width:90%;max-width:400px;overflow:hidden;animation:breathe .45s cubic-bezier(.34,1.56,.64,1);font-family:Georgia,Times New Roman,serif}.confirm-modal-header{padding:24px 28px 16px;border-bottom:1px solid #e2d6b8}.confirm-modal-title{margin:0;font-size:18px;color:#4a453a;font-weight:700;letter-spacing:.2px}.confirm-modal-body{padding:24px 28px}.confirm-modal-message{margin:0;font-size:15px;color:#7a7466;line-height:1.6;letter-spacing:.1px}.confirm-modal-footer{padding:20px 28px 24px;display:flex;gap:12px;justify-content:flex-end;border-top:1px solid #e2d6b8}.confirm-modal-btn{padding:10px 18px;border-radius:999px;font-size:13px;font-weight:600;cursor:pointer;transition:transform .15s ease,background .2s ease,box-shadow .2s ease;letter-spacing:.1px;border:1px solid #e2d6b8;background:#fff;color:#4a453a;box-shadow:0 1px #fff inset,0 2px 6px #0000000f}.confirm-modal .cancel-btn{background:#fff}.confirm-modal .cancel-btn:hover{background:#fff3d6;transform:translateY(-1px)}.confirm-modal .confirm-btn{background:#8a6d3b;border-color:#8a6d3b;color:#fff}.confirm-modal .confirm-btn:hover{background:#72572f;transform:translateY(-1px);box-shadow:0 4px 12px #8a6d3b4d}.confirm-modal-btn:active{transform:translateY(0) scale(.98)}@media (max-width: 768px){.confirm-modal{max-width:340px}.confirm-modal-header{padding:20px 24px 14px}.confirm-modal-title{font-size:16px}.confirm-modal-body{padding:20px 24px}.confirm-modal-message{font-size:14px}.confirm-modal-footer{padding:16px 24px 20px;gap:10px}.confirm-modal-btn{padding:11px 24px;font-size:13px}}@media (max-width: 480px){.confirm-modal{max-width:300px}.confirm-modal-header{padding:18px 20px 12px}.confirm-modal-title{font-size:15px}.confirm-modal-body{padding:18px 20px}.confirm-modal-message{font-size:13px;line-height:1.5}.confirm-modal-footer{padding:14px 20px 18px;gap:8px}.confirm-modal-btn{padding:10px 20px;font-size:12px}}.login-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:2147483647;animation:fadeIn .25s ease}.login-modal{background:#f7f2e7;border:1px solid #e2d6b8;border-radius:12px;box-shadow:0 8px 24px #0000002e,0 1px #fff inset;width:90%;max-width:440px;overflow:hidden;animation:breathe .45s cubic-bezier(.34,1.56,.64,1);font-family:Georgia,Times New Roman,serif}.login-modal-header{padding:24px 28px 20px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e2d6b8}.login-modal-title{margin:0;font-size:18px;color:#4a453a;font-weight:700;letter-spacing:.2px}.login-modal-close{width:32px;height:32px;border:1px solid #e2d6b8;border-radius:50%;background:#fffaf0;color:#4a453a;font-size:20px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform .15s ease,background .2s ease,box-shadow .2s ease;font-weight:300;box-shadow:0 1px #fff inset,0 2px 6px #0000000f}.login-modal-close:hover{background:#fff3d6;transform:scale(1.05)}.login-modal-close:active{transform:scale(.95)}.login-modal-body{padding:24px 28px}.login-modal-label{display:block;font-size:14px;color:#7a7466;margin-bottom:12px;font-weight:600;letter-spacing:.1px}.login-modal-input{width:100%;padding:14px 16px;border:1px solid #e2d6b8;border-radius:10px;background:#fffaf0;color:#4a453a;font-size:14px;font-family:Georgia,Times New Roman,serif;transition:border-color .2s ease,box-shadow .2s ease}.login-modal-input:focus{outline:none;border-color:#8a6d3b;background:#fff;box-shadow:0 0 0 3px #8a6d3b26}.login-modal-input::placeholder{color:#999}.login-modal-input:disabled{opacity:.6;cursor:not-allowed}.login-modal-hint{margin-top:12px;font-size:13px;color:#7a7466;line-height:1.5;letter-spacing:.1px}.login-error-message{margin-top:12px;padding:12px 14px;background:#fde8ea;border:1px solid #f5c2c7;border-radius:8px;color:#7f1d1d;font-size:13px;line-height:1.4}.login-success-message{text-align:center;padding:20px 0}.success-text{margin:0 0 12px;font-size:15px;color:#333;line-height:1.6}.success-text strong{color:#1a1a1a;font-weight:600}.success-hint{margin:0 0 24px;font-size:13px;color:#888;line-height:1.5}.success-icon{font-size:48px;margin:16px 0;animation:bounce .6s ease}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.login-modal-footer{margin-top:24px;display:flex;gap:12px;justify-content:flex-end}.login-modal-btn{padding:10px 18px;border-radius:999px;font-size:13px;font-weight:700;cursor:pointer;transition:transform .15s ease,background .2s ease,box-shadow .2s ease;letter-spacing:.1px;border:1px solid #e2d6b8;background:#fff;color:#4a453a;box-shadow:0 1px #fff inset,0 2px 6px #0000000f}.cancel-btn{background:#fff}.cancel-btn:hover:not(:disabled){background:#fff3d6;transform:translateY(-1px)}.login-btn{background:#8a6d3b;color:#fff;border-color:#8a6d3b}.login-btn:hover:not(:disabled){background:#72572f;transform:translateY(-1px);box-shadow:0 4px 12px #8a6d3b4d}.confirm-btn{background:#8a6d3b;color:#fff;flex:1;border-color:#8a6d3b}.confirm-btn:hover{background:#72572f;transform:translateY(-1px);box-shadow:0 4px 12px #8a6d3b4d}.login-modal-btn:disabled{opacity:.3;cursor:not-allowed}.login-modal-btn:active:not(:disabled){transform:translateY(0) scale(.98)}@media (max-width: 768px){.login-modal{max-width:380px}.login-modal-header{padding:20px 24px 18px}.login-modal-title{font-size:16px}.login-modal-close{width:30px;height:30px;font-size:18px}.login-modal-body{padding:20px 24px}.login-modal-label{font-size:13px;margin-bottom:10px}.login-modal-input{padding:12px 14px;font-size:13px}.login-modal-hint{font-size:12px}.success-text{font-size:14px}.success-hint{font-size:12px}.success-icon{font-size:40px}.login-modal-footer{margin-top:20px;gap:10px}.login-modal-btn{padding:11px 24px;font-size:13px}}@media (max-width: 480px){.login-modal{max-width:320px}.login-modal-header{padding:18px 20px 16px}.login-modal-title{font-size:15px}.login-modal-close{width:28px;height:28px;font-size:16px}.login-modal-body{padding:18px 20px}.login-modal-label{font-size:12px;margin-bottom:8px}.login-modal-input{padding:10px 12px;font-size:12px}.login-modal-hint{font-size:11px}.success-text{font-size:13px}.success-hint{font-size:11px}.success-icon{font-size:36px}.login-modal-footer{margin-top:18px;gap:8px}.login-modal-btn{padding:10px 20px;font-size:12px}}.image-viewer-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000f2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:10001;animation:fadeIn .3s ease;cursor:pointer}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.image-viewer-container{width:100%;height:100%;display:flex;align-items:center;justify-content:center;padding:60px 20px 20px;box-sizing:border-box;cursor:pointer}.image-viewer-image{max-width:100%;max-height:100%;object-fit:contain;border-radius:8px;box-shadow:0 20px 60px #00000080;animation:zoomIn .3s ease;cursor:default}@keyframes zoomIn{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}.image-viewer-close{position:fixed;top:20px;right:20px;width:44px;height:44px;border:none;border-radius:50%;background:#ffffff26;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;z-index:10002;box-shadow:0 4px 12px #0000004d}.image-viewer-close:hover{background:#ffffff40;transform:scale(1.1);box-shadow:0 6px 16px #0006}.image-viewer-close:active{transform:scale(.95)}.image-viewer-close svg{width:24px;height:24px;stroke-width:2.5}.image-viewer-save{position:fixed;right:20px;bottom:20px;width:44px;height:44px;border:none;border-radius:50%;background:#ffffff26;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;z-index:10002;box-shadow:0 4px 12px #0000004d}.image-viewer-save:hover{background:#ffffff40;transform:scale(1.1);box-shadow:0 6px 16px #0006}.image-viewer-save:active{transform:scale(.95)}.image-viewer-save svg{width:24px;height:24px;stroke-width:2.5}@media (max-width: 768px){.image-viewer-container{padding:50px 16px 16px}.image-viewer-close{top:12px;right:12px;width:40px;height:40px}.image-viewer-close svg{width:20px;height:20px}.image-viewer-save{right:12px;bottom:12px;width:40px;height:40px}.image-viewer-save svg{width:20px;height:20px}}@media (max-width: 480px){.image-viewer-container{padding:44px 12px 12px}.image-viewer-close{top:8px;right:8px;width:36px;height:36px}.image-viewer-close svg{width:18px;height:18px}.image-viewer-save{right:8px;bottom:8px;width:36px;height:36px}.image-viewer-save svg{width:18px;height:18px}}.polaroid{position:absolute;width:220px;background-color:var(--photo-border);padding:12px;box-shadow:0 10px 20px #00000026;transform-origin:center;cursor:grab;transition:all .3s cubic-bezier(.34,1.56,.64,1);will-change:transform;-webkit-transform:translateZ(0);transform:translateZ(0);touch-action:none;-webkit-user-select:none;user-select:none}.polaroid:hover:not(.dragging){box-shadow:0 15px 35px #0003,0 5px 15px #0000001a;transform:translateY(-5px) scale(1.02)}.polaroid.dragging{cursor:grabbing;box-shadow:0 15px 30px #00000040;z-index:9999!important;transition:none!important;will-change:transform}.polaroid-image-area{width:196px;height:196px;background-color:#1a1a1a;overflow:hidden;position:relative;transition:all .3s ease;perspective:1000px}.image-flip-container{width:100%;height:100%;position:relative;transform-style:preserve-3d;transition:transform .6s cubic-bezier(.4,0,.2,1)}.polaroid-image-area.flipped .image-flip-container{transform:rotateY(180deg)}.image-face{position:absolute;width:100%;height:100%;backface-visibility:hidden;-webkit-backface-visibility:hidden;overflow:hidden}.image-front{transform:rotateY(0)}.image-back{transform:rotateY(180deg)}.flip-btn{position:absolute;bottom:8px;right:8px;width:36px;height:36px;border-radius:50%;border:none;background:#fffffff2;color:#1a1a1a;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #0003;transition:all .3s cubic-bezier(.4,0,.2,1);z-index:5;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.flip-btn:hover{background:#fff;transform:scale(1.1) rotate(180deg);box-shadow:0 4px 12px #0000004d}.flip-btn:active{transform:scale(.95) rotate(180deg)}.flip-btn svg{width:18px;height:18px;transition:transform .3s ease}.processing-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#000000b3;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:10;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.processing-spinner{width:40px;height:40px;border:3px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}.processing-overlay p{margin-top:12px;color:#fff;font-size:13px;font-weight:500;letter-spacing:.5px}.polaroid img{width:100%;height:100%;object-fit:cover;display:block;filter:brightness(1.6) blur(3px) grayscale(.4) sepia(.3);transition:filter .8s ease-in-out,transform .3s ease}.polaroid img.developed{filter:brightness(1) blur(0) grayscale(0) sepia(.15)}.polaroid:hover:not(.dragging) .image-flip-container:not(.flipped) img.developed{transform:scale(1.05);filter:brightness(1.05) blur(0) grayscale(0) sepia(.15)}.polaroid-image-area.flipped img{transform:none!important;filter:brightness(1) blur(0) grayscale(0) sepia(.2)!important}.polaroid-caption{margin-top:8px;text-align:center;font-family:Courier New,Courier,monospace;transition:all .3s ease}.polaroid-text{font-size:13px;color:#5d4037;margin:0 0 4px;font-weight:600;transition:all .3s cubic-bezier(.34,1.56,.64,1);transform-origin:center}.polaroid-datetime{font-size:10px;color:#8d6e63;margin:0;opacity:.8;transition:all .3s ease}.polaroid:hover:not(.dragging) .polaroid-text{color:#3e2723;font-size:14px;font-weight:700;transform:scale(1.05);text-shadow:0 1px 2px rgba(0,0,0,.1)}.polaroid:hover:not(.dragging) .polaroid-datetime{opacity:1;color:#6d4c41;font-size:11px}.photo-actions{position:absolute;top:6px;right:6px;display:flex;gap:6px;opacity:0;transition:opacity .25s ease;z-index:10}.polaroid:hover .photo-actions{opacity:1}.photo-btn{width:28px;height:28px;border-radius:50%;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 8px #00000026;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative;padding:0}.photo-btn svg{width:14px;height:14px;transition:transform .2s ease}.photo-btn:hover{transform:scale(1.1);box-shadow:0 4px 12px #00000040}.photo-btn:hover svg{transform:scale(1.1)}.photo-btn:active{transform:scale(.95);box-shadow:0 1px 4px #0003}.download-btn{background:#fffffff2;color:#059669}.download-btn:hover{background:#fff;color:#047857}.edit-btn{background:#fffffff2;color:#2563eb}.edit-btn:hover{background:#fff;color:#1d4ed8}.delete-btn{background:#fffffff2;color:#dc2626}.delete-btn:hover{background:#fff;color:#b91c1c}.zoom-btn{background:#fffffff2;color:#7c3aed}.zoom-btn:hover{background:#fff;color:#6d28d9}.polaroid:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle,#fff0,#f0e6c81a);pointer-events:none}.polaroid.ejecting{animation:ejectPhoto .3s cubic-bezier(.25,1,.5,1) forwards}@keyframes ejectPhoto{0%{transform:translateY(0)}to{transform:translateY(-280px)}}@media (max-width: 1024px){.polaroid{width:200px}.polaroid-image-area{width:176px;height:176px}.flip-btn{width:32px;height:32px;bottom:6px;right:6px}.flip-btn svg{width:16px;height:16px}.processing-spinner{width:36px;height:36px}.processing-overlay p,.polaroid-text{font-size:12px}.polaroid-datetime{font-size:9px}.photo-actions{gap:6px}.photo-btn{width:30px;height:30px}.photo-btn svg{width:15px;height:15px}}@media (max-width: 768px){.polaroid{width:180px;padding:10px}.polaroid-image-area{width:160px;height:160px}.flip-btn{width:34px;height:34px;bottom:6px;right:6px}.flip-btn svg{width:17px;height:17px}.processing-spinner{width:32px;height:32px}.processing-overlay p{font-size:11px}.polaroid-caption{margin-top:6px}.polaroid-text{font-size:11px;margin:0 0 3px}.polaroid-datetime{font-size:8px}.photo-actions{top:6px;right:6px;gap:6px;opacity:1}.photo-btn{width:36px;height:36px;box-shadow:0 2px 8px #0003}.photo-btn svg{width:18px;height:18px}.photo-btn:active{transform:scale(.9)}.polaroid:hover:not(.dragging){box-shadow:0 10px 20px #00000026;transform:none}.polaroid:hover:not(.dragging) img.developed{transform:none;filter:brightness(1) blur(0) grayscale(0) sepia(.2)}.polaroid:hover:not(.dragging) .polaroid-text{color:#5d4037;font-size:11px;font-weight:600;transform:none;text-shadow:none}.polaroid:hover:not(.dragging) .polaroid-datetime{opacity:.8;color:#8d6e63;font-size:8px}}@media (max-width: 480px){.polaroid{width:160px;padding:8px}.polaroid-image-area{width:144px;height:144px}.flip-btn{width:32px;height:32px;bottom:5px;right:5px}.flip-btn svg{width:16px;height:16px}.processing-spinner{width:28px;height:28px}.processing-overlay p{font-size:10px}.polaroid-caption{margin-top:5px}.polaroid-text{font-size:10px;margin:0 0 2px}.polaroid-datetime{font-size:7px}.photo-actions{top:5px;right:5px;gap:5px;opacity:0}.polaroid.selected .photo-actions{opacity:1}.photo-btn{width:34px;height:34px;box-shadow:0 2px 8px #0003}.photo-btn svg{width:17px;height:17px}.photo-btn:active{transform:scale(.9)}}.center-content{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;pointer-events:none;z-index:10;transition:opacity .5s ease}.center-content.fade-out{opacity:.2}.product-title{font-family:Courier New,Courier,monospace;font-size:clamp(48px,8vw,96px);font-weight:700;color:#6d4c41;margin:0;letter-spacing:.05em;text-shadow:3px 3px 6px rgba(93,64,55,.15)}.product-slogan{font-family:Courier New,Courier,monospace;font-size:20px;color:#a1887f;margin:16px 0 0;letter-spacing:.2em;font-weight:300;text-transform:uppercase}.camera-icon{margin:48px auto 0;width:120px;height:120px;opacity:.12;animation:float 3s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}.camera-icon svg{width:100%;height:100%;fill:none;stroke:#a1887f;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.hint-text{margin-top:32px;font-family:Courier New,Courier,monospace;font-size:14px;color:#a1887f;opacity:.6;line-height:1.8}.instructions{position:absolute;top:24px;left:28px;pointer-events:auto;z-index:100}.instructions-title{color:#6d4c4199;font-size:14px;font-family:Courier New,Courier,monospace;font-weight:300;font-style:italic;margin-bottom:4px;text-shadow:0 1px 0 rgba(255,255,255,.4),1px 1px 2px rgba(0,0,0,.05);letter-spacing:.5px;opacity:.8}.instruction-item{color:#6d4c4180;font-size:14px;font-family:Courier New,Courier,monospace;font-weight:300;font-style:italic;line-height:1.4;margin-bottom:2px;text-shadow:0 1px 0 rgba(255,255,255,.4),1px 1px 2px rgba(0,0,0,.05);letter-spacing:.4px;opacity:.7;transition:all .3s ease;mix-blend-mode:multiply}.instruction-item:hover{opacity:.9;transform:translate(2px);color:#6d4c41a6}@media (max-width: 1024px){.instructions{top:20px;left:24px}.instructions-title{font-size:13px;margin-bottom:3px}.instruction-item{font-size:13px}}@media (max-width: 768px){.instructions{top:16px;left:20px;right:20px}.instructions-title{font-size:12px;margin-bottom:3px}.instruction-item{font-size:12px;line-height:1.3;margin-bottom:1px}}@media (max-width: 480px){.instructions{top:12px;left:16px;right:16px}.instructions-title{font-size:11px;margin-bottom:2px}.instruction-item{font-size:11px;line-height:1.3;letter-spacing:.3px}}.voice-indicator{position:fixed;bottom:20px;left:20px;z-index:10001;display:flex;flex-direction:column;align-items:flex-start;gap:10px;pointer-events:none}.voice-status{position:relative;width:48px;height:48px;background:#fffffff2;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #00000026;transition:all .3s ease;cursor:help}.voice-status svg{width:24px;height:24px;color:#666;transition:color .3s ease}.voice-status.idle{background:#fffffff2;opacity:.7}.voice-status.idle svg{color:#999}.voice-status.idle:hover{opacity:1}.voice-status.listening{background:#4caf50f2;animation:breathe 2s ease-in-out infinite;opacity:1}.voice-status.listening svg{color:#fff}.voice-status .pulse{position:absolute;width:100%;height:100%;border-radius:50%;border:2px solid rgba(76,175,80,.6);animation:pulse 1.5s ease-out infinite}@keyframes pulse{0%{transform:scale(1);opacity:1}to{transform:scale(1.5);opacity:0}}@keyframes breathe{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.voice-command-feedback{background:#4caf50f2;color:#fff;padding:8px 16px;border-radius:20px;font-size:14px;font-weight:500;box-shadow:0 4px 12px #00000026;animation:slideInLeft .3s ease,fadeOut .3s ease 1.7s forwards;white-space:nowrap}@keyframes slideInLeft{0%{transform:translate(-20px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes fadeOut{to{opacity:0;transform:translate(-10px)}}@media (max-width: 768px){.voice-indicator{bottom:15px;left:15px}.voice-status{width:44px;height:44px}.voice-status svg{width:22px;height:22px}.voice-command-feedback{font-size:13px;padding:6px 14px}}@media (max-width: 480px){.voice-indicator{bottom:10px;left:10px}.voice-status{width:40px;height:40px}.voice-status svg{width:20px;height:20px}.voice-command-feedback{font-size:12px;padding:6px 12px}}@media (max-width: 768px) and (max-height: 500px) and (orientation: landscape){.voice-indicator{bottom:10px;left:10px}.voice-status{width:36px;height:36px}.voice-status svg{width:16px;height:16px}.voice-command-feedback{font-size:11px;padding:5px 10px}}.sound-toggle{position:fixed;bottom:20px;right:20px;width:48px;height:48px;background:#fffffff2;border:none;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 4px 12px #00000026;transition:all .3s ease;z-index:1000;opacity:.7}.sound-toggle:hover{opacity:1;transform:scale(1.05);box-shadow:0 6px 16px #0003}.sound-toggle:active{transform:scale(.95)}.sound-toggle svg{width:22px;height:22px;color:#666;transition:color .3s ease}.sound-toggle:hover svg{color:#333}@media (max-width: 768px){.sound-toggle{width:44px;height:44px;bottom:15px;right:15px}.sound-toggle svg{width:20px;height:20px}}@media (max-width: 480px){.sound-toggle{width:40px;height:40px;bottom:10px;right:10px;opacity:.6}.sound-toggle svg{width:18px;height:18px}.sound-toggle:active{opacity:1}}@media (max-height: 600px){.sound-toggle{bottom:10px;right:10px}}@media (max-width: 768px) and (max-height: 500px) and (orientation: landscape){.sound-toggle{bottom:10px;right:10px;width:36px;height:36px}.sound-toggle svg{width:16px;height:16px}}.user-profile{position:fixed;top:16px;right:16px;display:flex;align-items:center;gap:10px;padding:6px 10px;background:#f7f2e7;border-radius:999px;border:1px solid #e2d6b8;box-shadow:0 4px 10px #00000014,0 1px #fff inset;z-index:9500;font-family:Georgia,Times New Roman,serif}.user-avatar{width:32px;height:32px;border-radius:50%;background:#2b2b2b;color:#f7f2e7;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:600;letter-spacing:.03em;box-shadow:0 2px 6px #0000002e}.user-avatar-image{width:100%;height:100%;border-radius:50%;object-fit:cover;display:block}.user-profile-info{display:flex;flex-direction:column}.user-profile-name{font-size:13px;color:#4a453a;letter-spacing:-.2px}.user-settings-btn{border:1px solid #e2d6b8;background:#fffaf0;color:#4a453a;padding:4px 10px;border-radius:999px;font-size:12px;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease,background .2s ease;box-shadow:0 1px #fff inset,0 2px 6px #0000000f}.user-settings-btn:hover{background:#fff3d6;transform:translateY(-1px)}.user-settings-btn:active{transform:translateY(0)}.user-logout-btn{border:1px solid #e2d6b8;background:#fff;color:#6b6658;padding:4px 10px;border-radius:999px;font-size:12px;cursor:pointer;transition:transform .15s ease,background .2s ease}.user-logout-btn:hover{background:#fff3d6;transform:translateY(-1px)}.user-logout-btn:active{transform:translateY(0)}@media (max-width: 768px){.user-profile{top:10px;right:10px;padding:4px 8px;gap:8px}.user-avatar{width:28px;height:28px;font-size:13px}.user-profile-name{font-size:12px}.user-logout-btn{padding:3px 8px;font-size:11px}}:root{--modal-bg: #ffffff;--overlay: rgba(0,0,0,.5);--text: #4a453a;--muted: #7a7466;--primary: #8a6d3b;--primary-hover: #72572f;--border: #e2d6b8;--danger: #dc3545}.settings-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:var(--overlay);display:flex;align-items:center;justify-content:center;z-index:2147483647}.settings-modal{width:96%;max-width:520px;background:#f7f2e7;border-radius:12px;box-shadow:0 8px 24px #0000002e,0 1px #fff inset;overflow:hidden;animation:pop .12s ease-out;position:relative;z-index:1;border:1px solid var(--border);font-family:Georgia,Times New Roman,serif}@keyframes pop{0%{transform:scale(.98);opacity:.8}to{transform:scale(1);opacity:1}}.settings-header{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid var(--border)}.settings-header h2{margin:0;font-size:18px;color:var(--text);letter-spacing:.3px}.close-button{background:none;border:none;font-size:22px;line-height:1;cursor:pointer;color:var(--muted)}.close-button:disabled{opacity:.6;cursor:not-allowed}.settings-content{padding:16px;display:flex;flex-direction:column;gap:16px}.setting-group{display:flex;flex-direction:column;gap:8px}.setting-group label{color:var(--text);font-weight:600;letter-spacing:.2px}.setting-hint{color:var(--muted);font-size:12px}.setting-group input[type=text],.setting-group input[type=email]{width:100%;padding:10px 14px;border:2px solid var(--border);border-radius:8px;background:#fffaf0;color:var(--text);font-size:15px;font-family:Georgia,Times New Roman,serif;letter-spacing:.3px;transition:all .2s ease;box-shadow:inset 0 1px 3px #00000014}.setting-group input[type=text]:focus,.setting-group input[type=email]:focus{outline:none;border-color:var(--primary);background:#fff;box-shadow:inset 0 1px 3px #00000014,0 0 0 3px #8a6d3b1a}.setting-group input[type=text]::placeholder,.setting-group input[type=email]::placeholder{color:var(--muted);opacity:.6}.avatar-upload{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.avatar-preview{width:56px;height:56px;border-radius:50%;overflow:hidden;border:1px solid var(--border);background:#f3f4f6;display:flex;align-items:center;justify-content:center;flex-shrink:0}.avatar-image{width:100%;height:100%;object-fit:cover;display:block}.avatar-placeholder{color:var(--muted);font-size:20px}.hidden{display:none}.btn-upload,.upload-button{display:inline-flex;align-items:center;justify-content:center;padding:8px 12px;border-radius:999px;border:1px solid var(--border);background:#fffaf0;color:var(--text);cursor:pointer;font-size:13px;box-shadow:0 1px #fff inset,0 2px 6px #0000000f;white-space:nowrap;flex-shrink:0}.btn-upload:hover,.upload-button:hover{background:#fff3d6}.checkbox-label{display:flex;align-items:center;gap:8px;color:var(--text)}.settings-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:8px}.btn-cancel,.secondary-button{padding:8px 14px;border-radius:999px;border:1px solid var(--border);background:#fff;color:var(--text);cursor:pointer}.btn-save,.primary-button{padding:8px 14px;border-radius:999px;border:1px solid var(--primary);background:var(--primary);color:#fff;cursor:pointer;box-shadow:0 1px #fff inset,0 2px 6px #0000001f}.btn-save:hover,.primary-button:hover{background:var(--primary-hover)}.login-prompt-card{border-radius:10px;border:1px dashed var(--border);background:#fffaf0cc;padding:8px 12px;display:flex;align-items:center;justify-content:space-between;gap:12px}.login-prompt-title{font-size:14px;font-weight:600;color:var(--text);margin:0;white-space:nowrap}.login-prompt-card .btn-primary-login{white-space:nowrap}.btn-primary-login{padding:6px 14px;border-radius:999px;border:1px solid var(--primary);background:var(--primary);color:#fff;cursor:pointer;font-size:13px;box-shadow:0 1px #fff inset,0 2px 6px #0000001f}.btn-primary-login:hover{background:var(--primary-hover)}.error-message{background:#fde8ea;color:#7f1d1d;border:1px solid #f5c2c7;padding:8px 10px;border-radius:8px;font-size:13px}.checkbox-label input[type=checkbox]{accent-color:var(--primary)}@media (max-width: 480px){.settings-content{padding:14px}.settings-header{padding:12px 14px}.login-prompt-title{white-space:normal}.avatar-upload{gap:8px;align-items:flex-start}.avatar-preview{width:50px;height:50px}.avatar-placeholder{font-size:18px}.btn-upload,.upload-button{font-size:12px;padding:8px 12px;min-width:auto;flex:1 1 auto;max-width:calc(100% - 58px)}}.auth-success-container{width:100%;height:100vh;display:flex;align-items:center;justify-content:center;background-color:#f3ecdc;background-image:radial-gradient(#d6cbb5 1px,transparent 1px),radial-gradient(#d6cbb5 1px,transparent 1px);background-size:20px 20px;background-position:0 0,10px 10px}.auth-success-card{background:#f7f2e7;border:1px solid #e2d6b8;border-radius:12px;box-shadow:0 8px 24px #0000002e,0 1px #fff inset;padding:48px 40px;text-align:center;max-width:420px;width:90%;animation:breathe .45s cubic-bezier(.34,1.56,.64,1);font-family:Georgia,Times New Roman,serif}@keyframes breathe{0%{transform:scale(.92);opacity:0}50%{transform:scale(1.02)}to{transform:scale(1);opacity:1}}.auth-spinner{width:48px;height:48px;border:4px solid rgba(0,0,0,.1);border-top-color:#1a1a1a;border-radius:50%;margin:0 auto 24px;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.auth-icon{width:64px;height:64px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 24px;font-size:32px;font-weight:700;animation:scaleIn .5s cubic-bezier(.34,1.56,.64,1)}@keyframes scaleIn{0%{transform:scale(0)}to{transform:scale(1)}}.auth-icon.success{background:#8a6d3b26;color:#8a6d3b}.auth-icon.error{background:#dc354526;color:#dc3545}.auth-title{margin:0 0 12px;font-size:20px;color:#4a453a;font-weight:700;letter-spacing:.2px;font-family:Georgia,Times New Roman,serif}.auth-subtitle{margin:0;font-size:14px;color:#7a7466;letter-spacing:.1px;font-family:Georgia,Times New Roman,serif}.auth-retry-btn{margin-top:24px;padding:10px 18px;border-radius:999px;background:#8a6d3b;color:#fff;font-size:13px;font-weight:700;cursor:pointer;transition:transform .15s ease,background .2s ease,box-shadow .2s ease;letter-spacing:.1px;border:1px solid #8a6d3b;box-shadow:0 1px #fff inset,0 2px 6px #0000000f;font-family:Georgia,Times New Roman,serif}.auth-retry-btn:hover{background:#72572f;transform:translateY(-1px);box-shadow:0 4px 12px #8a6d3b4d}.auth-retry-btn:active{transform:translateY(0) scale(.98)}@media (max-width: 768px){.auth-success-card{padding:40px 32px;max-width:340px}.auth-spinner{width:40px;height:40px;margin-bottom:20px}.auth-icon{width:56px;height:56px;font-size:28px;margin-bottom:20px}.auth-title{font-size:18px}.auth-subtitle{font-size:13px}.auth-retry-btn{padding:11px 28px;font-size:13px}}@media (max-width: 480px){.auth-success-card{padding:36px 28px;max-width:300px}.auth-spinner{width:36px;height:36px;margin-bottom:18px}.auth-icon{width:48px;height:48px;font-size:24px;margin-bottom:18px}.auth-title{font-size:16px}.auth-subtitle{font-size:12px}.auth-retry-btn{padding:10px 24px;font-size:12px}}:root{--camera-bg: #e8e6e1;--camera-dark: #2a2a2a;--camera-accent: #d93025;--rainbow-1: #ff3b30;--rainbow-2: #ff9500;--rainbow-3: #ffcc00;--rainbow-4: #4cd964;--rainbow-5: #5ac8fa;--rainbow-6: #007aff;--bg-color: #f0e6d2;--photo-border: #fff}*{box-sizing:border-box;user-select:none;-webkit-user-select:none}body,html{margin:0;padding:0;width:100%;height:100%;overflow:hidden;font-family:Courier New,Courier,monospace;background-color:var(--bg-color);background-image:radial-gradient(#d6cbb5 1px,transparent 1px),radial-gradient(#d6cbb5 1px,transparent 1px);background-size:20px 20px;background-position:0 0,10px 10px;overflow-x:hidden;position:fixed}#root{width:100%;height:100%;position:relative;overflow:hidden;max-width:100vw;max-height:100vh}@media (max-width: 1024px){body,html{background-size:18px 18px;background-position:0 0,9px 9px}}@media (max-width: 768px){body,html{background-size:16px 16px;background-position:0 0,8px 8px;overscroll-behavior-y:contain;-webkit-touch-callout:none}*{touch-action:manipulation}}@media (max-width: 480px){body,html{background-size:14px 14px;background-position:0 0,7px 7px}}@media (max-width: 896px) and (orientation: landscape){body,html{background-size:14px 14px}}