:root{--frost: #DFE8F2;--navy: #0A1118;--navy-deep: #0E1720;--bg-card: #23313E;--body-dark: #404F5E;--blue-100: #D6E8FB;--blue-600: #0064D6;--midnight-blue: #0000FE;--midnight-black: #0A0A0A;--polaroid: #F4EFE6;--polaroid-edge: #E8E1D3;--ink: #1a1410}*{box-sizing:border-box}html,body,#root{margin:0;padding:0;width:100%;height:100%;background:var(--navy-deep);font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;color:var(--navy);-webkit-font-smoothing:antialiased;font-feature-settings:"ss01","cv11"}body{overflow:hidden}button{font-family:inherit}.app-shell{position:relative;width:100vw;height:100vh;height:100dvh;overflow:hidden}.screen{position:absolute;inset:0;display:flex;flex-direction:column;overflow:hidden;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom)}.screen.scrollable{overflow-y:auto}.screen.scrollable::-webkit-scrollbar{display:none}.mono{font-family:JetBrains Mono,monospace}.tracked{letter-spacing:.14em;text-transform:uppercase}.tight{letter-spacing:-.02em}.btn-primary{appearance:none;border:none;background:var(--navy);color:#fff;padding:16px 24px;border-radius:100px;font-family:inherit;font-weight:500;font-size:15px;letter-spacing:-.01em;cursor:pointer;transition:transform .15s ease,background .15s ease,opacity .15s ease;width:100%}.btn-primary:active{transform:scale(.98)}.btn-primary:hover{background:#000}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-ghost{appearance:none;border:1px solid rgba(10,17,24,.15);background:transparent;color:var(--navy);padding:14px 20px;border-radius:100px;font-family:inherit;font-weight:500;font-size:14px;cursor:pointer;width:100%}.btn-ghost:hover{background:#0a11180a}.btn-ghost:disabled{opacity:.4;cursor:not-allowed}.polaroid{background:var(--polaroid);border-radius:4px;padding:14px 14px 56px;box-shadow:0 1px #ffffff80 inset,0 0 0 1px #0000000a,0 24px 40px -16px #00000073,0 4px 12px #0000002e;position:relative;user-select:none}.polaroid-window{background:#0a0a0a;aspect-ratio:1 / 1;position:relative;overflow:hidden;border-radius:1px}.polaroid-corner-tl{position:absolute;top:6px;left:6px;z-index:2}.polaroid-corner-tr{position:absolute;top:6px;right:6px;z-index:2}.grain:after{content:"";position:absolute;inset:0;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='200' height='200'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.18 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");mix-blend-mode:overlay;opacity:.35;pointer-events:none}.viewfinder{position:absolute;inset:0;background:linear-gradient(135deg,#1a1f2a,#0a0d12);overflow:hidden}.viewfinder video,.viewfinder canvas{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.bracket{position:absolute;width:24px;height:24px;border:1.5px solid rgba(255,255,255,.7)}.bracket.tl{top:24px;left:24px;border-right:none;border-bottom:none}.bracket.tr{top:24px;right:24px;border-left:none;border-bottom:none}.bracket.bl{bottom:24px;left:24px;border-right:none;border-top:none}.bracket.br{bottom:24px;right:24px;border-left:none;border-top:none}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes pulse-mint{0%,to{opacity:.4;transform:scale(1)}50%{opacity:1;transform:scale(1.05)}}@keyframes flash{0%{opacity:0}20%{opacity:1}to{opacity:0}}@keyframes develop{0%{filter:brightness(.05) contrast(.5) saturate(0)}20%{filter:brightness(.15) contrast(.7) saturate(.2)}60%{filter:brightness(.7) contrast(.95) saturate(.7)}to{filter:brightness(1) contrast(1) saturate(1)}}@keyframes shake{0%,to{transform:rotate(-2deg)}25%{transform:rotate(2deg) translateY(-4px)}50%{transform:rotate(-1deg)}75%{transform:rotate(1deg) translateY(-2px)}}@keyframes float-a{0%,to{transform:rotate(-8deg) translate(-40px)}50%{transform:rotate(-9.5deg) translate(-42px,-6px)}}@keyframes float-b{0%,to{transform:rotate(6deg) translate(38px,8px)}50%{transform:rotate(7.5deg) translate(40px,2px)}}@keyframes float-c{0%,to{transform:rotate(-2deg) translate(0)}50%{transform:rotate(-2.5deg) translateY(-10px)}}@keyframes shake-x{0%,to{transform:translate(0)}20%{transform:translate(-8px)}40%{transform:translate(8px)}60%{transform:translate(-6px)}80%{transform:translate(6px)}}@keyframes rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.fade-in{animation:fadeIn .4s ease both}.rise{animation:rise .6s cubic-bezier(.2,.8,.2,1) both}.shake-x{animation:shake-x .45s ease both}.develop-anim{animation:develop 2.4s ease-out forwards}.pill{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:100px;font-family:JetBrains Mono,monospace;font-size:10px;letter-spacing:.12em;text-transform:uppercase}.pill-light{background:#ffffff14;color:#ffffffd9;border:1px solid rgba(255,255,255,.1)}.pill-frost{background:var(--frost);color:var(--navy)}.pill-mint{background:var(--navy);color:#fff}.lock-dot{width:6px;height:6px;border-radius:50%;background:#4ade80;box-shadow:0 0 8px #4ade8099;animation:pulse-mint 2s ease-in-out infinite}.shutter{width:76px;height:76px;border-radius:50%;background:#fff;border:4px solid rgba(255,255,255,.4);box-shadow:0 0 0 3px #fffffff2;cursor:pointer;transition:transform .1s ease;appearance:none;padding:0}.shutter:active{transform:scale(.92)}.shutter:disabled{opacity:.6}.flash{position:absolute;inset:0;background:#fff;pointer-events:none;opacity:0;z-index:100}.flash.active{animation:flash .5s ease-out}.thread{position:absolute;left:50%;top:0;bottom:0;width:1px;background:linear-gradient(to bottom,transparent 0%,rgba(10,17,24,.12) 8%,rgba(10,17,24,.12) 92%,transparent 100%);transform:translate(-.5px);pointer-events:none}.toast{position:absolute;left:50%;bottom:calc(env(safe-area-inset-bottom) + 24px);transform:translate(-50%);background:#0a1118eb;color:#fff;padding:10px 16px;border-radius:100px;font-size:12px;font-family:JetBrains Mono,monospace;letter-spacing:.04em;z-index:200}