*{box-sizing:border-box;margin:0;padding:0}html,body{color:#f3efe6;overscroll-behavior:none;-webkit-font-smoothing:antialiased;background:#0b0f0c;height:100%;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;overflow:hidden}.stage{--accent:#f0b4c4;position:fixed;inset:0;overflow:hidden}.stage video,.stage canvas{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.stage video{transform:scaleX(-1)}.start{text-align:center;place-content:center;justify-items:center;gap:14px;padding:32px 28px;display:grid;position:absolute;inset:0}.start-icon{border-radius:50%;place-items:center;width:64px;height:64px;margin-bottom:2px;display:grid}.start-icon img{width:32px;height:32px}.start h1{letter-spacing:-.015em;font-size:30px;font-weight:500}.start p{opacity:.72;text-wrap:balance;max-width:62ch;font-size:14.5px;line-height:1.6}.start .fineprint{opacity:.42;margin-top:2px;font-size:12.5px}.primary{color:inherit;font:inherit;cursor:pointer;background:0 0;border:1px solid #f3efe652;border-radius:999px;margin-top:6px;padding:13px 30px;font-size:15px;transition:background .16s,border-color .16s}.primary:hover:not(:disabled){background:#f3efe61a;border-color:#f3efe68c}.primary:disabled{opacity:.55;cursor:default}.primary:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.error{color:#f0a5a5;max-width:36ch;font-size:13.5px}.wands{top:max(18px, env(safe-area-inset-top));-webkit-backdrop-filter:blur(14px);z-index:3;background:#0b0f0c80;border:1px solid #f3efe61f;border-radius:999px;gap:10px;padding:8px;display:flex;position:absolute;left:50%;transform:translate(-50%)}.wand{opacity:.5;--wand-accent:#f3efe6;border:1.5px solid #0000;border-radius:50%;place-items:center;width:46px;height:46px;text-decoration:none;transition:opacity .16s,border-color .16s,background .16s;display:grid}.wand img{pointer-events:none;width:24px;height:24px}.wand:hover{opacity:.85}.wand.active{opacity:1;border-color:var(--wand-accent);background:color-mix(in srgb, var(--wand-accent) 16%, transparent)}.wand:focus-visible{outline:2px solid var(--wand-accent);outline-offset:2px}.hud{left:50%;bottom:calc(150px + env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(10px);letter-spacing:.01em;white-space:nowrap;pointer-events:none;z-index:2;background:#0b0f0c80;border:1px solid #f3efe61f;border-radius:999px;padding:9px 18px;font-size:13px;position:absolute;transform:translate(-50%)}.camera-bar{padding:12px 0 calc(20px + env(safe-area-inset-bottom));z-index:3;background:linear-gradient(#0000,#080a098c);justify-items:center;gap:12px;display:grid;position:absolute;bottom:0;left:0;right:0}.modes{-webkit-backdrop-filter:blur(10px);background:#0b0f0c73;border-radius:999px;gap:4px;padding:4px;display:flex}.modes button{color:#f3efe699;font:inherit;letter-spacing:.09em;cursor:pointer;background:0 0;border:0;border-radius:999px;padding:6px 16px;font-size:11px;font-weight:600;transition:color .14s,background .14s}.modes button.on{color:#0b0f0c;background:var(--accent)}.modes button:disabled{opacity:.4;cursor:default}.modes button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.shutter{cursor:pointer;background:0 0;border:3px solid #f3efe6e6;border-radius:50%;place-items:center;width:70px;height:70px;padding:0;display:grid}.shutter .inner{background:#f3efe6;border-radius:50%;width:56px;height:56px;transition:width .18s,height .18s,border-radius .18s,background .18s;display:block}.shutter.video .inner{background:#ff4b4b}.shutter.recording .inner{background:#ff4b4b;border-radius:6px;width:26px;height:26px}.shutter:active .inner{opacity:.7}.shutter:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.rec{top:max(18px, env(safe-area-inset-top));-webkit-backdrop-filter:blur(10px);font-variant-numeric:tabular-nums;z-index:3;background:#0b0f0c8c;border-radius:999px;align-items:center;gap:7px;padding:7px 13px;font-size:13px;display:flex;position:absolute;right:18px}.rec .dot{background:#ff4b4b;border-radius:50%;width:9px;height:9px;animation:1.4s ease-in-out infinite pulse}@keyframes pulse{50%{opacity:.25}}.toast{-webkit-backdrop-filter:blur(10px);border:1px solid var(--accent);letter-spacing:.04em;pointer-events:none;z-index:3;background:#0b0f0c99;border-radius:999px;padding:8px 18px;font-size:14px;animation:.24s rise;position:absolute;top:96px;left:50%;transform:translate(-50%)}@keyframes rise{0%{opacity:0;transform:translate(-50%,8px)}}.flash{z-index:5;pointer-events:none;background:#fff;animation:.18s ease-out flash;position:absolute;inset:0}@keyframes flash{0%{opacity:.85}to{opacity:0}}@media (max-width:480px){.wand{width:42px;height:42px}.wand img{width:21px;height:21px}.wands{gap:7px;padding:6px}.hud{white-space:normal;text-align:center;max-width:calc(100vw - 32px);padding:8px 14px;font-size:12px}.shutter{width:64px;height:64px}.shutter .inner{width:51px;height:51px}.start h1{font-size:26px}}@media (prefers-reduced-motion:reduce){.rec .dot,.toast{animation:none}.flash{animation-duration:60ms}.shutter .inner{transition:none}}.dex-badge{top:max(18px, env(safe-area-inset-top));-webkit-backdrop-filter:blur(10px);color:#f3efe6;font:inherit;font-variant-numeric:tabular-nums;cursor:pointer;z-index:3;background:#0b0f0c8c;border:1px solid #f3efe629;border-radius:999px;align-items:center;gap:7px;padding:7px 14px 7px 8px;font-size:14px;display:flex;position:absolute;left:18px}.dex-badge img{width:24px;height:24px}.dex-badge:active{transform:scale(.96)}.dex-badge:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.dex-sheet{z-index:6;-webkit-backdrop-filter:blur(6px);background:#080a09b8;place-items:center;padding:24px;animation:.18s fade;display:grid;position:absolute;inset:0}@keyframes fade{0%{opacity:0}}.dex-panel{background:#141916f5;border:1px solid #f3efe624;border-radius:22px;width:min(420px,100%);max-height:76vh;padding:24px;animation:.22s rise;overflow-y:auto}.dex-panel header{text-align:center;margin-bottom:18px}.dex-panel h2{font-size:21px;font-weight:500}.dex-panel header p{opacity:.6;margin-top:4px;font-size:13px}.dex-empty{text-align:center;opacity:.55;padding:20px 0;font-size:14px;line-height:1.6}.dex-list{gap:2px;list-style:none;display:grid}.dex-list li{background:#f3efe60d;border-radius:12px;justify-content:space-between;align-items:center;padding:11px 14px;font-size:15px;display:flex}.dex-count{opacity:.55;font-variant-numeric:tabular-nums}.dex-close{width:100%;margin-top:18px}@media (max-width:480px){.dex-badge{padding:6px 12px 6px 7px;font-size:13px}.dex-badge img{width:21px;height:21px}}.dex-grid{grid-template-columns:repeat(4,1fr);gap:8px;list-style:none;display:grid}.dex-cell{background:#f3efe60d;border:1px solid #0000;border-radius:14px;justify-items:center;gap:2px;padding:10px 4px 8px;display:grid}.dex-cell.found{background:color-mix(in srgb, var(--accent) 12%, transparent);border-color:color-mix(in srgb, var(--accent) 34%, transparent)}.dex-art{place-items:center;width:52px;height:52px;display:grid;position:relative}.dex-art img{object-fit:contain;width:100%;height:100%}.dex-cell:not(.found) .dex-art img{filter:brightness(0);opacity:.26}.dex-x{background:var(--accent);color:#0b0f0c;font-variant-numeric:tabular-nums;border-radius:999px;padding:1px 5px;font-size:10px;font-weight:700;position:absolute;bottom:-2px;right:-2px}.dex-num{opacity:.4;font-variant-numeric:tabular-nums;letter-spacing:.04em;font-size:10px}.dex-name{text-align:center;opacity:.85;overflow-wrap:anywhere;font-size:10.5px;line-height:1.25}.dex-cell:not(.found) .dex-name{opacity:.35}@media (max-width:380px){.dex-grid{grid-template-columns:repeat(3,1fr)}}