:root{color:#f7faf8;font-synthesis:none;letter-spacing:0;background:#050706;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#app,#scene{width:100%;height:100%}html,body{background:#050706;margin:0;overflow:hidden}button,input{font:inherit}#app{isolation:isolate;min-height:100dvh;position:relative}#scene canvas{touch-action:none;width:100%;height:100%;display:block}.vignette{pointer-events:none;z-index:2;background:radial-gradient(circle at 50% 46%,#0000 20%,#00000038 64%,#000000b8 100%);position:absolute;inset:0}.status{top:max(14vh, env(safe-area-inset-top));z-index:4;text-align:center;pointer-events:none;width:min(88vw,460px);transition:opacity .24s,transform .24s;position:absolute;left:50%;transform:translate(-50%)}.status strong{font-size:clamp(18px,3.8vw,28px);font-weight:720;display:block}.status span{color:#ebf1ee94;margin-top:7px;font-size:12px;display:block}.status.hidden{opacity:0;transform:translate(-50%,-8px)}.status[data-mode=tear]{top:39vh}.status[data-mode=reveal],.status[data-mode=complete]{top:auto;bottom:max(7vh, calc(env(safe-area-inset-bottom) + 48px))}.progress{left:50%;bottom:max(13vh, calc(env(safe-area-inset-bottom) + 64px));z-index:4;opacity:0;background:#ffffff1f;width:min(62vw,280px);height:3px;transition:opacity .2s;display:none;position:absolute;overflow:hidden;transform:translate(-50%)}.progress.visible{opacity:1}.progress i{transform-origin:0;background:#54f6bf;width:100%;height:100%;display:block;transform:scaleX(0)}.reset{top:max(18px, env(safe-area-inset-top));z-index:6;color:#ffffffd1;cursor:pointer;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#090d0bb8;border:1px solid #ffffff2e;border-radius:6px;place-items:center;width:40px;height:40px;padding:0;display:grid;position:absolute;right:18px}.reset:hover{color:#fff;border-color:#ffffff6b}.utility-links{top:max(18px, env(safe-area-inset-top));z-index:6;gap:8px;display:flex;position:absolute;left:18px}.utility-links a{color:#ffffffc7;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#090d0bb8;border:1px solid #ffffff29;border-radius:6px;align-items:center;min-height:40px;padding:0 11px 0 8px;text-decoration:none;display:flex}.utility-links a:hover{color:#fff;border-color:#ffffff6b}.utility-links span{place-items:center;width:24px;height:24px;font-size:16px;font-weight:800;display:grid}.utility-links b{font-size:11px;font-weight:650}.settings{right:18px;bottom:max(18px, env(safe-area-inset-bottom));z-index:6;color:#ffffffb8;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#090d0bb8;border:1px solid #ffffff24;border-radius:6px;gap:14px;padding:10px 12px;display:flex;position:absolute}.settings label{cursor:pointer;align-items:center;gap:7px;font-size:11px;display:flex}.settings input{accent-color:#54f6bf;width:14px;height:14px;margin:0}.theme-picker{left:18px;bottom:max(18px, env(safe-area-inset-bottom));z-index:6;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#090d0bb8;border:1px solid #ffffff24;border-radius:6px;gap:9px;padding:9px;display:flex;position:absolute}.theme-swatch{cursor:pointer;border:1px solid #ffffff40;border-radius:50%;width:24px;height:24px;padding:0;box-shadow:inset 0 0 0 3px #00000047}.theme-swatch.blue{background:#3788ff}.theme-swatch.orange{background:#ff6d24}.theme-swatch.gold{background:#ffd462}.theme-swatch.red{background:#ff334e}.theme-swatch.active{outline-offset:2px;outline:2px solid #fff}.loading{z-index:10;color:#ffffffa3;text-align:center;background:#050706;place-content:center;gap:14px;transition:opacity .45s,visibility .45s;display:grid;position:absolute;inset:0}.loading.hide{opacity:0;visibility:hidden}.loading span{border:2px solid #ffffff29;border-top-color:#54f6bf;border-radius:50%;width:30px;height:30px;margin:auto;animation:.8s linear infinite spin}.loading b{font-size:11px;font-weight:600}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=520px){.settings{right:12px;bottom:max(12px, env(safe-area-inset-bottom))}.theme-picker{left:12px;bottom:max(12px, env(safe-area-inset-bottom))}.reset{top:max(12px, env(safe-area-inset-top));right:12px}.utility-links{top:max(12px, env(safe-area-inset-top));gap:6px;left:12px}.utility-links a{min-height:40px;padding:0 8px 0 6px}.utility-links span{width:20px}.utility-links b{font-size:10px}.status{top:max(14vh, calc(env(safe-area-inset-top) + 56px))}.status[data-mode=tear]{top:39vh}.status[data-mode=reveal],.status[data-mode=complete]{top:auto;bottom:max(7vh, calc(env(safe-area-inset-bottom) + 48px))}}@media (prefers-reduced-motion:reduce){.status,.progress,.loading{transition:none}}