:root{color:#f7f7f7;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;background:#050505;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#app{overscroll-behavior:none;height:100%;min-height:100%}body{touch-action:manipulation;background:#050505;width:100%;min-height:100vh;margin:0;position:fixed;inset:0;overflow:hidden}button,input{font:inherit;-webkit-tap-highlight-color:transparent}button{color:inherit;cursor:pointer;border:0}button:disabled{cursor:not-allowed;opacity:.42}.camera-app{color:#fff;background:#000;grid-template-rows:1fr auto;width:100vw;height:100svh;min-height:620px;display:grid;position:relative;overflow:hidden}.pwa-note{color:#ffffffb8;background:#ffffff1a;border-radius:999px;margin:-6px 0 0;padding:7px 11px;font-size:.74rem;font-weight:800}.pwa-note.ready{color:#111;background:#ffe066f0}.viewfinder{background-color:#080808;background-image:linear-gradient(#ffffff0a 1px,#0000 1px),linear-gradient(90deg,#ffffff0a 1px,#0000 1px),none;background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:33.333% 33.333%;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;position:relative;overflow:hidden}.viewfinder:before,.viewfinder:after{z-index:2;pointer-events:none;content:"";height:20%;position:absolute;inset-inline:0}.viewfinder:before{background:linear-gradient(#000000c7,#0000);top:0}.viewfinder:after{background:linear-gradient(#0000,#000000b3);bottom:0}.viewfinder video{object-fit:cover;transform-origin:50%;width:100%;height:100%;transition:transform .22s}.permission-panel{z-index:5;text-align:center;background:radial-gradient(circle at 50% 35%,#3a3a3adb,#000000f5 56%);place-content:center;justify-items:center;gap:20px;padding:24px;display:grid;position:absolute;inset:0}.permission-panel h1{letter-spacing:0;margin:0;font-size:2.3rem;font-weight:700}.permission-panel button{color:#080808;background:#fff;border-radius:999px;min-width:122px;min-height:46px;font-weight:800}.camera-glyph{border:3px solid #ffffffeb;border-radius:22px;width:72px;height:72px;position:relative}.camera-glyph:before{content:"";border:3px solid #fff;border-radius:50%;width:32px;height:32px;position:absolute;top:17px;left:17px}.camera-glyph:after{content:"";background:#fff;border-radius:50%;width:9px;height:9px;position:absolute;top:10px;right:13px}.top-bar{top:max(12px, env(safe-area-inset-top));z-index:6;pointer-events:none;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid;position:absolute;left:12px;right:12px}.icon-button{color:#ffffffdb;letter-spacing:0;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);pointer-events:auto;background:#12121285;border-radius:999px;min-height:34px;font-size:.76rem;font-weight:800}.icon-button.active{color:#111;background:#ffe066f0}.top-bar--camera{grid-template-columns:repeat(4,minmax(0,1fr))}.status-pill{z-index:5;color:#ffffffe6;text-align:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0000006b;border-radius:999px;min-width:92px;padding:7px 12px;font-size:.78rem;font-weight:800;position:absolute;top:72px;left:50%;transform:translate(-50%)}.focus-box{z-index:5;border:2px solid #ffe066;width:86px;height:86px;animation:.9s both focus-pop;position:absolute;transform:translate(-50%,-50%)}@keyframes focus-pop{0%{opacity:0;transform:translate(-50%,-50%)scale(1.25)}22%{opacity:1;transform:translate(-50%,-50%)scale(1)}to{opacity:0;transform:translate(-50%,-50%)scale(.88)}}.lens-rack{z-index:5;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#00000073;border-radius:999px;grid-template-columns:repeat(4,42px);gap:8px;padding:5px;display:inline-grid;position:absolute;bottom:18px;left:50%;transform:translate(-50%)}.lens-rack button{color:#f7f7f7;letter-spacing:0;background:#ffffff1f;border-radius:50%;width:42px;height:42px;font-size:.74rem;font-weight:900}.lens-rack button.active{color:#111;background:#ffe066}.controls-deck{z-index:4;padding:10px 18px max(16px, env(safe-area-inset-bottom));background:#050505;gap:15px;display:grid;position:relative;box-shadow:0 -18px 46px #000000a3}.device-strip{scrollbar-width:none;gap:8px;padding:0 2px;display:flex;overflow-x:auto}.device-strip::-webkit-scrollbar{display:none}.device-strip button{color:#ffffffc7;text-overflow:ellipsis;white-space:nowrap;background:#ffffff1f;border-radius:999px;flex:none;max-width:142px;min-height:30px;padding:6px 10px;font-size:.72rem;font-weight:700;overflow:hidden}.device-strip button.active{color:#080808;background:#ffffffe6}.mode-carousel{color:#ffffff94;letter-spacing:0;text-transform:uppercase;scrollbar-width:none;justify-content:center;gap:20px;min-height:24px;padding:0 6px;font-size:.77rem;font-weight:800;display:flex;overflow-x:auto}.mode-carousel::-webkit-scrollbar{display:none}.mode-carousel span{flex:none}.mode-carousel .active{color:#ffe066}.main-controls{grid-template-columns:72px minmax(88px,1fr) 72px;place-items:center;min-height:96px;display:grid}.gallery-button,.switch-button{background:#ffffff24;border-radius:50%;place-items:center;width:52px;height:52px;display:grid}.gallery-button{border:2px solid #ffffffb8;overflow:hidden}.gallery-button img{object-fit:cover;width:100%;height:100%}.gallery-button span{background:#ffffffc2;border-radius:5px;width:18px;height:18px}.switch-button{font-size:1.5rem;font-weight:700}.shutter{background:0 0;border:5px solid #fff;border-radius:50%;place-items:center;width:86px;height:86px;transition:transform .12s;display:grid}.shutter:active{transform:scale(.94)}.shutter span{background:#fff;border-radius:50%;width:66px;height:66px}.zoom-slider{color:#ffffffbd;grid-template-columns:42px 1fr 74px;align-items:center;gap:10px;font-size:.73rem;font-weight:800;display:grid}.zoom-slider input{accent-color:#ffe066;width:100%}.album-panel{z-index:10;pointer-events:none;align-items:end;display:grid;position:absolute;inset:0}.album-sheet{-webkit-overflow-scrolling:touch;height:min(84svh,780px);padding:16px 14px max(18px, env(safe-area-inset-bottom));color:#f7f7f7;pointer-events:auto;background:#141414f5;border-radius:26px 26px 0 0;transition:transform .26s;overflow-y:auto;transform:translateY(105%);box-shadow:0 -22px 70px #0000009e}.is-album-open .album-sheet{transform:translateY(0)}.album-topline{z-index:2;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#141414f0;justify-content:space-between;align-items:center;gap:16px;margin:-16px -14px 14px;padding:16px 14px 12px;display:flex;position:sticky;top:-16px}.album-topline p,.album-topline strong{letter-spacing:0;margin:0}.album-topline p{color:#ffffff94;font-size:.72rem;font-weight:900}.album-topline strong{font-size:1.35rem}.album-topline button,.capture-actions button,.side-roll button{background:#ffffff1f;border-radius:999px}.album-topline button{color:#ffe066;min-width:64px;min-height:36px;font-weight:800}.empty-roll{place-items:center;min-height:280px;display:grid}.empty-roll span{border:2px solid #fff3;border-radius:24px;width:78px;height:78px}.capture-card{background:#ffffff12;border-radius:8px;gap:10px;margin-bottom:16px;padding:10px;display:grid}.capture-media{background:#000;border-radius:7px;position:relative;overflow:hidden}.capture-media>img{aspect-ratio:4/5;object-fit:cover;width:100%;display:block}.capture-badges{flex-wrap:wrap;gap:7px;display:flex;position:absolute;bottom:10px;left:10px;right:10px}.capture-badges span{color:#111;background:#ffffffe0;border-radius:999px;padding:5px 8px;font-size:.7rem;font-weight:900}.capture-badges .on{background:#ffe066}.capture-meta{color:#ffffffb3;gap:4px;font-size:.78rem;line-height:1.35;display:grid}.capture-meta strong{color:#fff;font-size:.95rem}.side-roll{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.side-roll button{min-height:92px;padding:0;position:relative;overflow:hidden}.side-roll img{object-fit:cover;width:100%;height:92px;display:block}.side-roll span{color:#111;background:#ffffffe6;border-radius:999px;padding:4px 7px;font-size:.68rem;font-weight:900;position:absolute;bottom:8px;left:8px}.capture-warning{color:#ffd6a0;margin:0;font-size:.74rem;line-height:1.4}.capture-actions{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.capture-actions button{color:#ffffffeb;min-height:38px;padding:8px;font-size:.76rem;font-weight:800}.reader-app{color:#26211a;background:#e9dfce;grid-template-rows:auto 1fr auto;width:100vw;height:100svh;min-height:620px;display:grid;overflow:hidden}.reader-app--night{color:#e9e2d4;background:#11100f}.reader-header{padding:max(12px, env(safe-area-inset-top)) 14px 10px;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#fffcf4c7;border-bottom:1px solid #00000014;grid-template-columns:68px 1fr 68px;align-items:center;gap:10px;display:grid}.reader-app--night .reader-header{background:#141211e0;border-color:#ffffff14}.reader-title{text-align:center;min-width:0;display:grid}.reader-title strong,.reader-title span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.reader-title strong{font-size:.96rem}.reader-title span{color:#26211a94;font-size:.72rem;font-weight:700}.reader-app--night .reader-title span{color:#e9e2d494}.reader-icon-button,.reader-controls button,.reader-menu-top button,.reader-imports label,.reader-imports button,.chapter-list button{color:inherit;background:#00000014;border-radius:999px;font-weight:800}.reader-app--night .reader-icon-button,.reader-app--night .reader-controls button,.reader-app--night .reader-menu-top button,.reader-app--night .reader-imports label,.reader-app--night .reader-imports button,.reader-app--night .chapter-list button{background:#ffffff17}.reader-icon-button{min-height:36px;padding:8px 10px;font-size:.8rem}.reader-page{-webkit-overflow-scrolling:touch;scrollbar-width:none;padding:28px 22px 60px;overflow-y:auto}.reader-page::-webkit-scrollbar{display:none}.reader-kicker{color:#8a5a1f;letter-spacing:0;margin:0 0 24px;font-size:.82em;font-weight:900}.reader-app--night .reader-kicker{color:#ffd166}.reader-page article{max-width:36rem;margin:0 auto}.reader-page p{text-align:justify;margin:0 0 1.05em}.reader-controls{padding:10px 12px max(12px, env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#fffcf4c7;border-top:1px solid #00000014;grid-template-columns:1.2fr .7fr .8fr .7fr 1.2fr;gap:8px;display:grid}.reader-app--night .reader-controls{background:#141211e0;border-color:#ffffff14}.reader-controls button{min-height:38px;padding:8px 6px;font-size:.78rem}.reader-menu{z-index:20;pointer-events:none;align-items:end;display:grid;position:absolute;inset:0}.reader-menu-sheet{-webkit-overflow-scrolling:touch;height:min(82svh,720px);padding:16px 14px max(18px, env(safe-area-inset-bottom));pointer-events:auto;background:#faf4e9fa;border-radius:26px 26px 0 0;transition:transform .26s;overflow-y:auto;transform:translateY(105%);box-shadow:0 -22px 70px #00000040}.reader-app--night .reader-menu-sheet{background:#181614fa}.reader-menu[aria-hidden=false] .reader-menu-sheet{transform:translateY(0)}.reader-menu-top{z-index:2;background:#faf4e9f5;justify-content:space-between;align-items:center;gap:16px;margin:-16px -14px 14px;padding:16px 14px 12px;display:flex;position:sticky;top:-16px}.reader-app--night .reader-menu-top{background:#181614f5}.reader-menu-top p,.reader-menu-top strong{margin:0}.reader-menu-top p{color:#26211a85;font-size:.72rem;font-weight:900}.reader-app--night .reader-menu-top p{color:#e9e2d48c}.reader-menu-top strong{font-size:1.35rem}.reader-menu-top button{color:#8a5a1f;min-width:64px;min-height:36px}.reader-app--night .reader-menu-top button{color:#ffd166}.reader-imports{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:14px;display:grid}.reader-imports label,.reader-imports button{place-items:center;min-height:42px;padding:8px;font-size:.82rem;display:grid}.reader-imports input{display:none}.chapter-list{gap:8px;display:grid}.chapter-list button{text-align:left;border-radius:8px;justify-content:space-between;align-items:center;gap:12px;min-height:44px;padding:10px 12px;display:flex}.chapter-list button.active{color:#111;background:#ffd166}.chapter-list span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.chapter-list small{opacity:.62}@media (width>=740px){body{background:#111;place-items:center;display:grid;overflow:auto}.camera-app,.reader-app{border-radius:38px;width:min(100vw,430px);height:min(100svh,932px);min-height:760px;box-shadow:0 30px 120px #00000094}.album-sheet,.reader-menu-sheet{height:78%}}@media (height<=700px){.camera-app{min-height:100svh}.main-controls{min-height:78px}.shutter{width:74px;height:74px}.shutter span{width:56px;height:56px}.controls-deck{gap:10px}}