html,body,#root{margin:0;padding:0;height:100%;width:100%;background:#050505;color:#eee;font-family:Inter,system-ui,sans-serif;-webkit-font-smoothing:antialiased;overscroll-behavior:none;-webkit-user-select:none;user-select:none}*{box-sizing:border-box}button{font-family:inherit}.semanticamera-stage{position:relative;width:100%;height:100dvh;height:100vh;overflow:hidden}.semanticamera-hidden-file{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}:root{--an-black: #0a0a0a;--an-graphite: #1a1a1c;--an-leather: #161514;--an-chrome: linear-gradient(180deg, #d8d6d2 0%, #a8a6a2 45%, #4a4845 55%, #c5c3bf 100%);--an-lcd-bg: #9bbab1;--an-lcd-fg: #0d2522;--an-red: #c2202b;--an-hot-red: #ff2b2b;--an-amber: #f1c34a}.semanticamera-stage.analog{background:var(--an-black)}.an-grain,.grain{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;mix-blend-mode:overlay;opacity:.35;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 0  0 0 0 0 0  0 0 0 0 0  0 0 0 1.2 0'/></filter><rect width='100%' height='100%' filter='url(%23n)' opacity='0.85'/></svg>");background-size:200px 200px;animation:an-grain-shift .12s steps(6) infinite}@keyframes an-grain-shift{0%{transform:translate(0)}20%{transform:translate(-3%,2%)}40%{transform:translate(2%,-3%)}60%{transform:translate(-1%,1%)}80%{transform:translate(3%,2%)}to{transform:translate(0)}}.flash{position:absolute;top:0;right:0;bottom:0;left:0;background:#fff;opacity:0;pointer-events:none;z-index:50;mix-blend-mode:screen}.flash.fire{animation:an-fire .35s ease-out}@keyframes an-fire{0%{opacity:0}10%{opacity:.9}to{opacity:0}}.cam{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column}.cam-top,.cam-bottom{position:relative;flex-shrink:0}.cam-vfholder{flex:1 1 auto;position:relative;display:flex;align-items:center;justify-content:center;background:#000}.vf-window{position:relative;width:88%;aspect-ratio:4/3;background:#050505;overflow:hidden;box-shadow:inset 0 0 0 2px #2a2826,inset 0 0 0 6px #0d0d0d,inset 0 0 0 8px #2a2826,0 10px 30px #000000b3}.vf-window video,.vf-window .vf-fallback{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.vf-fallback{background:radial-gradient(ellipse at 60% 40%,#2c3a44,#0b1116 70%),repeating-linear-gradient(45deg,#0b0b0b 0,#0b0b0b 6px,#131313 6px,#131313 12px);display:flex;align-items:center;justify-content:center}.vf-fallback .pat{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(90deg,transparent 50%,rgba(255,255,255,.04) 50%);background-size:8px 100%;mix-blend-mode:overlay}.vf-fallback .label{position:relative;z-index:2;font-family:DM Mono,monospace;font-size:10px;letter-spacing:.15em;color:#ffffff73;text-align:center;padding:0 16px}.framelines{position:absolute;top:8%;right:8%;bottom:8%;left:8%;pointer-events:none}.framelines:before,.framelines:after{content:"";position:absolute;width:14px;height:14px;border-color:#ffffffb3;border-style:solid}.framelines:before{top:0;left:0;border-width:2px 0 0 2px}.framelines:after{bottom:0;right:0;border-width:0 2px 2px 0}.framelines .c2,.framelines .c3{position:absolute;width:14px;height:14px;border-color:#ffffffb3;border-style:solid}.framelines .c2{top:0;right:0;border-width:2px 2px 0 0}.framelines .c3{bottom:0;left:0;border-width:0 0 2px 2px}.reticle{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:22%;aspect-ratio:1;border:1px solid rgba(255,210,150,.55);box-shadow:0 0 0 1px #0009 inset;pointer-events:none}.reticle:before,.reticle:after{content:"";position:absolute;background:#ffd29699}.reticle:before{left:50%;top:25%;bottom:25%;width:1px}.reticle:after{top:50%;left:25%;right:25%;height:1px}.vf-window.parallax video,.vf-window.parallax .vf-fallback{transform:translate(2%,-1.5%)}.date-stamp{position:absolute;right:8px;bottom:6px;font-family:VT323,monospace;font-size:14px;color:#ff7a1a;text-shadow:0 0 4px rgba(255,122,26,.6);letter-spacing:1px}.lcd-panel{background:var(--an-lcd-bg);color:var(--an-lcd-fg);font-family:VT323,monospace;padding:4px 8px;display:inline-flex;align-items:center;gap:8px;border-radius:2px;box-shadow:inset 0 1px #00000040,inset 0 -1px #ffffff4d;position:relative}.lcd-panel:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(0deg,rgba(0,0,0,.04) 0 1px,transparent 1px 3px);pointer-events:none}.shutter-btn{width:76px;height:76px;border-radius:50%;background:var(--an-chrome);border:none;box-shadow:inset 0 2px #fff9,inset 0 -2px 4px #00000080,0 4px 12px #0009,0 0 0 4px #0a0a0a,0 0 0 6px #2a2826;cursor:pointer;position:relative;transition:transform .08s ease,box-shadow .08s ease}.shutter-btn:after{content:"";position:absolute;top:22%;right:22%;bottom:22%;left:22%;border-radius:50%;background:radial-gradient(circle at 35% 30%,#f5f3ef,#b0aeaa 60%,#6a6864);box-shadow:inset 0 -2px 4px #0006}.shutter-btn:active{transform:translateY(2px)}.shutter-btn[disabled]{opacity:.5;cursor:not-allowed}.shutter-cluster{position:relative;display:flex;align-items:center;justify-content:center}.settings-btn{position:absolute;left:calc(100% + 10px);top:50%;transform:translateY(-50%);width:30px;height:30px;border-radius:50%;background:linear-gradient(180deg,#2a2826,#141414);border:1px solid #3a3835;color:#b8b6b2;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:inset 0 1px #ffffff1a,0 2px 5px #0000008c;transition:color .15s ease,transform .08s ease}.settings-btn:hover{color:#f1c34a}.settings-btn:active{transform:translateY(-50%) scale(.94)}.mode-dial{width:64px;height:64px;border-radius:50%;background:radial-gradient(circle at 50% 50%,#1a1a1c 0 35%,transparent 36%),conic-gradient(from 0deg,#2a2826,#4a4845,#2a2826,#4a4845,#2a2826,#4a4845,#2a2826);box-shadow:inset 0 1px #ffffff26,inset 0 -2px 4px #00000080,0 2px 6px #0009;position:relative}.mode-dial:after{content:"";position:absolute;top:4px;left:50%;transform:translate(-50%);width:2px;height:8px;background:var(--an-red);border-radius:1px}.mode-knob{border:none;padding:0;cursor:pointer;transition:transform .25s cubic-bezier(.3,.7,.3,1.2),filter .15s ease}.mode-knob:active{filter:brightness(1.15)}.mode-dial-wrap.disabled .mode-knob{cursor:default}.mode-dial-wrap.disabled{opacity:.4;filter:grayscale(.7)}.mode-dial-label{max-width:64px;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pip{width:8px;height:8px;border-radius:50%;background:#2a2826;box-shadow:inset 0 1px 1px #0009}.pip.on{background:var(--an-hot-red);box-shadow:0 0 6px var(--an-hot-red)}.pip.amber{background:var(--an-amber);box-shadow:0 0 6px var(--an-amber)}.lbl{font-family:DM Mono,monospace;font-size:8px;letter-spacing:.15em;color:#888;text-transform:uppercase}.lbl.chrome{color:#d8d6d2}.brand{font-family:Inter,sans-serif;font-weight:700;letter-spacing:.12em;color:#d8d6d2;font-size:12px}.cam-switch{display:flex;flex-direction:column;align-items:center;gap:5px;z-index:6}.cam-switch.disabled{opacity:.3;pointer-events:none}.tog{position:relative;width:26px;height:46px;border-radius:13px;background:linear-gradient(180deg,#060606,#161618 55%,#232327);border:1px solid #050505;box-shadow:inset 0 2px 5px #000000d9,inset 0 -1px #ffffff12,0 1px #ffffff0d;cursor:pointer;padding:0}.tog .ind{position:absolute;top:5px;left:50%;transform:translate(-50%);width:6px;height:6px;border-radius:50%;background:#2a0c0c;box-shadow:inset 0 0 2px #000c}.tog.on .ind{background:var(--an-hot-red);box-shadow:0 0 6px var(--an-hot-red)}.tog .knob{position:absolute;left:50%;bottom:3px;transform:translate(-50%);width:20px;height:20px;border-radius:50%;background:radial-gradient(circle at 38% 30%,#eceae6,#b0aea9 55%,#5a5754);box-shadow:inset 0 1px #fff9,inset 0 -2px 3px #0006,0 2px 4px #000000b3;transition:bottom .2s cubic-bezier(.5,1.5,.5,1),box-shadow .2s ease}.tog.on .knob{bottom:23px;box-shadow:inset 0 1px #fff9,inset 0 -2px 3px #0006,0 2px 5px #000000b3,0 0 9px #ff2b2b80}.mech-toggle{font-family:DM Mono,monospace;font-size:8px;letter-spacing:.15em;text-transform:uppercase;color:#d8d6d2;background:linear-gradient(180deg,#2a2826,#1a1a1c);border:1px solid #3a3835;border-radius:3px;padding:4px 8px;cursor:pointer;box-shadow:inset 0 1px #ffffff14,0 1px 2px #0009}.dev-tray{position:absolute;left:50%;transform:translate(-50%);bottom:8px;display:flex;gap:6px;padding:6px 8px;background:#00000080;border-radius:6px;z-index:5}.dev-slot{width:28px;height:36px;background:#050505;border:1px solid #2a2826;position:relative;overflow:hidden}.cam-controls{position:relative;padding:14px 18px 22px;display:flex;align-items:center;justify-content:space-between;gap:12px}.leatherette{background-color:#161514;background-image:radial-gradient(circle at 20% 30%,rgba(255,255,255,.03) 0 2px,transparent 3px),radial-gradient(circle at 70% 60%,rgba(255,255,255,.025) 0 2px,transparent 3px),radial-gradient(circle at 40% 80%,rgba(255,255,255,.03) 0 2px,transparent 3px),radial-gradient(circle at 80% 20%,rgba(255,255,255,.025) 0 2px,transparent 3px);background-size:18px 18px,24px 24px,22px 22px,28px 28px}.chrome-strip{height:8px;background:var(--an-chrome);box-shadow:inset 0 1px #ffffffb3,inset 0 -1px #00000080}.darkroom-btn{width:48px;height:48px;border-radius:8px;background:linear-gradient(180deg,#2a2826,#1a1a1c);color:#d8d6d2;border:1px solid #3a3835;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 2px 6px #00000080,inset 0 1px #ffffff14;position:relative}.darkroom-btn .badge{position:absolute;top:-6px;right:-6px;min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:var(--an-hot-red);color:#fff;font-family:DM Mono,monospace;font-size:10px;font-weight:600;display:flex;align-items:center;justify-content:center;box-shadow:0 0 6px #ff2b2b99}.counter-window{width:56px;height:30px;background:#050505;border-radius:2px;box-shadow:inset 0 0 0 1px #1a1a1c,0 0 0 3px var(--an-chrome),0 2px 4px #0009;display:flex;align-items:center;justify-content:center;font-family:VT323,monospace;font-size:22px;color:var(--an-amber);text-shadow:0 0 4px rgba(241,195,74,.5);letter-spacing:1px}.end-roll{position:absolute;top:0;right:0;bottom:0;left:0;z-index:4;background:#000000b3;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;color:var(--an-amber);font-family:VT323,monospace}.back-btn{background:transparent;border:1px solid #5a2a30;color:#ffb0b0;padding:6px 14px;border-radius:4px;font-family:DM Mono,monospace;font-size:11px;letter-spacing:.1em;cursor:pointer}.develop-modal{position:absolute;top:0;right:0;bottom:0;left:0;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:30}.develop-stage{position:relative;width:78%}.develop-stage .print{width:100%}.develop-stage .print img{aspect-ratio:1}.dev-label{position:absolute;left:50%;transform:translate(-50%);bottom:-32px;font-family:VT323,monospace;font-size:18px;color:#ffb0b0;letter-spacing:.15em;white-space:nowrap}.dev-label .dots:after{content:"";display:inline-block;width:1.4em;text-align:left;animation:an-dots 1.2s steps(4,end) infinite}@keyframes an-dots{0%{content:""}25%{content:"."}50%{content:".."}75%{content:"..."}}.dev-polaroid{position:relative}.dev-polaroid .reveal{transition:filter .5s linear}.print{width:100px;background:#f5efe2;padding:8px 8px 22px;box-shadow:0 8px 20px #0009}.print img{display:block;width:100%;aspect-ratio:1;object-fit:cover;background:#222}.print-caption{font-family:VT323,monospace;font-size:12px;color:#5a4a40;text-align:center;margin-top:4px;letter-spacing:1px}.pile-room{position:absolute;top:0;right:0;bottom:0;left:0;z-index:60;display:flex;flex-direction:column;overflow:hidden;isolation:isolate}.desk-bg{position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(92deg,#0000 0,#0000 18px,#4628141a 18px,#4628141a 19px,#0000 19px,#0000 36px,#4628140f 36px,#4628140f 37px),linear-gradient(165deg,#7a5a3a,#5a3e22 60%,#3a2614);filter:saturate(.85)}.desk-bg:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.6' numOctaves='2'/><feColorMatrix values='0 0 0 0 .2  0 0 0 0 .1  0 0 0 0 .05  0 0 0 .35 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");mix-blend-mode:multiply;opacity:.55;pointer-events:none}.desk-light{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 65% 45% at 50% 35%,rgba(255,225,170,.3) 0%,rgba(255,200,130,.12) 35%,transparent 70%),radial-gradient(ellipse 120% 80% at 50% 0%,#0000 60%,#00000073);pointer-events:none;mix-blend-mode:screen}.pile-top{position:relative;z-index:5;padding:14px 16px 10px;display:flex;align-items:center;justify-content:space-between;background:linear-gradient(180deg,rgba(0,0,0,.35),transparent);color:#f5efe2}.back-btn.pile{border-color:#a08868;color:#f5efe2;background:#00000040}.archive-count{font-family:DM Mono,monospace;font-size:12px;letter-spacing:.15em;color:#f5efe2;background:#00000059;border:1px solid rgba(245,239,226,.3);padding:4px 10px;border-radius:12px}.pile-area{position:relative;flex:1 1 auto;min-height:0}.pile-card{position:absolute}.pile-card .print{width:240px;background:#f8f3e6;position:relative;box-shadow:0 16px 28px #0000008c,0 4px 8px #0006,inset 0 0 0 1px #0000000d}.pile-card .print img{-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.rolls-index{position:relative;z-index:5;flex:1 1 auto;min-height:0;overflow-y:auto;padding:12px 16px 24px;display:flex;flex-direction:column;gap:12px;-webkit-overflow-scrolling:touch}.roll-card{display:flex;align-items:center;gap:14px;width:100%;padding:12px;background:#140e09d1;border:1px solid rgba(160,120,80,.3);border-radius:12px;cursor:pointer;text-align:left;box-shadow:0 10px 24px #00000073;transition:transform .08s ease,border-color .15s ease}.roll-card:hover:not(:disabled){border-color:#c8a06e8c}.roll-card:active:not(:disabled){transform:translateY(1px)}.roll-card:disabled{opacity:.6;cursor:default}.roll-cover{width:64px;height:64px;flex-shrink:0;border-radius:8px;overflow:hidden;background:#0a0604;border:1px solid rgba(160,120,80,.25);display:flex;align-items:center;justify-content:center}.roll-cover img{width:100%;height:100%;object-fit:cover}.roll-cover-empty{font-family:DM Mono,monospace;font-size:9px;letter-spacing:.12em;color:#6a543a}.roll-meta{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:3px}.roll-title{font-family:VT323,monospace;font-size:22px;letter-spacing:.1em;color:#f0e6d6;line-height:1}.roll-status{display:inline-block;align-self:flex-start;font-family:DM Mono,monospace;font-size:9px;letter-spacing:.14em;padding:2px 7px;border-radius:8px}.roll-status.open{color:#f1c34a;background:#785c2a4d;border:1px solid rgba(241,195,74,.4)}.roll-status.closed{color:#b89a78;background:#a0785029;border:1px solid rgba(160,120,80,.35)}.roll-sub{font-family:DM Mono,monospace;font-size:10px;letter-spacing:.06em;color:#a0855f}.roll-arrow{color:#8a6a48;font-size:22px;line-height:1;flex-shrink:0}.empty-state{position:absolute;left:50%;top:45%;transform:translate(-50%,-50%);text-align:center}.empty-title{font-family:VT323,monospace;font-size:32px;letter-spacing:.25em;color:#f5efe2;text-shadow:0 2px 8px rgba(0,0,0,.6)}.empty-sub{font-family:DM Mono,monospace;font-size:11px;letter-spacing:.15em;color:#c8b896;margin-top:10px;white-space:pre-line;line-height:1.6}.pile-hint{position:relative;z-index:5;padding:12px 16px 18px;background:linear-gradient(0deg,rgba(0,0,0,.45),transparent)}.nav-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.nav-arrow{width:44px;height:44px;border-radius:50%;background:#0006;border:1px solid rgba(245,239,226,.35);color:#f5efe2;font-family:Inter,sans-serif;font-size:22px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s ease,transform .08s ease}.nav-arrow:hover:not([disabled]){background:#0009}.nav-arrow:active:not([disabled]){transform:translateY(1px)}.nav-arrow[disabled]{opacity:.3;cursor:default}.hint.center{flex:1;text-align:center;color:#f5efe280;font-family:DM Mono,monospace;font-size:10px;letter-spacing:.18em}.tear-btn{display:block;width:100%;margin-top:12px;padding:9px 12px;background:#280c0880;border:1px solid rgba(200,90,70,.45);border-radius:10px;color:#e8a597;font-family:DM Mono,monospace;font-size:11px;letter-spacing:.18em;cursor:pointer;transition:background .15s ease,border-color .15s ease}.tear-btn:hover:not([disabled]){background:#46120c99;border-color:#dc6450b3}.tear-btn:active:not([disabled]){transform:translateY(1px)}.tear-btn[disabled]{opacity:.3;cursor:default}.back-btn.pile.tear{border-color:#c85a468c;color:#e8a597}.tear-confirm{position:absolute;top:0;right:0;bottom:0;left:0;z-index:220;background:#080402b8;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:flex;align-items:center;justify-content:center;padding:24px}.tear-dialog{width:min(320px,90%);background:#16100a;border:1px solid rgba(200,90,70,.45);border-radius:14px;padding:22px 20px;box-shadow:0 20px 50px #0009;text-align:center}.tear-dialog-title{font-family:VT323,monospace;font-size:26px;letter-spacing:.12em;color:#f5efe2}.tear-dialog-sub{font-family:DM Mono,monospace;font-size:10px;letter-spacing:.14em;color:#c8896f;margin-top:8px;line-height:1.5}.tear-dialog-row{display:flex;gap:10px;margin-top:20px}.tear-dialog-btn{flex:1;padding:11px 12px;border-radius:10px;cursor:pointer;font-family:DM Mono,monospace;font-size:12px;letter-spacing:.16em;transition:background .15s ease,transform .08s ease}.tear-dialog-btn:active{transform:translateY(1px)}.tear-dialog-btn.cancel{background:#f5efe214;border:1px solid rgba(245,239,226,.25);color:#f5efe2}.tear-dialog-btn.cancel:hover{background:#f5efe226}.tear-dialog-btn.destruct{background:#96281ce6;border:1px solid rgba(220,100,80,.8);color:#fff}.tear-dialog-btn.destruct:hover{background:#b43222}.zoomview{position:absolute;top:0;right:0;bottom:0;left:0;z-index:200;background:radial-gradient(ellipse at 50% 40%,#1a0e06,#0a0604 80%);display:flex;flex-direction:column}.zoomview-top{display:flex;flex-direction:column;gap:10px;padding:calc(14px + env(safe-area-inset-top,0px)) 16px 14px;background:linear-gradient(180deg,rgba(0,0,0,.6),transparent)}.zoomview-actions{display:flex;align-items:center;justify-content:space-between;gap:10px}.zoomview-meta{display:flex;flex-direction:column;align-items:flex-start;gap:4px}.zoomview-meta-line{font-size:12px;line-height:1.5;letter-spacing:.14em;color:#c8b48f}.zoomview-meta-sub{font-size:10px;line-height:1.5;letter-spacing:.08em;color:#a09080bf}.zoomview-stage{flex:1 1 auto;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;touch-action:none;cursor:zoom-in}.zoomview-stage.zoomed{cursor:grab}.zoomview-img{max-width:100%;max-height:100%;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;will-change:transform;transform-origin:center center}.zoomview-hint{text-align:center;padding:10px 16px 18px;font-size:9px;letter-spacing:.18em;text-transform:uppercase;color:#f5efe280;background:linear-gradient(0deg,rgba(0,0,0,.5),transparent)}.back-btn.pile.info-on{border-color:#f1c34a;color:#f1c34a;background:#f1c34a1f}.zoom-info{position:absolute;top:0;right:0;bottom:0;left:0;z-index:210;display:flex;align-items:center;justify-content:center;padding:18px;background:#080402b8;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.zoom-info-card{width:min(440px,100%);max-height:78vh;overflow-y:auto;background:linear-gradient(180deg,#16100a,#0d0907);border:1px solid rgba(160,120,80,.35);border-radius:14px;padding:16px 18px 20px;box-shadow:0 20px 50px #0009;-webkit-overflow-scrolling:touch}.zoom-info-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.zoom-info-title{font-family:VT323,monospace;font-size:20px;letter-spacing:.14em;color:#f0e6d6}.zoom-info-close{background:transparent;border:none;color:#a0855f;font-size:18px;cursor:pointer;line-height:1;padding:4px}.zoom-info-label{font-family:DM Mono,monospace;font-size:9px;letter-spacing:.2em;color:#8a6a48;text-transform:uppercase;margin:14px 0 5px}.zoom-info-text{font-family:DM Mono,monospace;font-size:12px;line-height:1.55;color:#d8c8ac;letter-spacing:.01em;white-space:pre-wrap;word-break:break-word;user-select:text;-webkit-user-select:text;background:#0000004d;border-radius:8px;padding:10px 12px}.zoom-info-note{font-family:DM Mono,monospace;font-size:12px;line-height:1.5;color:#a0855f;padding:8px 2px}.mono{font-family:DM Mono,monospace;letter-spacing:.02em}button{-webkit-tap-highlight-color:transparent}.guard-block{position:absolute;top:0;right:0;bottom:0;left:0;z-index:60;display:flex;align-items:center;justify-content:center;background:#0000008c;animation:an-guard-in .18s ease-out;pointer-events:none}.guard-block-inner{max-width:78%;padding:18px 22px;background:linear-gradient(180deg,#2a0c0c,#1a0606);border:1px solid var(--an-hot-red);border-radius:6px;box-shadow:0 12px 32px #0009,0 0 16px #ff2b2b40;text-align:center}.guard-block-title{font-family:VT323,monospace;font-size:22px;color:var(--an-hot-red);letter-spacing:.25em;margin-bottom:8px}.guard-block-text{font-family:DM Mono,monospace;font-size:11px;line-height:1.45;color:#f5dada;letter-spacing:.04em}@keyframes an-guard-in{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.develop-error{position:absolute;top:0;right:0;bottom:0;left:0;z-index:210;display:flex;align-items:center;justify-content:center;padding:24px;background:#080402b8;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);animation:an-guard-in .18s ease-out}.develop-error-box{width:min(340px,92%);padding:22px 20px;background:linear-gradient(180deg,#2a0c0c,#160606);border:1px solid var(--an-hot-red);border-radius:12px;box-shadow:0 20px 50px #0009,0 0 16px #ff2b2b33;text-align:center}.develop-error-title{font-family:VT323,monospace;font-size:26px;color:var(--an-hot-red);letter-spacing:.18em}.develop-error-frame{font-family:DM Mono,monospace;font-size:10px;letter-spacing:.16em;color:#e8a597;margin-top:4px}.develop-error-msg{font-family:DM Mono,monospace;font-size:12px;line-height:1.5;color:#f5dada;letter-spacing:.03em;margin-top:14px}.develop-error-detail{font-family:DM Mono,monospace;font-size:9px;line-height:1.45;color:#f5dada8c;letter-spacing:.02em;margin-top:12px;max-height:96px;overflow-y:auto;word-break:break-word;background:#00000059;border-radius:6px;padding:8px 10px;text-align:left}.develop-error-btn{margin-top:18px;padding:10px 16px;width:100%;background:#96281ce6;border:1px solid rgba(220,100,80,.8);color:#fff;border-radius:10px;cursor:pointer;font-family:DM Mono,monospace;font-size:12px;letter-spacing:.16em;transition:background .15s ease,transform .08s ease}.develop-error-btn:hover{background:#b43222}.develop-error-btn:active{transform:translateY(1px)}.update-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:300;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:16px}.update-modal{width:min(88%,340px);padding:26px 22px 22px;background:linear-gradient(180deg,#1a1a1c,#0d0d0d);border:1px solid #2a2826;border-radius:10px;box-shadow:0 24px 60px #000000b3,inset 0 1px #ffffff0d;text-align:center}.update-modal-title{font-family:VT323,monospace;font-size:22px;color:var(--an-amber);letter-spacing:.2em;margin:4px 0 10px}.update-modal-text{font-family:DM Mono,monospace;font-size:11px;line-height:1.5;color:#f5efe2b3;letter-spacing:.04em;margin-bottom:18px}.update-modal-btn{width:100%;padding:11px 0;background:var(--an-chrome);border:none;border-radius:4px;font-family:DM Mono,monospace;font-size:12px;letter-spacing:.18em;color:#14110d;cursor:pointer;box-shadow:inset 0 1px #ffffff80,0 2px 6px #00000080}.update-modal-btn[disabled]{opacity:.6;cursor:wait}.login-screen{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at 50% 30%,#1a1a1c,#050505 75%)}.login-card{display:flex;flex-direction:column;align-items:center;padding:32px 28px;background:linear-gradient(180deg,#1a1a1c,#0d0d0d);border:1px solid #2a2826;border-radius:10px;box-shadow:0 20px 50px #0009,inset 0 1px #ffffff0d;width:min(86%,320px)}.login-form{display:flex;flex-direction:column;gap:10px;width:100%}.login-input{background:#050505;border:1px solid #2a2826;border-radius:4px;color:#e8e6e2;font-family:DM Mono,monospace;font-size:13px;padding:11px 12px;letter-spacing:.04em;outline:none}.login-input:focus{border-color:#5a5754}.login-btn{margin-top:4px;padding:11px 0;background:var(--an-chrome);border:none;border-radius:4px;font-family:DM Mono,monospace;font-size:12px;letter-spacing:.18em;color:#14110d;cursor:pointer;box-shadow:inset 0 1px #ffffff80,0 2px 6px #00000080}.login-btn[disabled]{opacity:.6;cursor:wait}.login-error{font-family:DM Mono,monospace;font-size:10px;letter-spacing:.06em;color:#ff7a7a;text-align:center;margin-top:2px}.login-spinner{width:26px;height:26px;border:1px solid #2a2826;border-top-color:#d8d6d2;border-radius:50%;animation:an-spin 1.1s linear infinite}@keyframes an-spin{to{transform:rotate(360deg)}}.settings-panel{position:absolute;top:0;right:0;bottom:0;left:0;z-index:60;display:flex;flex-direction:column;overflow:hidden;isolation:isolate}.settings-scroll{position:relative;z-index:5;flex:1 1 auto;min-height:0;overflow-y:auto;padding:8px 18px 28px;-webkit-overflow-scrolling:touch}.settings-section-title{font-family:DM Mono,monospace;font-size:10px;letter-spacing:.22em;color:#8a6a48;margin:20px 4px 8px;text-transform:uppercase}.settings-card{background:#140e09c7;border:1px solid rgba(160,120,80,.28);border-radius:12px;overflow:hidden;box-shadow:0 10px 26px #00000073}.settings-row{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;padding:13px 15px;text-align:left;border-bottom:1px solid rgba(160,120,80,.16);background:transparent}.settings-card .settings-row:last-child{border-bottom:none}button.settings-row{cursor:pointer;transition:background .15s ease;font:inherit}button.settings-row:hover{background:#f5efe20d}button.settings-row:active{background:#f5efe217}.settings-row-label{font-family:DM Mono,monospace;font-size:13px;letter-spacing:.04em;color:#f0e6d6}.settings-row.danger .settings-row-label{color:#e8a597}.settings-row-value{font-family:DM Mono,monospace;font-size:12px;letter-spacing:.06em;color:#b89a78;text-align:right;max-width:60%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.settings-row-arrow{color:#8a6a48;font-size:18px;line-height:1}.settings-switch{flex-shrink:0;min-width:44px;text-align:center;font-family:DM Mono,monospace;font-size:11px;letter-spacing:.12em;padding:4px 10px;border-radius:10px;color:#b89a78;background:#a0785029;border:1px solid rgba(160,120,80,.35);transition:color .15s ease,background .15s ease,border-color .15s ease}.settings-switch.on{color:#6fe3a0;background:#28784847;border-color:#6fe3a073}.settings-row-hint{font-family:DM Mono,monospace;font-size:9px;letter-spacing:.08em;color:#8a6a48;margin-top:1px}button.settings-row.disabled,button.settings-row:disabled{cursor:default;opacity:.55}button.settings-row.disabled:hover,button.settings-row:disabled:hover{background:transparent}.settings-footnote{font-family:DM Mono,monospace;font-size:9px;letter-spacing:.12em;color:#a07850b3;text-align:center;line-height:1.7;margin:26px 8px 0;white-space:pre-line;text-transform:uppercase}