:root{color:#17324d;font-synthesis:none;text-rendering:optimizelegibility;--purple:#7257d9;--purple-dark:#533cb0;--teal:#168f83;--teal-light:#dff7f1;--yellow:#ffb646;--red:#c83e4d;--cream:#fffaf2;--ink:#17324d;--muted:#5b6b7d;--line:#d9dce5;--white:#fff;--shadow:0 5px 0 #17324d1f, 0 10px 26px #17324d1a;background:#fffaf2;font-family:Nunito,ui-rounded,Arial Rounded MT Bold,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{background:var(--cream);min-height:100%}body{min-width:320px;min-height:100vh;background:radial-gradient(circle at 10% 12%, #ffb64624 0 70px, transparent 72px), radial-gradient(circle at 90% 88%, #40b8a621 0 90px, transparent 92px), var(--cream);min-height:100dvh;margin:0}button,input{font:inherit}button{color:inherit}button:not(:disabled){cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}:focus-visible{outline-offset:3px;outline:4px solid #1466cc}.screen-shell{min-height:100dvh;padding-bottom:max(24px, env(safe-area-inset-bottom))}.app-header{min-height:72px;padding:max(8px, env(safe-area-inset-top)) max(10px, env(safe-area-inset-right)) 8px max(10px, env(safe-area-inset-left));z-index:20;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffaf2f5;border-bottom:2px solid #17324d14;grid-template-columns:72px minmax(0,1fr) 72px;align-items:center;display:grid;position:sticky;top:0}.app-header h1{text-align:center;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:clamp(1.1rem,4vw,1.55rem);overflow:hidden}.header-side{justify-content:flex-start;display:flex}.icon{place-items:center;line-height:1;display:inline-grid}.icon-button{background:#ece8fb;border:0;border-radius:17px;place-items:center;width:52px;height:52px;font-size:1.7rem;display:grid}.home-screen{width:min(760px,100%);padding:max(36px, env(safe-area-inset-top)) 20px max(24px, env(safe-area-inset-bottom));text-align:center;margin:0 auto}.hero-camera{background:var(--purple);border-radius:32px;place-items:center;width:98px;height:98px;margin:0 auto 16px;font-size:3.5rem;display:grid;transform:rotate(-3deg);box-shadow:0 8px #533cb0}.hero .eyebrow{color:var(--teal);letter-spacing:.04em;text-transform:uppercase;margin:0 0 6px;font-size:.82rem;font-weight:900}.hero h1{letter-spacing:-.035em;color:var(--purple-dark);margin:0;font-size:clamp(2.15rem,9vw,4rem);line-height:.98}.hero>p:last-child{color:var(--muted);margin:16px 0 30px;font-size:clamp(1.05rem,4vw,1.3rem);font-weight:700}.home-actions{gap:16px;display:grid}.home-card{width:100%;min-height:92px;box-shadow:var(--shadow);text-align:left;background:#fff;border:3px solid #e5e0f5;border-radius:26px;grid-template-columns:64px 1fr;align-items:center;gap:16px;padding:13px 20px;font-size:clamp(1rem,4vw,1.25rem);font-weight:900;transition:transform .12s,box-shadow .12s;display:grid}.home-card:not(:disabled):active{transform:translateY(4px);box-shadow:0 2px #17324d1f}.home-card.primary-card{background:var(--purple);color:#fff;border-color:var(--purple-dark)}.home-card-icon{background:#5a40bc;border-radius:19px;place-items:center;width:62px;height:62px;font-size:2rem;display:grid}.home-card-icon.teal{background:var(--teal-light)}.home-card-icon.yellow{background:#fff0c9}.privacy-note{color:var(--muted);margin:28px 0 0;font-size:.9rem;font-weight:700}.narrow-screen,.help-screen,.movies-screen,.preview-screen{width:min(760px,100%);margin:0 auto;padding:30px 20px}.narrow-screen{text-align:center}.narrow-screen h2{margin:12px 0 4px;font-size:clamp(1.6rem,6vw,2.25rem)}.muted{color:var(--muted)}.big-friendly-icon{background:#fff0c9;border-radius:30px;place-items:center;width:88px;height:88px;margin:0 auto;font-size:3rem;display:grid}.new-movie-form{text-align:left;max-width:560px;margin:30px auto 0}.new-movie-form label{margin-bottom:8px;font-size:1.05rem;font-weight:900;display:block}.new-movie-form label span{color:var(--muted);font-weight:600}.new-movie-form input{border:3px solid var(--line);width:100%;min-height:60px;color:var(--ink);background:#fff;border-radius:18px;padding:12px 18px;font-size:1.08rem}.new-movie-form input:focus{border-color:var(--purple)}.new-movie-form .big-button{width:100%;margin-top:20px}.form-error{color:var(--red);font-weight:800}.permission-promise{max-width:500px;color:var(--muted);margin:24px auto;font-weight:700}.button{border:3px solid #0000;border-radius:18px;justify-content:center;align-items:center;gap:9px;min-height:54px;padding:10px 20px;font-weight:900;display:inline-flex;box-shadow:0 4px #17324d29}.button:not(:disabled):active{transform:translateY(3px);box-shadow:0 1px #17324d2e}.button.primary{background:var(--purple);color:#fff;border-color:var(--purple-dark)}.button.secondary{border-color:var(--purple);color:var(--purple-dark);background:#fff}.button.danger{background:var(--red);color:#fff;border-color:#912b37}.big-button{min-height:62px;font-size:1.08rem}.help-intro{text-align:center;color:var(--muted);font-weight:800}.help-steps{gap:14px;margin:26px 0;padding:0;list-style:none;display:grid}.help-steps li{text-align:left;background:#fff;border:2px solid #ebe6f7;border-radius:24px;grid-template-columns:70px 1fr;align-items:center;gap:12px;padding:18px;display:grid;box-shadow:0 3px #17324d1a}.step-icon{background:var(--teal-light);border-radius:19px;place-items:center;width:62px;height:62px;font-size:2.1rem;display:grid}.help-steps h2{margin:0 0 4px;font-size:1.1rem}.help-steps p{color:var(--muted);margin:0;font-weight:600}.help-screen>.button{width:100%}.movie-list{gap:16px;margin-bottom:24px;display:grid}.movie-card{box-shadow:var(--shadow);background:#fff;border:2px solid #ebe6f7;border-radius:24px;grid-template-columns:minmax(0,1fr) 54px;align-items:center;padding:10px;display:grid}.movie-open{text-align:left;background:0 0;border:0;grid-template-columns:108px 1fr;align-items:center;gap:16px;min-width:0;padding:4px;display:grid}.movie-thumb{background:#e8e2fa;border-radius:17px;place-items:center;height:82px;font-size:2.4rem;display:grid;overflow:hidden}.movie-thumb img{object-fit:cover;width:100%;height:100%}.movie-card h2{white-space:nowrap;text-overflow:ellipsis;margin:0 0 6px;font-size:1.1rem;overflow:hidden}.movie-card p{color:var(--muted);margin:2px 0;font-size:.86rem;font-weight:700}.danger-quiet{color:var(--red);background:#ffe8eb}.movies-screen>.big-button{width:100%}.empty-state{text-align:center;padding:40px 0}.empty-state h2{margin:14px 0 4px}.empty-state p{color:var(--muted)}.centered{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:18px;min-height:100dvh;padding:24px;display:flex}.spinner{border:7px solid #ded7f5;border-top-color:var(--purple);border-radius:50%;width:54px;height:54px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.notice{border:2px solid;border-radius:16px;padding:12px 15px;font-weight:750}.notice.info{background:#e9f3ff;border-color:#9fc7ef}.notice.success{background:#e2f7ec;border-color:#77c49a}.notice.warning{background:#fff2cc;border-color:#d8a832}.notice.error{background:#ffe8eb;border-color:#db7a85}.notice-action{background:#fff;border:2px solid;border-radius:12px;min-height:42px;margin-left:12px;padding:5px 12px;font-weight:900}.dialog-shade{z-index:100;background:#0a192a9e;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.dialog{border:4px solid var(--ink);text-align:center;background:#fff;border-radius:28px;width:min(480px,100%);padding:28px;box-shadow:0 16px 50px #00000059}.dialog h2{margin:0 0 10px;font-size:1.5rem}.dialog p{color:var(--muted);font-weight:650;line-height:1.45}.dialog-actions{grid-template-columns:1fr 1fr;gap:12px;margin-top:22px;display:grid}.capture-shell{color:#fff;background:#101d2c}.capture-shell .app-header{background:#101d2c;border-bottom-color:#ffffff1a}.capture-shell .icon-button{color:#fff;background:#27384c}.capture-screen{width:min(1000px,100%);margin:0 auto;padding:10px 14px 20px}.capture-topline{justify-content:space-between;align-items:center;gap:16px;min-height:52px;display:flex}.frame-count{align-items:baseline;gap:7px;display:flex}.frame-count strong{color:#ffd37e;font-size:1.7rem}.frame-count span{font-weight:800}.toggle-label{align-items:center;gap:8px;min-height:46px;font-weight:800;display:flex}.toggle-label input{opacity:0;width:1px;height:1px;position:absolute}.toggle{background:#596678;border-radius:99px;width:48px;height:28px;padding:3px;transition:background .15s}.toggle:after{content:"";background:#fff;border-radius:50%;width:22px;height:22px;transition:transform .15s;display:block}.toggle-label input:checked+.toggle{background:#52cbb9}.toggle-label input:checked+.toggle:after{transform:translate(20px)}.toggle-label input:focus-visible+.toggle{outline-offset:3px;outline:4px solid #81b8ff}.camera-stage{aspect-ratio:4/3;background:#05090d;border:2px solid #3b4b5e;border-radius:22px;max-height:60vh;margin:0 auto;position:relative;overflow:hidden}.camera-stage video,.onion-layer{object-fit:contain;width:100%;height:100%;display:block}.onion-layer{opacity:.38;pointer-events:none;position:absolute;inset:0}.camera-cover{text-align:center;background:linear-gradient(145deg,#182a3e,#0d1722);flex-direction:column;justify-content:center;align-items:center;padding:22px;display:flex;position:absolute;inset:0}.camera-cover>.icon{font-size:3rem}.camera-cover h2{margin:12px 0 4px}.camera-cover p{color:#cfdae7;max-width:470px;margin:4px 0 16px}.camera-cover .notice{color:var(--ink);margin-bottom:14px}.capture-status{text-align:center;color:#dce6f1;min-height:38px;padding:9px;font-weight:750}.capture-controls{grid-template-columns:82px 1fr 82px;place-items:center;gap:18px;display:grid}.last-frame-button,.play-capture{color:#fff;background:0 0;border:0;flex-direction:column;justify-content:center;align-items:center;gap:4px;min-width:72px;min-height:72px;font-weight:900;display:flex}.last-frame-button img,.last-frame-button>span:first-child{object-fit:cover;background:#293b50;border:3px solid #fff;border-radius:10px;place-items:center;width:62px;height:48px;display:grid}.last-frame-button small,.play-capture small{align-items:center;gap:4px;font-weight:800;display:flex}.play-capture>.icon{background:#2d4055;border-radius:50%;width:56px;height:56px;padding-left:3px;font-size:1.5rem}.shutter{background:0 0;border:6px solid #fff;border-radius:50%;width:90px;height:90px;padding:6px;box-shadow:0 0 0 3px #ffffff29}.shutter span{background:#ff5d65;border:3px solid #b92835;border-radius:50%;width:100%;height:100%;display:block}.shutter:not(:disabled):active span{transform:scale(.88)}.done-button{background:var(--teal);color:#fff;border-color:#0a6c63;width:min(360px,100%);margin:16px auto 0;display:flex}.preview-screen{padding-top:20px}.preview-player{aspect-ratio:16/10;width:100%;max-height:54vh;box-shadow:var(--shadow);background:#101d2c;border:4px solid #243a50;border-radius:24px;place-items:center;display:grid;position:relative;overflow:hidden}.preview-player img{object-fit:contain;width:100%;height:100%}.empty-preview{color:#fff;text-align:center;font-size:2rem}.empty-preview p{font-size:1rem}.preview-count{color:#fff;background:#000000b3;border-radius:99px;padding:6px 11px;font-size:.82rem;font-weight:800;position:absolute;bottom:10px;right:10px}.playback-controls{grid-template-columns:60px 88px 60px;justify-content:center;align-items:center;gap:18px;padding:18px 0;display:grid}.round-control,.main-play{border-radius:50%;place-items:center;display:grid}.round-control{background:#fff;border:2px solid #d7d1ea;width:56px;height:56px;font-size:1.5rem}.round-control.delete-current{color:var(--red)}.main-play{border:4px solid var(--purple-dark);background:var(--purple);color:#fff;width:82px;height:82px;box-shadow:0 5px 0 var(--purple-dark);padding-left:4px;font-size:2rem}.speed-choices{border:0;margin:0;padding:0}.speed-choices legend{text-align:center;width:100%;margin-bottom:9px;font-weight:900}.speed-choices>div{background:#e9e5f5;border-radius:18px;grid-template-columns:repeat(3,1fr);gap:4px;padding:5px;display:grid}.speed-choices button{background:0 0;border:2px solid #0000;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;min-height:56px;display:flex}.speed-choices button.selected{border-color:var(--purple);color:var(--purple-dark);background:#fff;box-shadow:0 2px 7px #17324d1f}.speed-choices small{color:var(--muted);font-size:.72rem}.frames-section{margin-top:24px}.section-heading{align-items:center;gap:9px;display:flex}.section-heading h2{margin:0;font-size:1.15rem}.section-heading span{color:var(--purple-dark);text-align:center;background:#e7e2f7;border-radius:99px;min-width:28px;padding:3px 8px;font-size:.8rem;font-weight:900}.frame-strip{scroll-snap-type:x proximity;gap:9px;padding:12px 4px 16px;display:flex;overflow-x:auto}.frame-thumb{scroll-snap-align:center;background:#d7dce2;border:3px solid #0000;border-radius:13px;flex:0 0 92px;height:76px;padding:0;position:relative;overflow:hidden}.frame-thumb.selected{border-color:var(--purple);box-shadow:0 0 0 2px #bdb0ee}.frame-thumb img{object-fit:cover;width:100%;height:100%}.frame-thumb span{color:#fff;background:#000000bd;border-radius:7px;min-width:24px;padding:3px 5px;font-size:.72rem;font-weight:900;position:absolute;bottom:4px;left:4px}.preview-screen>.notice{margin:12px 0}.export-progress{background:#fff;border:2px solid #d8d1ee;border-radius:18px;margin:14px 0;padding:14px}.export-progress label{margin-bottom:8px;font-weight:900;display:block}.export-progress progress{width:100%;height:17px;accent-color:var(--teal)}.more-pictures-hint{text-align:center;color:var(--muted);font-weight:750}.preview-actions{grid-template-columns:1fr 1fr;gap:12px;margin-top:18px;padding-bottom:10px;display:grid}@media (min-width:650px){.home-actions{grid-template-columns:1fr 1fr}.home-card.primary-card{grid-column:1/-1;min-height:108px}.help-steps{grid-template-columns:1fr 1fr}}@media (orientation:landscape) and (max-height:720px){.capture-shell .app-header{grid-template-columns:60px minmax(0,1fr) 60px;min-height:58px}.capture-shell .icon-button{width:44px;height:44px}.capture-screen{grid-template-rows:auto 1fr auto;grid-template-columns:minmax(0,1.6fr) minmax(250px,.7fr);gap:0 18px;display:grid}.capture-topline{grid-area:1/2}.camera-stage{grid-area:1/1/4;width:100%;height:calc(100dvh - 76px);max-height:none}.capture-status{grid-area:2/2;align-self:end}.capture-controls{grid-area:3/2;gap:5px}.done-button{grid-area:2/2;align-self:start}}@media (max-width:430px){.dialog-actions,.preview-actions{grid-template-columns:1fr}.movie-open{grid-template-columns:82px 1fr;gap:11px}.movie-thumb{height:70px}.capture-controls{grid-template-columns:74px 1fr 74px;gap:6px}.shutter{width:82px;height:82px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (forced-colors:active){.button,.home-card,.frame-thumb,.movie-card,.camera-stage,.toggle{border:2px solid buttontext}}.tab-row{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:4px;display:grid}.tab{min-height:52px;color:var(--ink,#2b2350);background:#fff;border:3px solid #d9d2f2;border-radius:16px;font-size:1rem;font-weight:800}.tab.selected{border-color:var(--purple,#6c4fd6);background:#efe9ff}.library-size{color:#6a6390;margin:0;font-size:.95rem;font-weight:700}.finished-thumb{position:relative}.thumb-play{color:#fff;background:#2b235047;border-radius:17px;place-items:center;font-size:1.6rem;display:grid;position:absolute;inset:0}.dialog-actions.stacked{grid-template-columns:1fr}.button.quiet{color:#6a6390;background:0 0;border:none;min-height:48px;font-weight:800}.player-dialog{width:min(680px,94vw)}.saved-player{background:#000;border-radius:16px;width:100%;max-height:60vh}