:root{--bg-app: #F4F4ED;--bg-card: #ffffff;--bg-control: #eaeae0;--accent: #2563eb;--accent-rose: #f43f5e;--p-red: #ff3838;--p-orange: #ff9f1a;--p-yellow: #fff200;--p-green: #2ed573;--p-blue: #1e90ff;--text-primary: #4A4A3D;--text-secondary: #64748b;--text-dark: #0f172a;--font-ui: "Outfit", sans-serif;--font-retro: "Caveat", cursive;--shadow-premium: 0 20px 40px rgba(15, 23, 42, .08), 0 5px 15px rgba(15, 23, 42, .04);--shadow-polaroid: 0 12px 30px rgba(15, 23, 42, .08), 0 4px 10px rgba(15, 23, 42, .04);--shadow-inset-photo: inset 0 2px 6px rgba(0,0,0,.12);--border-radius-lg: 24px;--border-radius-md: 14px;--border-radius-sm: 8px}*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;user-select:none;-webkit-user-select:none}.icon-btn *,.drawer-toggle-btn *,.segment-btn *{pointer-events:none!important}input,textarea{user-select:text!important;-webkit-user-select:text!important}.splash-screen{position:fixed;top:0;left:0;right:0;bottom:0;background:#f4f4ed;z-index:99999;display:flex;align-items:center;justify-content:center;transition:opacity .6s ease,transform .6s ease}.splash-screen.dismiss{opacity:0;transform:scale(1.05);pointer-events:none}.splash-screen.hidden{display:none}.splash-strings{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:auto}.splash-strings line{stroke-linecap:round;cursor:pointer}.splash-brand{position:relative;z-index:2;text-align:center;pointer-events:none}.splash-title{font-family:var(--font-ui);font-size:36px;font-weight:800;color:#0f172a;margin:0 0 6px;letter-spacing:-.5px}.splash-subtitle{font-family:var(--font-ui);font-size:14px;font-weight:500;color:#0f172a66;margin:0;letter-spacing:1px;text-transform:uppercase}html{background-color:#f4f4ed;height:100%;overflow:hidden}body{background-color:#f4f4ed;font-family:var(--font-ui);color:var(--text-primary);min-height:100vh;min-height:100dvh;height:100%;display:flex;justify-content:center;align-items:center;overflow:hidden;touch-action:manipulation;margin:0;padding:0;transition:background-color .38s ease}body.sidebar-shell-bg{background-color:#f4f4ed}.app-container{width:100%;max-width:440px;height:100vh;height:100dvh;background-color:var(--bg-app);box-shadow:var(--shadow-premium);display:flex;flex-direction:column;position:relative;border-radius:0;overflow:hidden;border:none}@media (min-width: 441px){.app-container{height:850px;max-height:calc(100vh - 40px);border-radius:var(--border-radius-lg);border:10px solid #0f172a}}.app-header{height:calc(env(safe-area-inset-top) + 56px);background:var(--bg-app);display:flex;justify-content:space-between;align-items:center;padding:env(safe-area-inset-top) 20px 0 20px;border-bottom:none;z-index:10;transition:background .3s cubic-bezier(.16,1,.3,1),border-bottom .3s ease;flex-shrink:0}.app-container:has(#camera-view.active) .app-header{display:none}.app-container:has(#gallery-view.active) .app-header{display:none}.logo{display:flex;flex-direction:column;position:relative}.logo-text{font-size:1.4rem;font-weight:800;letter-spacing:-.5px;background:linear-gradient(135deg,#0f172a 60%,#334155);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.rainbow-stripe{display:flex;height:3px;width:60px;margin-top:2px;border-radius:2px;overflow:hidden;opacity:.8}.stripe{flex:1;height:100%}.stripe.red{background-color:var(--p-red)}.stripe.orange{background-color:var(--p-orange)}.stripe.yellow{background-color:var(--p-yellow)}.stripe.green{background-color:var(--p-green)}.stripe.blue{background-color:var(--p-blue)}.header-btn{background:none;border:none;color:#475569;cursor:pointer;padding:8px;border-radius:50%;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.header-btn:hover{color:var(--text-primary);background:#0f172a0d}.hidden{display:none!important}.app-main{flex:1;position:relative;overflow:hidden}.view-panel{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;opacity:0;pointer-events:none;transition:transform .4s cubic-bezier(.16,1,.3,1),opacity .3s ease;z-index:1}.view-panel.active{opacity:1;pointer-events:auto;z-index:5}#camera-view{transform:translate(0);height:100%;display:flex;flex-direction:column;overflow:hidden;background-color:#fff}#camera-view:not(.active){transform:translate(-100%)}#gallery-view{transform:translate(0)}#gallery-view:not(.active){transform:translate(100%)}.viewfinder-wrapper{position:relative;width:100%;padding:calc(env(safe-area-inset-top) + 16px) 20px 18px 20px;display:flex;flex-direction:column;justify-content:flex-start;align-items:stretch;gap:10px;flex:0 0 auto;background:#dbeafe;border-radius:0 0 32px 32px;transition:flex .4s cubic-bezier(.16,1,.3,1),border-radius .4s cubic-bezier(.16,1,.3,1),padding .4s cubic-bezier(.16,1,.3,1);overflow:hidden;z-index:6;box-shadow:0 4px #0000000a,0 6px 16px #00000014,0 12px 32px #0000000d,inset 0 -3px 6px #0000000f,inset 0 2px 4px #ffffff80}#camera-view.minimal-mode{background-color:#dbeafe}#camera-view.minimal-mode .viewfinder-wrapper{flex:1 1 auto;border-radius:0;padding-bottom:calc(env(safe-area-inset-bottom) + 84px);display:flex;flex-direction:column}#camera-view.minimal-mode .viewfinder-card{margin-top:auto;margin-bottom:0}#camera-view.minimal-mode .inputs-container{margin-bottom:auto;margin-top:32px}.card-brand-row{display:flex;justify-content:space-between;align-items:center;width:100%;padding-top:4px}.card-decor-header{display:flex;justify-content:space-between;align-items:center;width:100%;margin-top:2px}.avatar-robot{width:36px;height:36px;background:#f4f4ed;border-radius:10px;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #2563eb14,0 2px 4px #00000008;border:1px solid rgba(255,255,255,.8)}.card-mic-icon{width:34px;height:34px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#ffffff73;border:1px solid rgba(255,255,255,.6);color:#0f172a;transition:all .3s cubic-bezier(.16,1,.3,1);box-shadow:0 2px 8px #2563eb0a}.card-mic-icon.blowing{background-color:#f43f5e26;color:#f43f5e;border-color:#f43f5e66;box-shadow:0 0 15px #f43f5e59;transform:scale(1.08)}.card-decor-text{display:flex;flex-direction:column;gap:1px;text-align:left;width:100%}.greeting-text{font-size:.75rem;color:#475569;font-weight:600}.status-main-text{font-size:1.25rem;font-weight:800;color:#0f172a;letter-spacing:-.5px}.status-main-text .highlight-rose{color:#f43f5e}.status-sub-text{font-size:.78rem;color:#1e293b;font-weight:500}.webcam-feed-hidden{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none;z-index:-1}.webcam-feed{width:100%;height:100%;object-fit:cover;transform:scaleX(-1);pointer-events:none}video::-webkit-media-controls{display:none!important;-webkit-appearance:none;opacity:0!important;pointer-events:none!important;width:0!important;height:0!important}video::-webkit-media-controls-panel{display:none!important;-webkit-appearance:none;opacity:0!important}video::-webkit-media-controls-play-button{display:none!important;-webkit-appearance:none;opacity:0!important}video::-webkit-media-controls-start-playback-button{display:none!important;-webkit-appearance:none;opacity:0!important;position:absolute!important;width:0!important;height:0!important}video::-webkit-media-controls-overlay-enclosure{display:none!important}video::-webkit-media-controls-enclosure{display:none!important}.viewfinder-grid{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;opacity:.15;transition:opacity .3s ease}.grid-line{position:absolute;background-color:#fff}.line-h1{top:33.3%;left:0;width:100%;height:1px}.line-h2{top:66.6%;left:0;width:100%;height:1px}.line-v1{left:33.3%;top:0;height:100%;width:1px}.line-v2{left:66.6%;top:0;height:100%;width:1px}.fallback-panel{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:#1a1a1f;color:var(--text-secondary);padding:20px;text-align:center}.fallback-panel svg{margin-bottom:12px;opacity:.5}.upload-btn{margin-top:15px;background-color:var(--accent);color:#fff;padding:10px 20px;border-radius:var(--border-radius-sm);font-size:.9rem;font-weight:600;cursor:pointer;transition:transform .2s,background-color .2s;box-shadow:0 4px 10px #ff47574d}.upload-btn:hover{background-color:#ff6b81}.hidden-input{display:none}.preview-normal{background:#94a3b8}.preview-vintage{background:#94a3b8;filter:sepia(.3) saturate(1.4) contrast(1.1) hue-rotate(-10deg)}.preview-mono{background:#94a3b8;filter:grayscale(1) contrast(1.3)}.preview-cyan{background:#94a3b8;filter:hue-rotate(180deg) saturate(.8) contrast(.9)}.preview-sepia{background:#94a3b8;filter:sepia(1) contrast(.95)}.preview-leak{background:#94a3b8;filter:saturate(1.3) hue-rotate(20deg)}.preview-emerald{background:#94a3b8;filter:hue-rotate(60deg) saturate(1.2) contrast(1.1)}.filter-preview{width:44px;height:44px;flex-shrink:0;border-radius:50%;border:2px solid #cbd5e1;margin-bottom:6px;transition:transform .2s,border-color .2s,box-shadow .2s;background-image:radial-gradient(circle at 50% 30%,#ffffffb3,#0f172a26);box-shadow:inset 0 3px 4px #ffffff80,inset 0 -3px 5px #0000002e,0 4px 8px #0f172a0f}.filter-normal{filter:none}.filter-vintage{filter:sepia(.35) saturate(1.45) contrast(1.15) brightness(.95)}.filter-mono{filter:grayscale(1) contrast(1.4) brightness(1.05)}.filter-cyan{filter:hue-rotate(165deg) saturate(.75) contrast(.9) brightness(1.05)}.filter-sepia{filter:sepia(.9) contrast(.9) saturate(.8) brightness(1.02)}.filter-leak{filter:saturate(1.4) sepia(.1) hue-rotate(10deg)}.filter-emerald{filter:hue-rotate(65deg) saturate(1.1) contrast(1.15) sepia(.1)}.ejected-polaroid-container{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:#0c0c0eeb;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:200;padding:20px;padding-bottom:calc(env(safe-area-inset-bottom) + 80px);opacity:0;transition:opacity .3s ease}.ejected-polaroid-container.visible{opacity:1}.polaroid-card{background-color:#f6f5f0;background-image:linear-gradient(135deg,#ffffff80,#f0eee680);width:330px;height:396px;padding:20px 20px 52px;box-shadow:var(--shadow-polaroid);border-radius:4px;display:flex;flex-direction:column;border:1px solid rgba(0,0,0,.06);position:relative;-webkit-user-select:none;user-select:none}.ejected-polaroid-container .polaroid-card{transform:translateY(120%) rotate(10deg) scale(.6);transition:transform .8s cubic-bezier(.175,.885,.32,1.275)}.ejected-polaroid-container .polaroid-card.ejected{transform:translateY(0) rotate(0) scale(1)}.viewfinder-card{width:auto;height:auto;max-width:200px;border-radius:4px;border:1px solid rgba(0,0,0,.06);box-shadow:var(--shadow-polaroid);padding:8px 8px 14px;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;margin:0 auto;flex-shrink:1;min-height:0;transition:transform .3s ease,margin .4s cubic-bezier(.16,1,.3,1)}.viewfinder-card .polaroid-photo-frame{width:100%;max-width:184px;aspect-ratio:1/1}.viewfinder-card .polaroid-footer{width:100%;max-width:184px;padding-top:4px}.viewfinder-card .polaroid-caption{font-size:1rem}.viewfinder-card .polaroid-date{font-size:.7rem;margin-top:1px}.polaroid-photo-frame{width:100%;aspect-ratio:1/1;background-color:#0b0b0d;box-shadow:var(--shadow-inset-photo);border-radius:2px;overflow:hidden;position:relative}.polaroid-photo-wrapper{position:relative;width:100%;height:100%}.polaroid-photo-wrapper img{width:100%;height:100%;object-fit:cover}.development-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#171d1c;opacity:1;transition:opacity .1s linear}.polaroid-footer{display:flex;flex-direction:column;justify-content:center;align-items:center;flex:1;padding-top:10px;overflow:hidden}.polaroid-caption{font-family:var(--font-retro);font-size:1.6rem;color:var(--text-dark);text-align:center;line-height:1.2;width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:0 4px}.polaroid-date{font-family:var(--font-retro);font-size:1rem;color:#2d343699;margin-top:4px}@keyframes shakeWobble{0%{transform:rotate(0) translate(0)}20%{transform:rotate(-3deg) translate(-2px,1px)}40%{transform:rotate(3deg) translate(2px,-1px)}60%{transform:rotate(-2deg) translate(-1px,-1px)}80%{transform:rotate(2deg) translate(1px,2px)}to{transform:rotate(0) translate(0)}}.polaroid-card.shaking{animation:shakeWobble .3s ease infinite}.shake-hint{cursor:grab}.polaroid-card:active{cursor:grabbing}.shake-tip-toast{margin-top:25px;background:#1a1a1fe6;border:1px solid rgba(255,255,255,.1);border-radius:50px;padding:12px 24px;text-align:center;font-size:.9rem;font-weight:500;max-width:90%;box-shadow:0 10px 25px #0000004d;transform:translateY(20px);opacity:0;transition:transform .4s,opacity .4s;display:flex;flex-direction:column;gap:8px}.shake-tip-toast.show{transform:translateY(0);opacity:1}.progress-container{width:140px;height:4px;background:#ffffff1a;border-radius:2px;margin:4px auto 0;overflow:hidden}.progress-bar{width:0%;height:100%;background:linear-gradient(90deg,var(--p-red),var(--p-orange),var(--p-yellow),var(--p-green),var(--p-blue));border-radius:2px;transition:width .1s linear}.controls-panel{position:relative;z-index:5;background-color:var(--bg-card);padding:28px 16px calc(env(safe-area-inset-bottom) + 84px) 16px;margin-top:-18px;display:flex;flex-direction:column;gap:14px;flex:1 1 0;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;transition:max-height .4s cubic-bezier(.16,1,.3,1),padding .4s cubic-bezier(.16,1,.3,1),opacity .4s ease,transform .4s cubic-bezier(.16,1,.3,1);opacity:1;transform:translateY(0)}#camera-view.minimal-mode .controls-panel{max-height:0;padding-top:0;padding-bottom:0;margin:0;opacity:0;transform:translateY(50px);pointer-events:none;overflow:hidden;flex:0 0 0}.controls-panel::-webkit-scrollbar{display:none}.filters-container{display:flex;gap:12px;overflow-x:auto;padding:6px 2px;flex-shrink:0;scrollbar-width:none;scroll-behavior:smooth;-webkit-overflow-scrolling:touch}.filters-container::-webkit-scrollbar{display:none}.filter-option{display:flex;flex-direction:column;align-items:center;cursor:pointer;min-width:60px;flex-shrink:0;opacity:.6;transition:opacity .2s,transform .2s}.filter-option:hover{opacity:.9;transform:translateY(-2px)}.filter-option.active{opacity:1}.filter-option.active .filter-preview{border-color:var(--accent);transform:scale(1.1);box-shadow:inset 0 3px 4px #ffffff80,inset 0 -3px 5px #0000002e,0 6px 16px #2563eb40}.filter-label{font-size:.75rem;font-weight:500;color:var(--text-secondary);text-align:center;white-space:nowrap;transition:color .2s}.filter-option.active .filter-label{color:var(--text-primary);font-weight:600}.inputs-container{display:flex;gap:8px;align-items:center;width:100%;justify-content:flex-end;transition:margin .4s cubic-bezier(.16,1,.3,1)}.note-bar-morph{flex:1;height:38px;background:#fafaf5;border-radius:19px;display:flex;align-items:center;padding:0 14px;box-shadow:0 4px 12px #2563eb0d;border:1px solid rgba(0,0,0,.03);overflow:hidden;transition:flex .4s cubic-bezier(.34,1.56,.64,1),opacity .3s ease,padding .35s cubic-bezier(.34,1.56,.64,1),margin .35s cubic-bezier(.34,1.56,.64,1)}.note-bar-morph.collapsed{flex:0 0 0px;padding:0;margin:0;opacity:0;border-color:transparent;box-shadow:none;pointer-events:none}.note-bar-morph.expanded{flex:1;opacity:1;pointer-events:auto;margin-right:8px}.note-bar-morph:focus-within{border-color:#2563eb4d;box-shadow:0 4px 15px #2563eb1f}.note-bar-morph .search-icon{color:#e8893c;margin-right:8px;flex-shrink:0;display:flex;align-items:center;opacity:0;transition:opacity .3s ease .15s}.note-bar-morph.expanded .search-icon{opacity:1}#caption-input{flex:1;height:100%;background:transparent;border:none;color:#4a4a3d;font-family:var(--font-ui);font-size:16px;font-weight:600;outline:none;padding:0;min-width:0}#caption-input::placeholder{color:#94a3b8;font-weight:500}#note-pencil-btn{transition:transform .35s cubic-bezier(.34,1.56,.64,1),opacity .25s ease}.inputs-container.note-open #note-pencil-btn{transform:rotate(45deg)}.action-buttons-group{display:flex;gap:6px;align-items:center;flex-shrink:0;position:relative;z-index:100}.icon-btn{position:relative;z-index:100;width:40px;height:40px;border-radius:50%;background-color:transparent;border:none;color:var(--text-primary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform .25s cubic-bezier(.16,1,.3,1),background-color .2s ease,color .2s ease,filter .25s ease;box-shadow:none;outline:none;-webkit-tap-highlight-color:transparent}.icon-btn:before,.icon-btn:after{display:none!important;content:none!important}.icon-btn:hover{transform:scale(1.08)}.icon-btn:active{transform:scale(.9)}.icon-btn.active{background-color:transparent}.shutter-container{flex:1;display:flex;justify-content:center;align-items:center;height:100%;position:relative;z-index:5}.shutter-btn{width:76px;height:76px;border-radius:50%;background-color:#fff;border:5px solid #0f172a;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform .2s cubic-bezier(.175,.885,.32,1.275),box-shadow .2s ease;box-shadow:0 4px #0003,0 6px 12px #0f172a2e,0 10px 24px #0f172a1a,inset 0 2px 4px #ffffffe6,inset 0 -2px 4px #00000014;transform:translateY(-16px)}.shutter-btn:hover{transform:translateY(-18px) scale(1.05);box-shadow:0 6px #0000002e,0 8px 16px #0f172a38,0 14px 30px #0f172a1f,inset 0 2px 4px #ffffffe6,inset 0 -2px 4px #00000014}.shutter-btn:active{transform:translateY(-14px) scale(.95);box-shadow:0 1px #0003,0 2px 6px #0f172a26,inset 0 2px 6px #0000001f,inset 0 -1px 2px #ffffff80}.shutter-inner{width:52px;height:52px;border-radius:50%;background-color:var(--accent-rose);background-image:radial-gradient(circle at 40% 35%,rgba(255,255,255,.25) 0%,transparent 60%);box-shadow:inset 0 3px 6px #ffffff4d,inset 0 -3px 6px #0003,0 1px 2px #0000001a;transition:background-color .2s}.shutter-btn:active .shutter-inner{background-color:#e11d48;background-image:radial-gradient(circle at 40% 35%,rgba(255,255,255,.15) 0%,transparent 60%);box-shadow:inset 0 2px 8px #00000040,inset 0 -1px 3px #fff3}#gallery-view{background:#0d0d0f;padding:20px 20px calc(env(safe-area-inset-bottom) + 52px) 20px;overflow-y:auto}.gallery-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.gallery-header h2{font-size:1.4rem;font-weight:700;color:var(--text-primary)}.badge{background-color:var(--bg-control);color:var(--text-secondary);font-size:.8rem;font-weight:600;padding:6px 14px;border-radius:30px;border:1px solid rgba(255,255,255,.05)}.gallery-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;padding-bottom:60px}.gallery-item{background-color:#faf8f5;background-image:linear-gradient(135deg,#fff6,#ebe9e166);border-radius:3px;box-shadow:0 4px 10px #0000004d;padding:8px 8px 18px;display:flex;flex-direction:column;cursor:pointer;transition:transform .25s cubic-bezier(.16,1,.3,1),box-shadow .25s ease;border:1px solid rgba(0,0,0,.05);-webkit-user-select:none;user-select:none}.gallery-item:hover{transform:translateY(-5px) scale(1.02) rotate(1deg);box-shadow:0 10px 20px #0006}.gallery-photo-frame{width:100%;aspect-ratio:1/1;background-color:#111;overflow:hidden;border-radius:1px;box-shadow:inset 0 1px 3px #0000004d}.gallery-photo-frame img{width:100%;height:100%;object-fit:cover}.gallery-item-footer{display:flex;flex-direction:column;align-items:center;justify-content:center;padding-top:6px;overflow:hidden}.gallery-item-caption{font-family:var(--font-retro);font-size:1.15rem;color:var(--text-dark);text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%}.gallery-item-date{font-family:var(--font-retro);font-size:.75rem;color:#2d343680;margin-top:1px}.gallery-empty{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;color:var(--text-secondary);padding:40px 20px calc(env(safe-area-inset-bottom) + 100px) 20px;z-index:50;background-color:var(--bg-app)}.empty-icon-wrapper{width:96px;height:96px;border-radius:50%;background-color:#f4f4ed;display:flex;align-items:center;justify-content:center;color:#94a3b8;border:1px solid #cbd5e1;margin-bottom:20px;box-shadow:0 4px 12px #0f172a0d}.gallery-empty h3{color:var(--text-primary);margin-bottom:8px;font-size:1.2rem}.gallery-empty p{font-size:.9rem;margin-bottom:24px;max-width:240px;line-height:1.5}.primary-btn{background-color:var(--accent);color:#fff;border:none;padding:12px 24px;border-radius:var(--border-radius-md);font-family:var(--font-ui);font-weight:600;cursor:pointer;transition:transform .2s,background-color .2s;box-shadow:0 4px 15px #ff47574d}.primary-btn:hover{background-color:#ff6b81;transform:translateY(-2px)}.primary-btn:active{transform:translateY(0)}.bottom-nav{position:absolute;bottom:0;left:0;width:100%;height:calc(env(safe-area-inset-bottom) + 56px);padding-bottom:env(safe-area-inset-bottom);background:#f4f4ed;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border-radius:0;display:flex;align-items:flex-start;z-index:10;overflow:visible;border:none;box-shadow:0 -1px #0000000f,0 -4px 12px #00000014,0 -10px 30px #0000000f,inset 0 1px #ffffff80}.bottom-nav:before{content:"";position:absolute;top:-24px;left:50%;transform:translate(-50%);width:108px;height:36px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='108' height='36' viewBox='0 0 108 36'%3E%3Cpath d='M 0 24 C 32 24, 40 0, 54 0 C 68 0, 76 24, 108 24 L 108 36 L 0 36 Z' fill='%23F4F4ED'/%3E%3Cpath d='M 0 24 C 32 24, 40 0, 54 0 C 68 0, 76 24, 108 24' fill='none' stroke='rgba(0,0,0,0.06)' stroke-width='1'/%3E%3C/svg%3E");background-size:100% 100%;background-repeat:no-repeat;z-index:1;pointer-events:none}.bottom-sheet{position:absolute;bottom:0;left:0;width:100%;height:55vh;background:#f4f4ed;border-radius:28px 28px 0 0;z-index:9;transform:translateY(100%) translateZ(0);-webkit-mask-image:-webkit-radial-gradient(white,black);transition:transform .4s cubic-bezier(.16,1,.3,1);box-shadow:0 -1px #00000014,0 -6px 20px #0000001f,0 -14px 44px #00000014,inset 0 1px #ffffff80,inset 0 -1px 3px #0000000a;display:flex;flex-direction:column;padding-bottom:calc(env(safe-area-inset-bottom) + 64px);overflow:hidden;border:none}.bottom-sheet:before{content:"";position:absolute;top:-4px;left:-4px;right:-4px;bottom:-4px;border-radius:32px 32px 0 0;border:6px solid rgba(0,0,0,.08);filter:blur(4px);transform:translateY(2px);pointer-events:none;-webkit-mask-image:linear-gradient(to bottom,transparent 0%,black 30%);mask-image:linear-gradient(to bottom,transparent 0%,black 30%);z-index:10}.bottom-sheet:after{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent 10%,rgba(255,255,255,.4) 50%,transparent 90%);border-radius:28px 28px 0 0;pointer-events:none;z-index:10}.bottom-sheet.open{transform:translateY(0) translateZ(0)}.bottom-sheet-handle{width:40px;height:5px;background:#c4c4b0;border-radius:3px;margin:12px auto 8px;flex-shrink:0;box-shadow:0 1px 2px #00000014,inset 0 1px 1px #fff9}.bottom-sheet-content{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:8px 20px 20px}.sheet-backdrop{position:absolute;top:0;left:0;width:100%;height:100%;background:#0000004d;z-index:8;transition:opacity .3s ease;opacity:0}.sheet-backdrop.visible{opacity:1}.nav-item{flex:1;background:none;border:none;padding:12px 0 4px;margin:0;color:#7a7a6b;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;cursor:pointer;font-family:var(--font-ui);font-size:.65rem;font-weight:700;gap:2px;transition:color .3s ease;position:relative;z-index:2}.nav-item.active{color:#4a4a3d}.nav-item svg{transition:transform .3s cubic-bezier(.16,1,.3,1)}.nav-item.active svg{transform:translateY(-2px);color:var(--accent)}.nav-indicator{display:none}.bottom-nav #nav-camera.active~.nav-indicator{transform:translate(0)}.bottom-nav #nav-gallery.active~.nav-indicator{transform:translate(200%)}.lightbox-modal{position:fixed;top:0;left:0;width:100%;height:100%;z-index:200;display:flex;flex-direction:column;justify-content:center;align-items:center;transition:opacity .3s ease}.lightbox-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#fffffff7;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.lightbox-content{position:relative;z-index:10;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px;width:100%;padding:20px}.lightbox-content:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:480px;height:480px;background:radial-gradient(circle,#00000008,#0000 70%);pointer-events:none;z-index:-1}.close-btn{position:absolute;top:-45px;right:20px;background:none;border:none;color:#1e293b;cursor:pointer;width:38px;height:38px;border-radius:50%;display:flex;align-items:center;justify-content:center;background-color:#00000014;transition:all .2s cubic-bezier(.16,1,.3,1);overflow:hidden;transform:translateZ(0)}.close-btn:before{display:none}.close-btn:after{display:none}.close-btn:hover{background-color:#00000026;transform:scale(1.05)}.lightbox-polaroid-container{perspective:1000px}.lightbox-img{border-radius:6px;box-shadow:0 25px 50px #000000a6;animation:zoomIn .3s cubic-bezier(.16,1,.3,1) forwards;display:block}.lightbox-modal.format-wide .lightbox-img{width:360px;height:310px}.lightbox-modal.format-wide .lightbox-actions{max-width:360px}.lightbox-modal.format-classic .lightbox-img{width:330px;height:396px}.lightbox-modal.format-classic .lightbox-actions{max-width:330px}.lightbox-modal.format-tall .lightbox-img{width:290px;height:406px}.lightbox-modal.format-tall .lightbox-actions{max-width:290px}@keyframes zoomIn{0%{opacity:0;transform:scale(.95) rotate(-2deg) translateY(15px)}to{opacity:1;transform:scale(1) rotate(0) translateY(0)}}.lightbox-actions{display:flex;gap:8px;width:100%;padding:0 4px;transition:max-width .3s cubic-bezier(.16,1,.3,1)}.action-btn{position:relative;overflow:hidden;transform:translateZ(0);flex:1;min-width:0;height:auto;padding:8px 0;border:none;border-radius:0;background:transparent;font-family:var(--font-ui);font-size:.68rem;font-weight:600;letter-spacing:.02em;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;transition:transform .15s ease,opacity .15s ease;color:#475569}.action-btn svg.icon{width:26px;height:26px;flex-shrink:0}.action-btn:active{transform:scale(.88);opacity:.7}.action-btn.draw-btn svg.icon{color:#f97316!important}.action-btn.fullscreen-btn svg.icon{color:#8b5cf6!important}.action-btn.download-btn svg.icon{color:#0ea5e9!important}.action-btn.delete-btn{color:#ef4444}.action-btn.delete-btn svg.icon{color:#ef4444!important}.action-btn.album-btn svg.icon{color:#22c55e!important}@keyframes fadeInFull{0%{opacity:0}to{opacity:1}}.customizations-row{display:flex;gap:12px;margin-bottom:5px;flex-shrink:0}.custom-group{flex:1;display:flex;flex-direction:column;gap:6px}.custom-group-label{font-size:.72rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.8px}.segmented-control{display:flex;background-color:#e2e8f0;border:none;border-radius:var(--border-radius-md);padding:2.5px;height:38px;position:relative;box-shadow:inset 0 1px 3px #0000001f}.segment-indicator{position:absolute;top:2.5px;bottom:2.5px;left:0;background-color:#f4f4ed;border-radius:11px;box-shadow:0 2px 6px #0f172a14,0 1px 3px #0f172a0a;pointer-events:none;z-index:1;overflow:hidden;transform:translateZ(0);-webkit-mask-image:-webkit-radial-gradient(white,black)}.segment-indicator:before{content:"";position:absolute;top:-3px;left:-3px;right:-3px;bottom:-3px;border-radius:14px;border:6px solid rgba(0,0,0,.18);filter:blur(3px);transform:translateY(2px);pointer-events:none;-webkit-mask-image:linear-gradient(to bottom,transparent,black);mask-image:linear-gradient(to bottom,transparent,black);z-index:1}.segment-indicator:after{content:"";position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;border-radius:13px;border:4px solid rgba(255,255,255,.5);filter:blur(2px);transform:translateY(-1px);pointer-events:none;-webkit-mask-image:linear-gradient(to bottom,black 0%,transparent 50%);mask-image:linear-gradient(to bottom,black 0%,transparent 50%);z-index:1}.segment-btn{flex:1;background:none;border:none;color:#475569;font-family:var(--font-ui);font-size:.8rem;font-weight:700;cursor:pointer;border-radius:11px;transition:color .3s cubic-bezier(.16,1,.3,1);display:flex;align-items:center;justify-content:center;position:relative;z-index:2}.segment-btn:hover,.segment-btn.active{color:#0f172a}.tape-element{position:absolute;top:-12px;left:50%;transform:translate(-50%) rotate(-1.5deg);width:90px;height:26px;z-index:100;pointer-events:none;transition:opacity .2s ease,transform .2s ease;opacity:0}.tape-element.tape-masking{opacity:.85;background-color:#f4edd2;background-image:linear-gradient(to right,#00000005,#ffffff14,#00000005);box-shadow:0 1px 3px #00000014;transform:translate(-50%) rotate(-1.5deg);clip-path:polygon(0% 12%,4% 4%,8% 14%,12% 6%,16% 12%,20% 4%,24% 14%,28% 6%,32% 12%,36% 4%,40% 14%,44% 6%,48% 12%,52% 4%,56% 14%,60% 6%,64% 12%,68% 4%,72% 14%,76% 6%,80% 12%,84% 4%,88% 14%,92% 6%,96% 12%,100% 4%,98% 90%,94% 96%,90% 88%,86% 96%,82% 90%,78% 98%,74% 92%,70% 96%,66% 88%,62% 96%,58% 90%,54% 96%,50% 88%,46% 96%,42% 90%,38% 98%,34% 92%,30% 96%,26% 88%,22% 96%,18% 90%,14% 96%,10% 88%,6% 96%,2% 90%,0% 96%)}.tape-element.tape-washi{opacity:.9;background:repeating-linear-gradient(45deg,var(--p-red),var(--p-red) 10px,var(--p-orange) 10px,var(--p-orange) 20px,var(--p-yellow) 20px,var(--p-yellow) 30px,var(--p-green) 30px,var(--p-green) 40px,var(--p-blue) 40px,var(--p-blue) 50px);box-shadow:0 1px 3px #0000001f;transform:translate(-50%) rotate(2.5deg);clip-path:polygon(0% 8%,100% 0%,99% 100%,1% 94%)}.polaroid-card.format-wide{width:360px;height:310px}.polaroid-card.format-wide .polaroid-photo-frame{aspect-ratio:1.5/1}.polaroid-card.format-classic{width:330px;height:396px}.polaroid-card.format-classic .polaroid-photo-frame{aspect-ratio:1/1}.polaroid-card.format-tall{width:290px;height:406px}.polaroid-card.format-tall .polaroid-photo-frame{aspect-ratio:1/1.33}.viewfinder-card.format-wide,.viewfinder-card.format-classic,.viewfinder-card.format-tall{height:auto;margin:0 auto;background-color:#faf8f5;background-image:linear-gradient(135deg,#fdfdf8,#f7f6f0);border-radius:6px;border:1px solid rgba(0,0,0,.06);box-shadow:var(--shadow-polaroid);padding:8px 8px 14px;display:flex;flex-direction:column;align-items:center;gap:6px;transition:all .3s cubic-bezier(.16,1,.3,1);position:relative;flex-shrink:0;min-height:0}.viewfinder-card.format-wide{width:220px}.viewfinder-card.format-wide .polaroid-photo-frame{width:204px;height:136px}.viewfinder-card.format-classic{width:180px}.viewfinder-card.format-classic .polaroid-photo-frame{width:164px;height:164px}.viewfinder-card.format-tall{width:150px}.viewfinder-card.format-tall .polaroid-photo-frame{width:134px;height:178px}.viewfinder-card .polaroid-footer{width:100%;display:flex;flex-direction:column;align-items:center;padding-top:2px}.gallery-card-item{cursor:pointer;transition:transform .25s cubic-bezier(.16,1,.3,1),box-shadow .25s ease;-webkit-user-select:none;user-select:none;display:flex;justify-content:center;align-items:center;width:100%}.gallery-img-flat{width:100%;height:auto;border-radius:4px;box-shadow:0 6px 15px #00000059;transition:transform .25s,box-shadow .25s;background-color:#f8f7f2}.gallery-card-item:hover{transform:translateY(-6px) scale(1.04) rotate(0)!important;z-index:10}.gallery-card-item:hover .gallery-img-flat{box-shadow:0 15px 30px #00000080}.adjust-header{display:flex;justify-content:center;margin-bottom:6px;margin-top:4px;flex-shrink:0}.drawer-toggle-btn{position:relative;z-index:100;background:none;border:1px solid #cbd5e1;color:var(--text-secondary);font-family:var(--font-ui);font-size:.78rem;font-weight:700;padding:6px 14px;border-radius:30px;cursor:pointer;display:flex;align-items:center;gap:6px;background-color:#f8fafc;transition:all .2s ease}.drawer-toggle-btn:hover{background-color:#f1f5f9;color:var(--text-primary);border-color:#94a3b8}.drawer-toggle-btn .chevron-icon{transition:transform .3s ease}.drawer-toggle-btn.active .chevron-icon{transform:rotate(180deg)}.sliders-drawer{position:relative;transform:translateZ(0);-webkit-mask-image:-webkit-radial-gradient(white,black);display:flex;flex-direction:column;gap:10px;background-color:#f8fafc;border-radius:var(--border-radius-md);max-height:0;overflow:hidden;flex-shrink:0;transition:max-height .3s cubic-bezier(.16,1,.3,1),padding .3s ease,margin .3s ease;border:1px solid transparent;padding:0 12px}.sliders-drawer.open{max-height:180px;padding:12px;margin-bottom:8px;border-color:#e2e8f0}.sliders-drawer:before{content:"";position:absolute;top:-3px;left:-3px;right:-3px;bottom:-3px;border-radius:17px;border:6px solid rgba(0,0,0,.18);filter:blur(3px);transform:translateY(2px);pointer-events:none;-webkit-mask-image:linear-gradient(to bottom,transparent,black);mask-image:linear-gradient(to bottom,transparent,black);z-index:1}.sliders-drawer:after{content:"";position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;border-radius:16px;border:4px solid rgba(255,255,255,.5);filter:blur(2px);transform:translateY(-1px);pointer-events:none;-webkit-mask-image:linear-gradient(to bottom,black 0%,transparent 50%);mask-image:linear-gradient(to bottom,black 0%,transparent 50%);z-index:1}.slider-group{position:relative;z-index:2;display:flex;flex-direction:column;gap:4px}.slider-info{display:flex;justify-content:space-between;font-size:.72rem;font-weight:500;color:var(--text-secondary)}.slider-info span{color:var(--text-primary);font-weight:600}.slider-group input[type=range]{-webkit-appearance:none;width:100%;height:4px;border-radius:2px;background:#e2e8f0;outline:none}.slider-group input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;border-radius:50%;background-color:var(--accent);cursor:pointer;box-shadow:inset 0 -1.5px 2px #00000038,inset 0 1.5px 2px #ffffff80,0 2px 6px #0f172a26;transition:transform .1s}.slider-group input[type=range]::-webkit-slider-thumb:active{transform:scale(1.2)}.polaroid-card.format-charcoal{background-color:#1e1e21;background-image:linear-gradient(135deg,#ffffff05,#fff0);border-color:#ffffff0d}.polaroid-card.format-charcoal .polaroid-caption,.polaroid-card.format-charcoal .polaroid-date{color:#fafafc}.polaroid-card.format-gold{background-color:#d4af37;background-image:linear-gradient(135deg,#f3e5ab,#d4af37 40%,#aa7c11 75%,#f3e5ab);border-color:#ffffff40;box-shadow:0 10px 25px #aa7c1140,var(--shadow-polaroid)}.polaroid-card.format-gold .polaroid-caption,.polaroid-card.format-gold .polaroid-date{color:#1a2221;font-weight:700;text-shadow:0 1px 0 rgba(255,255,255,.3)}.polaroid-card.format-rainbow{background-color:#f6f5f0;background-image:linear-gradient(135deg,#ffffff80,#f0eee680)}.polaroid-card.format-rainbow:before{content:"";position:absolute;bottom:12px;left:0;width:100%;height:6px;background:linear-gradient(90deg,var(--p-red),var(--p-orange),var(--p-yellow),var(--p-green),var(--p-blue));opacity:.85}#gallery-view{padding:0!important;overflow:hidden!important;position:relative;background-color:var(--bg-app)}.gallery-header{position:absolute;top:calc(env(safe-area-inset-top) + 15px);left:15px;z-index:100;pointer-events:none}.gallery-header h2,.gallery-header .badge,.gallery-header .icon-btn,.gallery-header button{pointer-events:auto!important}.gallery-grid{display:block!important;position:relative;width:100%;height:100%;background-color:var(--bg-app);background-image:radial-gradient(rgba(37,99,235,.08) 1.5px,transparent 1.5px);background-size:24px 24px;padding:0!important;overflow:hidden}.gallery-card-item{position:absolute!important;cursor:grab;width:160px;touch-action:none;z-index:10}.gallery-card-item:active{cursor:grabbing;z-index:1000!important}.lightbox-wrapper-relative{position:relative;display:inline-block}.lightbox-draw-canvas{position:absolute;top:0;left:0;width:100%;height:100%;z-index:25;background:transparent;cursor:crosshair;touch-action:none;-webkit-touch-callout:none}.scribble-drawer{display:flex;gap:8px;margin-top:15px;z-index:50;animation:slideUp .25s cubic-bezier(.16,1,.3,1) forwards}.scribble-action-btn{position:relative;overflow:hidden;transform:translateZ(0);-webkit-mask-image:-webkit-radial-gradient(white,black);padding:8px 16px;height:38px;border:none;border-radius:var(--border-radius-sm);font-family:var(--font-ui);font-size:.8rem;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s cubic-bezier(.16,1,.3,1);box-shadow:0 2px 5px #00000026}.scribble-action-btn:before{content:"";position:absolute;top:-3px;left:-3px;right:-3px;bottom:-3px;border-radius:11px;border:6px solid rgba(0,0,0,.18);filter:blur(3px);transform:translateY(2px);pointer-events:none;-webkit-mask-image:linear-gradient(to bottom,transparent,black);mask-image:linear-gradient(to bottom,transparent,black);z-index:1}.scribble-action-btn:after{content:"";position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;border-radius:10px;border:4px solid rgba(255,255,255,.4);filter:blur(2px);transform:translateY(-1px);pointer-events:none;-webkit-mask-image:linear-gradient(to bottom,black 0%,transparent 50%);mask-image:linear-gradient(to bottom,black 0%,transparent 50%);z-index:1}.scribble-action-btn:active{transform:scale(.96)}.scribble-save{background-color:var(--p-green);color:#fff!important}.scribble-save:hover{background-color:#26af5f}.scribble-clear{background-color:#f4f4ed;color:#0f172a!important}.scribble-clear:hover{background-color:#f1f5f9}.scribble-cancel{background-color:#ef4444;color:#fff!important}.scribble-cancel:hover{background-color:#dc2626}@keyframes slideUp{0%{transform:translateY(15px);opacity:0}to{transform:translateY(0);opacity:1}}.flash-strobe-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#fff;z-index:1000;opacity:0;pointer-events:none;transition:opacity .08s ease-out}.flash-strobe-overlay.flash-fire{opacity:1;transition:none}.mic-status-container{display:flex;align-items:center;justify-content:center;gap:8px;margin:4px 0}.mic-pulse-dot{width:8px;height:8px;background-color:var(--accent);border-radius:50%;animation:pulseMic 1.2s infinite}.mic-status-text{font-size:.78rem;color:var(--text-secondary)}@keyframes pulseMic{0%{transform:scale(.9);box-shadow:0 0 #ff4757b3}70%{transform:scale(1.1);box-shadow:0 0 0 5px #ff475700}to{transform:scale(.9);box-shadow:0 0 #ff475700}}.icon-btn.active{background-color:transparent!important;color:var(--accent)!important;border-color:transparent!important;box-shadow:none!important;filter:drop-shadow(0 0 6px rgba(37,99,235,.5)) drop-shadow(0 0 14px rgba(37,99,235,.25))}svg.icon{object-fit:contain;vertical-align:middle;fill:none;stroke:currentColor;stroke-width:2.2px;stroke-linecap:round;stroke-linejoin:round}.nav-item svg.icon{width:32px;height:32px;transition:transform .3s cubic-bezier(.16,1,.3,1),opacity .3s ease;opacity:.55}.nav-item.active svg.icon{transform:translateY(-2px);opacity:1}.action-btn svg.icon{width:24px;height:24px;transition:transform .2s ease}.close-btn svg.icon{width:24px;height:24px;transition:transform .2s ease}.close-btn:active svg.icon{transform:scale(.85)}.header-btn svg.icon{width:28px;height:28px;transition:transform .2s ease}.header-btn:active svg.icon{transform:scale(.88)}.icon-btn svg.icon{position:relative;z-index:2;width:24px;height:24px;transition:transform .2s cubic-bezier(.16,1,.3,1),opacity .2s ease,color .2s ease;opacity:.85}#camera-flip svg.icon{opacity:.9;width:24px;height:24px}#camera-flip:hover svg.icon{opacity:1;transform:scale(1.08) rotate(15deg)}.icon-btn.active svg.icon{opacity:1!important}.icon-btn:hover svg.icon{transform:scale(1.08)}.icon-btn:active svg.icon{transform:scale(.92)}.note-bar-morph svg.search-icon{width:20px;height:20px;opacity:.75;margin-right:6px}.drawer-toggle-btn svg.icon{width:22px;height:22px;margin-right:8px;opacity:.85}svg.icon.icon-flash{color:#f59e0b}svg.icon.icon-double-exp{color:#8b5cf6}svg.icon.icon-sound-on{color:#10b981}svg.icon.icon-sound-off{color:#ef4444}svg.icon.icon-flip{color:#06b6d4}svg.icon.icon-settings{color:#6366f1}svg.icon.icon-scribble{color:#f97316}svg.icon.icon-download{color:#0ea5e9}svg.icon.icon-delete{color:#ef4444}svg.icon.icon-profile{color:#475569}.nav-item#nav-camera.active svg.icon{color:#f43f5e}.nav-item#nav-gallery.active svg.icon{color:#10b981}#flash-toggle.active{background-color:transparent!important;color:#f59e0b!important;border-color:transparent!important;box-shadow:none!important;filter:drop-shadow(0 0 6px rgba(245,158,11,.6)) drop-shadow(0 0 14px rgba(245,158,11,.3))}#flash-toggle.active svg.icon{color:#f59e0b!important}#double-exp-toggle.active{background-color:transparent!important;color:#8b5cf6!important;border-color:transparent!important;box-shadow:none!important;filter:drop-shadow(0 0 6px rgba(139,92,246,.6)) drop-shadow(0 0 14px rgba(139,92,246,.3))}#double-exp-toggle.active svg.icon{color:#8b5cf6!important}#adjust-drawer-btn.active{background-color:transparent!important;color:#6366f1!important;border-color:transparent!important;box-shadow:none!important;filter:drop-shadow(0 0 6px rgba(99,102,241,.6)) drop-shadow(0 0 14px rgba(99,102,241,.3))}#adjust-drawer-btn.active svg.icon{color:#6366f1!important}#profile-view{background-color:var(--bg-app);overflow:hidden}.profile-page{width:100%;height:100%;display:flex;flex-direction:column;background-color:var(--bg-app)}.profile-page-header{display:flex;align-items:center;justify-content:space-between;padding:calc(env(safe-area-inset-top,20px) + 8px) 20px 10px 12px;flex-shrink:0}.profile-page-content{flex:1;overflow-y:auto;padding:0 24px calc(env(safe-area-inset-bottom) + 24px);-webkit-overflow-scrolling:touch}.profile-hero{display:flex;align-items:center;gap:18px;margin-bottom:20px}.profile-hero-avatar{position:relative;width:72px;height:72px;border-radius:50%;overflow:hidden;flex-shrink:0;cursor:pointer}.profile-hero-avatar .profile-avatar-img{width:100%;height:100%;object-fit:cover}.avatar-edit-overlay{position:absolute;bottom:0;left:0;right:0;height:26px;background:#00000073;display:flex;align-items:center;justify-content:center;transition:opacity .2s ease}.hidden-file-input{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer}.profile-hero-info{display:flex;flex-direction:column;gap:2px}.profile-hero-name{font-family:var(--font-ui);font-size:24px;font-weight:700;color:var(--text-primary);margin:0;line-height:1.15}.profile-hero-role{font-family:var(--font-ui);font-size:14px;color:#4a4a3d80;font-weight:500;margin:0}.profile-hero-date{font-family:var(--font-ui);font-size:12px;color:#4a4a3d59;font-weight:500}.online-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background-color:#22c55e;margin-left:4px;vertical-align:middle}.sidebar-header{display:flex;align-items:flex-start;justify-content:space-between;padding:calc(env(safe-area-inset-top,20px) + 16px) 24px 18px 24px;flex-shrink:0}.sidebar-header-text{display:flex;flex-direction:column;gap:4px}.sidebar-header-subtitle{font-family:var(--font-ui);font-size:13px;font-weight:600;color:#0000006b;text-transform:uppercase;letter-spacing:.02em;margin:0}.sidebar-header-title{font-family:var(--font-ui);font-size:28px;font-weight:700;color:#000000eb;margin:0;line-height:1.1}.sidebar-close-btn{background:none;border:none;cursor:pointer;width:38px;height:38px;border-radius:50%;display:flex;align-items:center;justify-content:center;background-color:#0000000b;transition:background-color .2s,transform .18s cubic-bezier(.16,1,.3,1);color:#0000009e;flex-shrink:0;margin-top:2px}.sidebar-close-btn:hover{background-color:#00000014}.sidebar-close-btn:active{transform:scale(.94)}.sidebar-close-btn .icon{filter:invert(0)!important;opacity:.6}.sidebar-content{flex:1;overflow-y:auto;padding:0 24px 24px;-webkit-overflow-scrolling:touch}.sidebar-add-friend-btn{display:flex;align-items:center;justify-content:flex-start;gap:10px;width:100%;padding:13px 15px;background-color:#111;color:#fff;border:none;border-radius:16px;font-family:var(--font-ui);font-size:16px;font-weight:600;cursor:pointer;margin-bottom:18px;transition:background-color .18s ease,transform .18s cubic-bezier(.16,1,.3,1)}.sidebar-add-friend-btn:hover{background-color:#222}.sidebar-add-friend-btn:active{transform:scale(.97);background-color:#000}.sidebar-add-friend-btn .plus-icon{font-size:15px;font-weight:700}.profile-badge-card{display:flex;align-items:center;gap:14px;padding:18px;background:#0000000b;border:none;border-radius:22px;margin-bottom:22px}.avatar-container{width:60px;height:60px;border-radius:50%;border:none;overflow:hidden;flex-shrink:0}.profile-avatar-img{width:100%;height:100%;object-fit:cover}.profile-badge-text{display:flex;flex-direction:column;gap:3px}.profile-name{font-family:var(--font-ui);font-size:22px;font-weight:700;color:#000000eb;margin:0;line-height:1.15}.profile-role{font-family:var(--font-ui);font-size:14px;color:#0000007a;font-weight:500;margin:0}.profile-date{font-family:var(--font-ui);font-size:12px;color:#00000057;font-weight:500}.sidebar-section-title{font-family:var(--font-ui);font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.02em;color:#0000006b;margin-bottom:10px}.stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:22px}.stat-card{display:flex;flex-direction:column;align-items:flex-start;padding:14px;background:#0000000a;border:none;border-radius:18px;min-height:90px}.stat-card .stat-icon{display:flex;align-items:center;justify-content:center;color:#4a4a3d8c;margin-bottom:8px}.stat-value{font-family:var(--font-ui);font-size:24px;font-weight:700;color:#000000eb;line-height:1.1}.stat-label{font-family:var(--font-ui);font-size:13px;font-weight:600;color:#00000073;margin-top:4px}.friends-section{margin-bottom:22px}.settings-list{display:flex;flex-direction:column;gap:0;background:#00000009;border-radius:20px;overflow:hidden}.setting-item{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;background:transparent;border:none;border-radius:0}.setting-item+.setting-item{border-top:1px solid rgba(0,0,0,.06)}.setting-info{display:flex;flex-direction:column;gap:3px;max-width:68%}.setting-icon{width:28px;height:28px;display:flex;align-items:center;justify-content:center;font-size:17px;color:#000000b8;flex-shrink:0;margin-right:12px}.setting-title{font-family:var(--font-ui);font-size:15.5px;font-weight:600;color:#000000e6}.setting-desc{font-family:var(--font-ui);font-size:12.5px;font-weight:500;color:#00000075}.ios-switch{position:relative;display:inline-block;width:44px;height:24px;flex-shrink:0}.ios-switch input{opacity:0;width:0;height:0}.ios-switch-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#0000001f;transition:.25s cubic-bezier(.16,1,.3,1);border-radius:24px;border:none;box-shadow:inset 0 1px 3px #0000001f}.ios-switch-slider:before{position:absolute;content:"";height:20px;width:20px;left:2px;bottom:2px;background-color:#fff;transition:.25s cubic-bezier(.16,1,.3,1);border-radius:50%;box-shadow:inset 0 -1.5px 2px #0000002e,inset 0 1.5px 2px #fff9,0 1px 3px #00000026}.ios-switch input:checked+.ios-switch-slider{background-color:#111}.ios-switch input:checked+.ios-switch-slider:before{transform:translate(20px)}.sidebar-footer{display:flex;flex-direction:column;align-items:center;gap:4px;padding:16px 24px calc(env(safe-area-inset-bottom,8px) + 8px);font-family:var(--font-ui);font-size:12px;font-weight:500;color:#00000057;flex-shrink:0}.friends-list{display:flex;flex-direction:column;gap:0;margin-bottom:22px;background:#00000009;border-radius:20px;overflow:hidden}.friend-empty{padding:18px 16px;font-family:var(--font-ui);font-size:13px;font-weight:600;color:#0000006b;text-align:center}.friend-item{display:flex;align-items:center;gap:11px;padding:12px 15px;background:transparent;border:none;border-radius:0;transition:background-color .2s}.friend-item+.friend-item{border-top:1px solid rgba(0,0,0,.06)}.friend-item:hover{background:#00000005}.friend-avatar{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:13px;color:#fff;flex-shrink:0}.friend-avatar.bg-pink{background-color:#ec4899}.friend-avatar.bg-blue{background-color:#3b82f6}.friend-avatar.bg-amber{background-color:#f59e0b}.friend-info{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.friend-name{font-family:var(--font-ui);font-size:15px;font-weight:600;color:#000000e0}.friend-status{font-family:var(--font-ui);font-size:12.5px;font-weight:500;color:#00000075;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.friend-time{font-family:var(--font-ui);font-size:11.5px;font-weight:500;color:#00000057;margin-left:auto;flex-shrink:0}.friend-actions{display:flex;align-items:center;gap:6px;margin-left:auto;flex-shrink:0}.mini-action-btn{min-width:34px;height:28px;padding:0 10px;border:none;border-radius:999px;font-family:var(--font-ui);font-size:11.5px;font-weight:800;cursor:pointer;background:#00000014;color:#000000c7}.mini-action-btn.primary{background:#111;color:#fff}.mini-action-btn.danger{background:#e11d481f;color:#b91c1c}.add-friend-wrapper{max-width:390px;max-height:min(720px,calc(100vh - 28px))}.add-friend-body{display:flex;flex-direction:column;gap:14px;overflow-y:auto}.friend-profile-card,.friend-code-card{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px;background:#0000000b;border-radius:16px}.friend-code-card{align-items:flex-start;flex-direction:column;gap:4px}.friend-profile-card strong,.friend-code-card strong{display:block;font-family:var(--font-ui);font-size:18px;font-weight:800;color:#000000eb;line-height:1.1}.friend-profile-card span:not(.friend-profile-label){display:block;margin-top:3px;font-family:var(--font-ui);font-size:12.5px;font-weight:700;color:#00000073}.friend-profile-label,.friend-modal-section label{font-family:var(--font-ui);font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.04em;color:#00000061}.friend-modal-section{display:flex;flex-direction:column;gap:8px}.friend-inline-controls{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center}.friend-inline-controls .modal-primary-btn,.friend-profile-card .modal-secondary-btn{height:44px;padding-inline:14px;white-space:nowrap}.friend-modal-list{display:flex;flex-direction:column;gap:8px}.friend-modal-empty{padding:12px;border-radius:12px;background:#00000009;font-family:var(--font-ui);font-size:12.5px;font-weight:650;color:#0000006b;text-align:center}.friend-modal-row{display:flex;align-items:center;gap:10px;padding:10px;border-radius:14px;background:#00000009}.friend-modal-row .friend-avatar{width:30px;height:30px;font-size:12px}.icon-btn svg.icon path,.icon-btn svg.icon circle,.icon-btn svg.icon line,.icon-btn svg.icon polyline,.nav-item svg.icon path,.nav-item svg.icon circle,.nav-item svg.icon rect,.action-btn svg.icon path,.action-btn svg.icon line,.action-btn svg.icon polyline,.close-btn svg.icon path,.sidebar-close-btn svg.icon path{transform-origin:center;transition:transform .35s cubic-bezier(.175,.885,.32,1.275),stroke-dashoffset .35s ease,opacity .2s ease}@keyframes flash-strike{0%{transform:scale(1) translate(0);opacity:1}30%{transform:scale(.9) translate(1px,-1px);opacity:.7}50%{transform:scale(1.2) translate(-2px,2px);opacity:1}70%{transform:scale(1.05) translate(-1px,1px);opacity:.9}to{transform:scale(1) translate(0);opacity:1}}#flash-toggle:hover svg.icon-flash path{animation:flash-strike .5s ease-in-out}#double-exp-toggle:hover svg.icon-double-exp path:nth-of-type(1){transform:translateY(-3.5px)}#double-exp-toggle:hover svg.icon-double-exp path:nth-of-type(2){transform:translateY(3.5px)}#double-exp-toggle:hover svg.icon-double-exp path:nth-of-type(3){transform:translateY(0)}@keyframes sound-wave-pulse{0%{opacity:.4;transform:scale(.92)}50%{opacity:1;transform:scale(1.08)}to{opacity:.4;transform:scale(.92)}}#sound-toggle-card:hover svg.icon-sound-on path:nth-of-type(1){animation:sound-wave-pulse .9s infinite ease-in-out;transform-origin:6px 12px}#sound-toggle-card:hover svg.icon-sound-on path:nth-of-type(2){animation:sound-wave-pulse .9s infinite ease-in-out .25s;transform-origin:6px 12px}#camera-flip:hover svg.icon-flip{transform:rotate(180deg) scale(1.05)}.drawer-toggle-btn:hover svg.icon-settings{transform:rotate(90deg)}#profile-toggle-card:hover svg.icon-profile circle{transform:translateY(-1.5px)}#profile-toggle-card:hover svg.icon-profile path{transform:translateY(.5px)}@keyframes pencil-scribble{0%{transform:translate(0) rotate(0)}25%{transform:translate(-1.5px,-1px) rotate(-4deg)}50%{transform:translate(1px,.5px) rotate(3deg)}75%{transform:translate(-1px,1.5px) rotate(-3deg)}to{transform:translate(0) rotate(0)}}.note-bar-morph:hover svg.icon-scribble,#note-pencil-btn:hover svg.icon-scribble,#lightbox-draw-btn:hover svg.icon-scribble{animation:pencil-scribble .6s ease-in-out infinite;transform-origin:bottom left}@keyframes download-bounce{0%{transform:translateY(0)}35%{transform:translateY(3.5px)}70%{transform:translateY(-1.5px)}to{transform:translateY(0)}}#lightbox-download:hover svg.icon-download polyline,#lightbox-download:hover svg.icon-download line{animation:download-bounce .65s ease-in-out infinite}#lightbox-delete:hover svg.icon-delete path:nth-of-type(3){transform:translateY(-2.5px) rotate(-6deg);transform-origin:8px 6px}.close-btn:hover svg.icon-close,.sidebar-close-btn:hover svg.icon{transform:rotate(90deg)}#nav-camera svg.icon circle{transform-origin:12px 13px}#nav-camera:hover svg.icon circle{transform:scale(1.22)}#nav-gallery:hover svg.icon circle{transform:translate(1.5px,-1.5px)}#nav-gallery:hover svg.icon path{transform:scale(1.04) translate(-.5px,.5px)}.sheet-grid-container{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;padding:20px 12px;width:100%}.sheet-grid-item{position:relative;overflow:hidden;transform:translateZ(0);-webkit-mask-image:-webkit-radial-gradient(white,black);background-color:#f4f4ed;border:1px solid rgba(0,0,0,.03);border-radius:var(--border-radius-lg);padding:16px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;cursor:pointer;transition:transform .2s cubic-bezier(.16,1,.3,1),background-color .2s;box-shadow:0 4px 10px #0000000a;aspect-ratio:1 / 1}.sheet-grid-item:before{content:"";position:absolute;top:-3px;left:-3px;right:-3px;bottom:-3px;border-radius:27px;border:6px solid rgba(0,0,0,.15);filter:blur(3px);transform:translateY(2px);pointer-events:none;-webkit-mask-image:linear-gradient(to bottom,transparent,black);mask-image:linear-gradient(to bottom,transparent,black);z-index:1}.sheet-grid-item:after{content:"";position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;border-radius:26px;border:4px solid rgba(255,255,255,.5);filter:blur(2px);transform:translateY(-1px);pointer-events:none;-webkit-mask-image:linear-gradient(to bottom,black 0%,transparent 50%);mask-image:linear-gradient(to bottom,black 0%,transparent 50%);z-index:1}.sheet-grid-item .sheet-grid-icon-wrapper,.sheet-grid-item .sheet-grid-label{position:relative;z-index:2}.sheet-grid-item:active{transform:scale(.96)}.sheet-grid-item.disabled{opacity:.65;cursor:not-allowed}.sheet-grid-icon-wrapper{width:48px;height:48px;border-radius:14px;display:flex;align-items:center;justify-content:center;background-color:transparent!important;color:inherit;transition:all .2s ease}.sheet-grid-label{font-family:var(--font-ui);font-size:.82rem;font-weight:700;color:#4a4a3d;transition:color .2s ease}.sheet-grid-item.active:before{border-color:#6d28d92e}.sheet-grid-item.active:after{border-color:#ffffffa6}.sheet-grid-icon-wrapper.polaroid-bg svg.icon{color:#f43f5e}.sheet-grid-icon-wrapper.video-bg svg.icon{color:#ef4444}.sheet-grid-icon-wrapper.photos-bg svg.icon{color:#10b981}.sheet-grid-icon-wrapper.camera-bg svg.icon{color:#3b82f6}.sheet-grid-icon-wrapper.files-bg svg.icon{color:#64748b}.sheet-grid-icon-wrapper.voice-bg svg.icon{color:#6366f1}.viewfinder-rec-indicator{position:absolute;top:55px;left:14px;background-color:#0009;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);padding:5px 14px;border-radius:16px;display:flex;align-items:center;gap:7px;color:#fff;font-family:var(--font-ui);font-size:.75rem;font-weight:700;letter-spacing:.5px;z-index:20;box-shadow:0 2px 10px #00000040;border:1px solid rgba(255,255,255,.1)}.viewfinder-rec-indicator.hidden{display:none}.rec-dot{width:8px;height:8px;border-radius:50%;background-color:#ef4444}.rec-dot.pulsing{animation:rec-pulse 1s infinite alternate}.rec-timer{font-variant-numeric:tabular-nums}@keyframes rec-pulse{0%{opacity:.3;transform:scale(.8)}to{opacity:1;transform:scale(1.2)}}#nav-camera.mode-polaroid.active .nav-icon-container svg.icon,#nav-camera.mode-polaroid.active .nav-label{color:#f43f5e}#nav-camera.mode-camera.active .nav-icon-container svg.icon,#nav-camera.mode-camera.active .nav-label{color:#3b82f6}#nav-camera.mode-video.active .nav-icon-container svg.icon,#nav-camera.mode-video.active .nav-label{color:#ef4444}#nav-camera.mode-files.active .nav-icon-container svg.icon,#nav-camera.mode-files.active .nav-label{color:#64748b}#nav-camera.mode-voice.active .nav-icon-container svg.icon,#nav-camera.mode-voice.active .nav-label{color:#6366f1}.nav-icon-container{display:flex;align-items:center;justify-content:center}.shutter-btn.video-mode{border-color:#ef4444}.shutter-btn.video-mode .shutter-inner{background:linear-gradient(135deg,#ef4444,#dc2626);transition:border-radius .3s cubic-bezier(.16,1,.3,1),background .3s,transform .2s}.shutter-btn.video-mode.recording{border-color:#dc2626;box-shadow:0 6px 20px #ef444466}.shutter-btn.video-mode.recording .shutter-inner{border-radius:8px;transform:scale(.7);background:linear-gradient(135deg,#ef4444,#b91c1c)}#camera-view.standard-camera-mode{background-color:#000}#camera-view.standard-camera-mode .viewfinder-wrapper{padding:0;background:#000;border-radius:0;box-shadow:none;z-index:auto;overflow:visible;flex:1 1 auto;position:relative}#camera-view.standard-camera-mode .card-brand-row{position:absolute;top:0;left:0;right:0;z-index:20;padding:calc(env(safe-area-inset-top) + 8px) 16px 24px;background:linear-gradient(to bottom,rgba(0,0,0,.5),transparent)}#camera-view.standard-camera-mode .card-brand-row .logo-text,#camera-view.standard-camera-mode .card-brand-row .rainbow-stripe,#camera-view.standard-camera-mode #sound-toggle-card,#camera-view.standard-camera-mode #double-exp-toggle,#camera-view.standard-camera-mode #profile-toggle-card{display:none}#camera-view.standard-camera-mode #minimal-toggle.active{background:transparent!important;color:#fff!important;border-color:transparent!important;box-shadow:none!important;filter:drop-shadow(0 0 8px rgba(255,255,255,.8)) drop-shadow(0 0 16px rgba(255,255,255,.45))}#fullscreen-toggle.active{background-color:transparent!important;color:#fff!important;border-color:transparent!important;box-shadow:none!important;filter:drop-shadow(0 0 8px rgba(255,255,255,.8)) drop-shadow(0 0 16px rgba(255,255,255,.45))}#camera-flip-overlay.active{background-color:transparent!important;color:#06b6d4!important;border-color:transparent!important;box-shadow:none!important;filter:drop-shadow(0 0 6px rgba(6,182,212,.6)) drop-shadow(0 0 14px rgba(6,182,212,.3))}#fullscreen-toggle,#camera-flip-overlay{display:none}#camera-view.standard-camera-mode #fullscreen-toggle,#camera-view.standard-camera-mode #camera-flip-overlay{display:flex}#camera-view.standard-camera-mode.feed-fullscreen .webcam-feed{object-fit:cover!important}#camera-view.standard-camera-mode .viewfinder-card{border-radius:0;padding:0;margin:0;box-shadow:none;background:transparent;background-image:none;border:none;width:100%!important;max-width:100%!important;height:100%;flex:1;display:flex;flex-direction:column}#camera-view.standard-camera-mode .viewfinder-card .polaroid-photo-frame{border-radius:0;aspect-ratio:auto;box-shadow:none;border:none;max-width:100%!important;width:100%;flex:1}#camera-view.standard-camera-mode .polaroid-photo-wrapper{border-radius:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center}#camera-view.standard-camera-mode .webcam-feed{border-radius:0;width:100%;height:100%;object-fit:contain}#camera-view.standard-camera-mode .polaroid-footer,#camera-view.standard-camera-mode .customizations-row,#camera-view.standard-camera-mode .adjust-header,#camera-view.standard-camera-mode #sliders-drawer,#camera-view.standard-camera-mode .inputs-container{display:none}#camera-view.standard-camera-mode .tape-element{display:none!important}#camera-view.standard-camera-mode .controls-panel{margin-top:0;flex:0 0 auto;background:var(--bg-card);border-radius:28px 28px 0 0;padding:24px 16px calc(env(safe-area-inset-bottom) + 84px) 16px;max-height:400px!important;opacity:1!important;transform:translateY(0)!important;pointer-events:auto!important;overflow:visible!important;position:relative;z-index:5;transform:translateZ(0);-webkit-mask-image:-webkit-radial-gradient(white,black);box-shadow:0 -1px #00000014,0 -6px 20px #00000014,0 -14px 44px #0000000d,inset 0 1px #ffffff80,inset 0 -1px 3px #00000005}#camera-view.standard-camera-mode .controls-panel:before{content:"";position:absolute;top:-4px;left:-4px;right:-4px;bottom:-4px;border-radius:32px 32px 0 0;border:6px solid rgba(0,0,0,.08);filter:blur(4px);transform:translateY(2px);pointer-events:none;-webkit-mask-image:linear-gradient(to bottom,transparent 0%,black 30%);mask-image:linear-gradient(to bottom,transparent 0%,black 30%);z-index:10}#camera-view.standard-camera-mode .controls-panel:after{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent 10%,rgba(255,255,255,.4) 50%,transparent 90%);border-radius:28px 28px 0 0;pointer-events:none;z-index:10}#camera-view.standard-camera-mode.camera-controls-collapsed .controls-panel{max-height:0!important;padding-top:0!important;padding-bottom:0!important;opacity:0!important;transform:translateY(30px)!important;pointer-events:none!important;overflow:hidden!important}.sheet-grid-item:not(.disabled):hover{transform:scale(1.03);background-color:#fafafa;border-color:#00000014;box-shadow:0 6px 14px #0000000f}.sheet-grid-item:not(.disabled):hover .sheet-grid-icon-wrapper{transform:translateY(-2px)}@keyframes grid-video-pulse{0%{transform:scale(1);opacity:1}50%{transform:scale(.9);opacity:.85}to{transform:scale(1);opacity:1}}.sheet-grid-item:not(.disabled):hover svg.icon-video path{animation:grid-video-pulse .8s infinite ease-in-out}.sheet-grid-item:not(.disabled):hover svg.icon-photos circle{transform:translate(2px,-2px);transition:transform .3s cubic-bezier(.175,.885,.32,1.275)}.sheet-grid-item:not(.disabled):hover svg.icon-photos path{transform:scale(1.05) translate(-.5px,.5px);transition:transform .3s cubic-bezier(.175,.885,.32,1.275)}.sheet-grid-item:not(.disabled):hover svg.icon-camera circle{transform:scale(1.2);transform-origin:12px 13px;transition:transform .3s cubic-bezier(.175,.885,.32,1.275)}.sheet-grid-item:not(.disabled):hover svg.icon-camera path{transform:scale(.98);transform-origin:12px 13px;transition:transform .3s cubic-bezier(.175,.885,.32,1.275)}#sheet-btn-video{background-color:#fff5f5;border-color:#ef44441f}#sheet-btn-video .sheet-grid-label{color:#b91c1c}#sheet-btn-video:not(.disabled):hover{background-color:#ffebeb;border-color:#ef444440;box-shadow:0 6px 14px #ef444414}#sheet-btn-video.active{background-color:#fecaca!important;border-color:#fca5a5!important;box-shadow:0 4px 12px #ef444433}#sheet-btn-video.active .sheet-grid-label{color:#991b1b}#sheet-btn-photos{background-color:#f0fdf4;border-color:#10b9811f}#sheet-btn-photos .sheet-grid-label{color:#047857}#sheet-btn-photos:not(.disabled):hover{background-color:#e6fcf0;border-color:#10b98140;box-shadow:0 6px 14px #10b98114}#sheet-btn-photos.active{background-color:#d1fae5!important;border-color:#a7f3d0!important;box-shadow:0 4px 12px #10b98133}#sheet-btn-photos.active .sheet-grid-label{color:#065f46}#sheet-btn-polaroid{background-color:#fff5f7;border-color:#f43f5e1f}#sheet-btn-polaroid .sheet-grid-label{color:#e11d48}#sheet-btn-polaroid:not(.disabled):hover{background-color:#ffe4e6;border-color:#f43f5e40;box-shadow:0 6px 14px #f43f5e14}#sheet-btn-polaroid.active{background-color:#ffe4e6!important;border-color:#fda4af!important;box-shadow:0 4px 12px #f43f5e33}#sheet-btn-polaroid.active .sheet-grid-label{color:#be123c}#sheet-btn-camera{background-color:#eff6ff;border-color:#3b82f61f}#sheet-btn-camera .sheet-grid-label{color:#2563eb}#sheet-btn-camera:not(.disabled):hover{background-color:#dbeafe;border-color:#3b82f640;box-shadow:0 6px 14px #3b82f614}#sheet-btn-camera.active{background-color:#bfdbfe!important;border-color:#93c5fd!important;box-shadow:0 4px 12px #3b82f633}#sheet-btn-camera.active .sheet-grid-label{color:#1d4ed8}#sheet-btn-files{background-color:#f8fafc;border-color:#64748b1f}#sheet-btn-files .sheet-grid-label{color:#475569}#sheet-btn-files:not(.disabled):hover{background-color:#f1f5f9;border-color:#64748b33;box-shadow:0 6px 14px #64748b0f}#sheet-btn-files.active{background-color:#e2e8f0!important;border-color:#cbd5e1!important;box-shadow:0 4px 12px #64748b26}#sheet-btn-files.active .sheet-grid-label{color:#334155}#sheet-btn-voice{background-color:#f5f3ff;border-color:#6366f11f}#sheet-btn-voice .sheet-grid-label{color:#4f46e5}#sheet-btn-voice:not(.disabled):hover{background-color:#e0e7ff;border-color:#6366f140;box-shadow:0 6px 14px #6366f114}#sheet-btn-voice.active{background-color:#c7d2fe!important;border-color:#a5b4fc!important;box-shadow:0 4px 12px #6366f133}#sheet-btn-voice.active .sheet-grid-label{color:#3730a3}#sheet-btn-polaroid.active:before{border-color:#f43f5e38}#sheet-btn-video.active:before{border-color:#ef444438}#sheet-btn-photos.active:before{border-color:#10b98138}#sheet-btn-camera.active:before{border-color:#3b82f638}#sheet-btn-files.active:before{border-color:#64748b2e}#sheet-btn-voice.active:before{border-color:#6366f138}#sheet-btn-polaroid.active:after,#sheet-btn-video.active:after,#sheet-btn-photos.active:after,#sheet-btn-camera.active:after,#sheet-btn-files.active:after,#sheet-btn-voice.active:after{border-color:#ffffffa6}#gallery-albums-view .gallery-header,#gallery-detail-view .gallery-header{position:relative;top:auto;left:auto;display:flex;justify-content:space-between;align-items:center;pointer-events:auto;margin-bottom:24px;padding:calc(env(safe-area-inset-top) + 20px) 20px 0 20px;z-index:10}#gallery-albums-view{width:100%;height:100%;overflow-y:auto;padding-bottom:calc(env(safe-area-inset-bottom) + 90px);box-sizing:border-box}#gallery-detail-view{width:100%;height:100%;display:flex;flex-direction:column;box-sizing:border-box}#gallery-detail-view:has(.layout-grid){overflow-y:auto;padding-bottom:calc(env(safe-area-inset-bottom) + 90px)}.gallery-header-right{display:flex;align-items:center;gap:12px}#gallery-view .gallery-header .icon-btn{width:38px;height:38px;border-radius:50%;background-color:transparent!important;border:none!important;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:none!important;transition:transform .2s ease,opacity .2s ease,background-color .2s ease;color:var(--text-primary)!important;pointer-events:auto!important}#gallery-view .gallery-header .icon-btn:before,#gallery-view .gallery-header .icon-btn:after{display:none!important;content:none!important}#gallery-view .gallery-header .icon-btn:hover{transform:scale(1.05)}#gallery-view .gallery-header .icon-btn:active{transform:scale(.9);opacity:.8}#globe-view-btn svg,#create-album-btn svg{transition:transform .35s cubic-bezier(.175,.885,.32,1.275)}#globe-view-btn:active svg{animation:globe-spin .5s cubic-bezier(.175,.885,.32,1.275)}#create-album-btn:active svg{animation:plus-morph .45s cubic-bezier(.175,.885,.32,1.275)}@keyframes globe-spin{0%{transform:rotate(0) scale(1)}25%{transform:rotate(-15deg) scale(.85)}50%{transform:rotate(180deg) scale(1.1)}75%{transform:rotate(350deg) scale(.95)}to{transform:rotate(360deg) scale(1)}}@keyframes plus-morph{0%{transform:rotate(0) scale(1)}30%{transform:rotate(90deg) scale(.75)}60%{transform:rotate(180deg) scale(1.15)}to{transform:rotate(180deg) scale(1)}}#globe-view-btn svg circle,#globe-view-btn svg path{transform-origin:center;transition:stroke-dashoffset .4s cubic-bezier(.175,.885,.32,1.275),transform .4s cubic-bezier(.175,.885,.32,1.275),opacity .25s ease}#create-album-btn svg line{transform-origin:center;transition:transform .35s cubic-bezier(.175,.885,.32,1.275),opacity .25s ease}.albums-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;padding:0 20px}.album-card{background-color:#fff;border:2px solid #0f172a;border-radius:12px;padding:12px;display:flex;flex-direction:column;gap:12px;cursor:pointer;position:relative;box-shadow:0 6px #0f172a1f,0 8px 16px #0f172a14,inset 0 2px 3px #ffffffe6,inset 0 -2px 3px #0000000a;transition:transform .2s cubic-bezier(.34,1.56,.64,1),box-shadow .2s ease}.album-card:active{transform:translateY(4px);box-shadow:0 2px #0f172a1f,0 4px 8px #0f172a14,inset 0 2px 3px #ffffffe6,inset 0 -2px 3px #0000000a}.album-cover-container{width:100%;aspect-ratio:1.1;background-color:#f1f0ea;border-radius:8px;border:1px solid rgba(0,0,0,.08);position:relative;overflow:hidden;box-shadow:inset 0 2px 5px #0000000f}.album-cover-stack{width:100%;height:100%;position:relative;display:flex;align-items:center;justify-content:center}.album-empty-cover{display:flex;align-items:center;justify-content:center;color:var(--text-secondary);opacity:.5}.album-cover-img{position:absolute;top:0;left:0;right:0;bottom:0;background-size:cover;background-position:center;border-radius:7px;border:none;box-shadow:none;background-color:#fafafa;opacity:0;transform:translateY(20px) scale(.8) rotate(0);transition:transform .6s cubic-bezier(.34,1.56,.64,1),opacity .5s ease}.album-cover-img.feed-active{z-index:3;opacity:1;transform:translateY(0) scale(1) rotate(0)}.album-cover-img.feed-active-back{z-index:2;opacity:.85;transform:translateY(-4px) scale(.92) rotate(4deg)}.album-cover-img.feed-in{z-index:1;opacity:0;transform:translateY(6px) scale(.85) rotate(-4deg)}@keyframes jiggle{0%{transform:rotate(-1.5deg)}25%{transform:rotate(1.5deg)}50%{transform:rotate(-1deg)}75%{transform:rotate(1deg)}to{transform:rotate(-1.5deg)}}.albums-grid.jiggle-mode .album-card.custom-album{animation:jiggle .25s ease-in-out infinite}.albums-grid.jiggle-mode .album-card.custom-album:nth-child(odd){animation-delay:.05s}.album-delete-x{position:absolute;top:-8px;right:-8px;width:22px;height:22px;border-radius:50%;background:#ff3b30;border:none;display:none;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 2px 6px #0000004d;z-index:20;padding:0;transition:transform .15s ease}.album-delete-x:active{transform:scale(.85)}.albums-grid.jiggle-mode .album-delete-x{display:flex}.album-rename-input{font-family:var(--font-ui);font-size:14px;font-weight:700;color:#0f172a;background:#fff;border:2px solid var(--accent-rose);border-radius:6px;padding:2px 6px;width:100%;box-sizing:border-box;outline:none}.albums-grid.jiggle-mode .album-name-label{cursor:text;text-decoration:underline;text-decoration-color:#0f172a33;text-underline-offset:3px}.album-info{text-align:left}.album-info h3{font-size:.95rem;font-weight:700;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.album-photo-count{font-size:.75rem;color:var(--text-secondary);font-weight:500}.gallery-grid.layout-grid{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:12px!important;padding:15px!important;overflow-y:visible!important;height:auto!important;background:transparent!important}.gallery-grid.layout-grid .gallery-card-item{position:relative!important;width:100%!important;aspect-ratio:1!important;left:auto!important;top:auto!important;transform:none!important;cursor:pointer!important;border-radius:8px;overflow:hidden;background:transparent!important;padding:0!important}.grid-card-inner{width:100%;height:100%;position:relative;border:1.5px solid rgba(0,0,0,.08);border-radius:8px;box-shadow:0 2px 6px #0000000f;overflow:hidden;background:#f1f5f9}.grid-card-inner img{width:100%;height:100%;object-fit:cover}.video-play-badge{position:absolute;bottom:6px;right:6px;background:#0f172abf;color:#fff;width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.3);padding-left:2px}.gallery-video-preview{width:100%;height:100%;object-fit:cover;pointer-events:none;border-radius:inherit}.add-photos-card{border:2px dashed rgba(15,23,42,.3)!important;border-radius:8px;display:flex;align-items:center;justify-content:center;background:#fff6!important}.add-photos-inner{display:flex;flex-direction:column;align-items:center;gap:6px;color:var(--text-primary);opacity:.6;font-size:.75rem;font-weight:700}.add-photos-card:active{background:#ffffffb3!important}.album-empty-msg{grid-column:span 3;text-align:center;color:var(--text-secondary);padding:60px 20px 40px;font-size:.9rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:80%}.custom-modal{position:fixed;top:0;left:0;width:100%;height:100%;z-index:10000;display:flex;align-items:center;justify-content:center;transition:opacity .3s ease}.custom-modal.hidden{display:none!important;opacity:0}.modal-backdrop{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#0f172a99;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-wrapper{position:relative;width:90%;max-width:360px;background-color:var(--bg-app);border:none;border-radius:20px;box-shadow:0 24px 48px #0000002e,0 8px 24px #0000001a,inset 0 1px 2px #fffc;display:flex;flex-direction:column;z-index:10;overflow:hidden;animation:modalScaleIn .3s cubic-bezier(.34,1.56,.64,1)}.modal-wrapper.max-width-lg{max-width:450px}@keyframes modalScaleIn{0%{transform:scale(.9) translateY(10px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}.modal-header{padding:18px 22px;border-bottom:none;display:flex;justify-content:space-between;align-items:center;background-color:transparent}.modal-header h3{font-family:var(--font-ui);font-size:1.15rem;font-weight:800;color:var(--text-primary);letter-spacing:-.01em}.modal-close-btn{width:32px;height:32px;border-radius:50%;background-color:#4a4a3d14;border:none;cursor:pointer;color:var(--text-secondary);display:flex;align-items:center;justify-content:center;transition:background-color .2s ease,transform .2s ease}.modal-close-btn:active{background-color:#4a4a3d26;transform:scale(.9)}.modal-body{padding:8px 22px 20px}.modal-body input{width:100%;padding:14px 16px;border:1.5px solid rgba(74,74,61,.2);border-radius:12px;font-family:var(--font-ui);font-size:.95rem;font-weight:500;outline:none;background-color:#fff;color:var(--text-primary);box-shadow:inset 0 2px 4px #0000000a;transition:border-color .2s ease,box-shadow .2s ease}.modal-body input::placeholder{color:var(--text-secondary);font-weight:400}.modal-body input:focus{background-color:#fff;border-color:var(--accent);box-shadow:0 0 0 3px #2563eb1f,inset 0 2px 4px #0000000a}.modal-footer{padding:14px 22px 18px;border-top:none;display:flex;justify-content:space-between;align-items:center;background-color:transparent;gap:12px}.modal-footer div{display:flex;gap:8px}.modal-primary-btn{background-color:var(--accent);color:#fff;border:none;border-radius:12px;padding:10px 22px;font-weight:700;font-family:var(--font-ui);font-size:.9rem;cursor:pointer;box-shadow:0 4px 8px #2563eb4d,0 2px #00000014,inset 0 1px 1px #ffffff4d;transition:transform .15s ease,box-shadow .15s ease}.modal-primary-btn:active{transform:translateY(2px);box-shadow:0 1px 3px #2563eb4d,inset 0 1px 1px #ffffff4d}.modal-secondary-btn{background-color:#fff;color:var(--text-primary);border:none;border-radius:12px;padding:10px 22px;font-weight:700;font-family:var(--font-ui);font-size:.9rem;cursor:pointer;box-shadow:0 4px 8px #0000000f,0 2px #0000000d,inset 0 1px 1px #ffffffe6;transition:transform .15s ease,box-shadow .15s ease}.modal-secondary-btn:active{transform:translateY(2px);box-shadow:0 1px 3px #0000000f,inset 0 1px 1px #ffffffe6}.full-width-btn{width:100%;margin-top:12px}.save-preview-container{width:120px;height:120px;margin:0 auto 16px;border:1.5px solid rgba(74,74,61,.15);border-radius:12px;overflow:hidden;position:relative;box-shadow:0 4px 12px #00000014}.save-preview-container img{width:100%;height:100%;object-fit:cover}.save-instruction{font-size:.85rem;font-weight:600;color:var(--text-primary);margin-bottom:12px;text-align:center}.save-albums-list{max-height:160px;overflow-y:auto;border:1.5px solid rgba(74,74,61,.12);border-radius:12px;background-color:#fff;padding:4px;display:flex;flex-direction:column;gap:4px;margin-bottom:12px}.save-album-item{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;border-radius:6px;cursor:pointer;background-color:#fff;border:1px solid rgba(0,0,0,.05);transition:background-color .15s ease,border-color .15s ease}.save-album-item:hover{background-color:#faf9f6}.save-album-item.active{background-color:#2563eb0f;border-color:var(--accent)}.save-album-name{font-size:.85rem;font-weight:700;color:var(--text-primary)}.save-album-radio{width:18px;height:18px;border-radius:50%;border:2px solid rgba(74,74,61,.3);background-color:#fff;position:relative}.save-album-radio.active:after{content:"";position:absolute;top:3px;left:3px;width:8px;height:8px;border-radius:50%;background-color:var(--accent)}.save-album-radio.active{border-color:var(--accent)}.scrollable-grid{max-height:320px;overflow-y:auto;padding:12px!important}.selection-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.selection-card{position:relative;aspect-ratio:1;border-radius:10px;border:1.5px solid rgba(74,74,61,.12);overflow:hidden;cursor:pointer;transition:transform .2s ease}.selection-card:active{transform:scale(.95)}.selection-img-wrapper{width:100%;height:100%;position:relative}.selection-img-wrapper img{width:100%;height:100%;object-fit:cover}.selection-checkbox{position:absolute;top:4px;right:4px;width:20px;height:20px;border-radius:50%;border:2px solid #0f172a;background-color:#fff;display:flex;align-items:center;justify-content:center;color:transparent;transition:background-color .2s ease,border-color .2s ease}.selection-card.selected .selection-checkbox{background-color:var(--accent);color:#fff}.selection-card.selected{border-color:var(--accent)}#selection-count{font-size:.8rem;font-weight:700;color:var(--text-primary)}.album-popover{position:absolute;top:0;left:0;width:100%;height:100%;z-index:100;display:flex;align-items:center;justify-content:center;transition:opacity .3s ease}.album-popover.hidden{display:none!important}.popover-backdrop{position:absolute;width:100%;height:100%;background-color:#0f172a66;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.popover-content{position:relative;width:260px;background:#fff;border:2px solid #0f172a;border-radius:12px;box-shadow:0 10px 25px #0003;display:flex;flex-direction:column;z-index:5;animation:popoverFadeIn .25s ease-out}@keyframes popoverFadeIn{0%{transform:translateY(10px);opacity:0}to{transform:translateY(0);opacity:1}}.popover-header{padding:10px 14px;border-bottom:2px solid #0f172a;display:flex;justify-content:space-between;align-items:center;background-color:#faf9f6}.popover-header h4{font-size:.9rem;font-weight:800;color:var(--text-primary)}.popover-close-btn{background:none;border:none;cursor:pointer;color:var(--text-secondary);display:flex;align-items:center;justify-content:center}.popover-list{max-height:180px;overflow-y:auto;padding:6px;display:flex;flex-direction:column;gap:4px}.popover-item{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;border-radius:6px;cursor:pointer;transition:background-color .15s ease}.popover-item:hover{background-color:#faf9f6}.popover-item-title{font-size:.85rem;font-weight:600;color:var(--text-primary)}.popover-checkbox{width:18px;height:18px;border-radius:4px;border:2px solid #0f172a;background-color:#fff;display:flex;align-items:center;justify-content:center;color:transparent}.popover-item.active .popover-checkbox{background-color:var(--accent);color:#fff;border-color:var(--accent)}.popover-empty{padding:16px;text-align:center}.popover-empty p{font-size:.8rem;color:var(--text-secondary);margin-bottom:10px}.sm-btn{padding:6px 12px;font-size:.75rem}.globe-overlay{position:fixed;top:0;left:0;right:0;bottom:0;width:100%;background:#070b15;z-index:9999;overflow:hidden}.globe-overlay.hidden{display:none}.globe-header{position:absolute;top:0;left:0;right:0;display:flex;align-items:center;gap:10px;padding:calc(env(safe-area-inset-top,20px) + 8px) 16px 10px;z-index:10;background:linear-gradient(to bottom,rgba(7,11,21,.85) 0%,transparent 100%)}.globe-icon-btn{color:#fff!important}.globe-title{font-family:var(--font-ui);font-size:17px;font-weight:700;color:#fff}#globe-canvas{width:100%;height:100%;display:block;touch-action:none}.globe-empty-state{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center;pointer-events:none;z-index:5}.globe-empty-state p{font-family:var(--font-ui);font-size:16px;font-weight:600;color:#ffffff80;margin:0}.globe-empty-state span{font-family:var(--font-ui);font-size:13px;color:#ffffff4d}@media (min-width: 441px){.globe-overlay{width:440px;left:50%;transform:translate(-50%);border-radius:var(--border-radius-lg);overflow:hidden}}.globe-photo-pin{width:36px;height:36px;border-radius:50%;border:2.5px solid #fff;overflow:hidden;box-shadow:0 0 6px #0006,0 0 12px #4d8eff33;cursor:pointer;transition:transform .2s ease;transform:translate(-50%,-50%)}.globe-photo-pin:active{transform:translate(-50%,-50%) scale(1.2)}.globe-photo-pin img{width:100%;height:100%;object-fit:cover;display:block}#globe-gl-container{background:#070b15;width:100%;height:100%;position:absolute;top:0;left:0;right:0;bottom:0}#globe-gl-container canvas{touch-action:none}.globe-label{pointer-events:none;transform:translate(-50%,-50%);text-align:center;white-space:nowrap;font-family:var(--font-ui);line-height:1.25;text-shadow:0 1px 4px rgba(0,0,0,.7),0 0 10px rgba(0,0,0,.4);-webkit-user-select:none;user-select:none}.globe-label-continent{font-size:11px;font-weight:800;letter-spacing:3.5px;color:#ffffff59;text-transform:uppercase;white-space:pre-line}.globe-label-ocean{font-size:10px;font-weight:500;font-style:italic;letter-spacing:1px;color:#8cbeff4d;white-space:pre-line}.globe-label-country{font-size:8.5px;font-weight:600;letter-spacing:2px;color:#ffffff73;text-transform:uppercase}.globe-label-hidden{opacity:0}.globe-label-country{pointer-events:auto!important;cursor:pointer;transition:color .2s ease,transform .2s ease}.globe-label-country:active{transform:translate(-50%,-50%) scale(1.1)}.globe-label-country.has-photos{color:#ffffffbf}.globe-label-badge{display:inline-flex;align-items:center;justify-content:center;background:#ff4f8b;color:#fff;font-size:7px;font-weight:700;min-width:14px;height:14px;border-radius:7px;padding:0 3px;margin-left:4px;vertical-align:middle;letter-spacing:0}.country-drawer{position:absolute;bottom:0;left:0;right:0;background:#fff;border-radius:20px 20px 0 0;z-index:20;transform:translateY(100%);transition:transform .4s cubic-bezier(.16,1,.3,1);max-height:55vh;display:flex;flex-direction:column;box-shadow:0 -4px 30px #0000004d;padding-bottom:env(safe-area-inset-bottom,0px)}.country-drawer.open{transform:translateY(0)}.country-drawer-handle{width:36px;height:4px;background:#d1d5db;border-radius:2px;margin:10px auto 6px;flex-shrink:0}.country-drawer-header{display:flex;align-items:center;justify-content:space-between;padding:4px 20px 12px;border-bottom:1px solid #f0f0f0;flex-shrink:0}.country-drawer-header h3{font-family:var(--font-ui);font-size:18px;font-weight:700;color:#1a1a1a;margin:0;display:flex;align-items:center;gap:10px}.country-drawer-flag{width:28px;height:20px;object-fit:cover;border-radius:3px;box-shadow:0 1px 3px #00000026}.country-drawer-count{font-family:var(--font-ui);font-size:13px;font-weight:500;color:#888}.country-drawer-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:3px;padding:8px;overflow-y:auto;-webkit-overflow-scrolling:touch;flex:1;min-height:0}.country-drawer-grid img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:6px;display:block}.country-drawer-empty{display:flex;align-items:center;justify-content:center;padding:40px 20px;flex:1}.country-drawer-empty p{font-family:var(--font-ui);font-size:14px;color:#aaa;margin:0}.country-drawer-empty.hidden{display:none}.gallery-tabs{display:flex;margin:0 20px 20px;background-color:var(--bg-control);border-radius:var(--border-radius-sm);padding:3px;gap:4px;border:1px solid rgba(15,23,42,.08)}.gallery-tab{flex:1;background:transparent;border:none;padding:8px 12px;font-family:var(--font-ui);font-size:13px;font-weight:600;color:var(--text-secondary);border-radius:6px;cursor:pointer;transition:background-color .2s ease,color .2s ease,box-shadow .2s ease;display:flex;align-items:center;justify-content:center;gap:6px}.gallery-tab.active{background-color:var(--bg-card);color:var(--text-dark);box-shadow:0 2px 6px #0f172a0f}.badge-dot{width:8px;height:8px;background-color:var(--accent-rose);border-radius:50%;display:inline-block}.album-shared-badge{position:absolute;bottom:8px;right:8px;background:#0f172ad9;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#fff;padding:3px 8px;border-radius:20px;font-size:10px;font-weight:700;display:flex;align-items:center;gap:4px;border:1px solid rgba(255,255,255,.15);z-index:2;box-shadow:0 2px 6px #00000026}.album-shared-badge svg{display:inline-block}.album-card .album-new-badge{position:absolute;top:-6px;right:-6px;background-color:var(--accent-rose);color:#fff;font-size:10px;font-weight:800;min-width:18px;height:18px;padding:0 5px;border-radius:9px;display:flex;align-items:center;justify-content:center;border:2px solid white;box-shadow:0 3px 8px #0f172a26;z-index:5;box-sizing:border-box}.gallery-item-uploader{position:absolute;bottom:6px;left:6px;background:#0f172abf;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#fff;font-size:10px;font-weight:600;padding:2px 6px;border-radius:4px;max-width:80%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;pointer-events:none;z-index:1}.album-detail-members{display:flex;align-items:center;gap:4px;margin:8px 20px 16px;padding:8px 12px;background-color:var(--bg-control);border-radius:var(--border-radius-sm);font-size:12px;color:var(--text-secondary)}.member-dot{background-color:#0f172a14;border-radius:12px;padding:3px 8px;font-weight:600;color:var(--text-primary)}.full-width-btn{width:100%;margin-top:8px}#profile-display-name{cursor:pointer;transition:background-color .2s ease;padding:2px 6px;border-radius:4px;display:inline-block}#profile-display-name:hover{background-color:#0f172a0d}.profile-name-input{font-family:var(--font-ui);font-size:20px;font-weight:700;color:var(--text-dark);background:transparent;border:2px solid var(--accent);border-radius:6px;padding:2px 6px;width:100%;max-width:200px;box-sizing:border-box}.shared-drawer{position:absolute;bottom:0;left:0;right:0;background:#fff;border-radius:20px 20px 0 0;z-index:30;transform:translateY(100%);transition:transform .4s cubic-bezier(.16,1,.3,1);max-height:75vh;display:flex;flex-direction:column;box-shadow:0 -4px 30px #0000004d;padding-bottom:env(safe-area-inset-bottom,0px)}.shared-drawer.open{transform:translateY(0)}.shared-drawer-handle{width:36px;height:4px;background:#d1d5db;border-radius:2px;margin:10px auto 6px;flex-shrink:0}.shared-drawer-header{display:flex;align-items:center;justify-content:space-between;padding:4px 20px 12px;border-bottom:1px solid #f0f0f0;flex-shrink:0}.shared-drawer-header h3{font-family:var(--font-ui);font-size:18px;font-weight:700;color:#1a1a1a;margin:0}.shared-drawer-content{padding:20px;overflow-y:auto;-webkit-overflow-scrolling:touch;flex:1;display:flex;flex-direction:column;gap:16px}.drawer-section{display:flex;flex-direction:column;gap:8px}.drawer-section-title{font-family:var(--font-ui);font-size:11px;font-weight:700;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin:0 0 2px}.shared-members-list{display:flex;flex-wrap:wrap;gap:6px}.drawer-invite-card{display:flex;align-items:center;gap:16px;background:var(--bg-control);padding:12px;border-radius:var(--border-radius-sm);border:1.5px solid rgba(15,23,42,.08)}.drawer-qr-container{background:#fff;padding:6px;border-radius:8px;border:1px solid rgba(15,23,42,.1);display:flex;justify-content:center;align-items:center;flex-shrink:0}.drawer-qr-container img{width:90px;height:90px;display:block}.drawer-code-container{display:flex;flex-direction:column;gap:4px;flex:1}.drawer-code-label{font-size:11px;color:var(--text-secondary);font-weight:600}.drawer-invite-code{background:var(--bg-card);padding:8px 12px;border-radius:6px;border:2px solid #0f172a;font-family:monospace;font-size:18px;font-weight:700;letter-spacing:1.5px;color:var(--text-dark);text-align:center;cursor:pointer;transition:background-color .2s ease}.drawer-invite-code:active{background-color:var(--bg-control)}.drawer-code-tip{font-size:10px;color:var(--text-secondary);margin-top:2px}.danger-btn{background:var(--accent-rose);color:#fff;border:none;border-radius:var(--border-radius-sm);padding:12px 16px;font-family:var(--font-ui);font-size:14px;font-weight:600;cursor:pointer;transition:opacity .2s ease;text-align:center}.danger-btn:active{opacity:.8}