:root{color-scheme:dark;--ink: #f3f1ec;--glass: rgba(14, 17, 21, .72);--line: rgba(255, 255, 255, .14);--font: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", Roboto, Inter, sans-serif}*{box-sizing:border-box}html,body,#root{margin:0;height:100%;background:#0d0f12;color:var(--ink);font:14px/1.4 var(--font);overflow:hidden;overscroll-behavior:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.t-app{position:fixed;inset:0}.t-canvas{position:absolute;inset:0;touch-action:none}.t-mark{position:fixed;z-index:30;top:max(14px,env(safe-area-inset-top));left:max(14px,env(safe-area-inset-left));display:flex;align-items:center;gap:8px;opacity:.7;pointer-events:none;font:600 12px/1 var(--font);letter-spacing:.18em;text-shadow:0 1px 6px rgba(0,0,0,.5)}.t-mark svg{width:20px;height:20px}.t-loading{position:fixed;inset:0;z-index:50;display:grid;place-content:center;justify-items:center;gap:14px;background:#0d0f12}.t-loading .t-mark{position:static;opacity:1}.t-loading p{margin:0;color:#a9a59c}.t-time{position:fixed;z-index:20;top:max(12px,env(safe-area-inset-top));right:max(12px,env(safe-area-inset-right));display:flex;padding:3px;gap:3px;border:1px solid var(--line);border-radius:999px;background:var(--glass);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.t-time button{min-width:64px;height:36px;border:0;border-radius:999px;background:transparent;color:var(--ink);font:600 13px/1 var(--font);cursor:pointer}.t-time button[aria-pressed=true]{background:var(--ink);color:#111}.t-finishes{position:fixed;z-index:20;left:50%;bottom:calc(max(14px,env(safe-area-inset-bottom)) + 62px);transform:translate(-50%);display:flex;gap:18px;padding:10px 14px;border:1px solid var(--line);border-radius:16px;background:var(--glass);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.t-row{display:flex;align-items:center;gap:8px}.t-row span{font:600 11px/1 var(--font);letter-spacing:.12em;text-transform:uppercase;color:#bdb8ae;margin-right:2px}.t-chip{width:34px;height:34px;border-radius:50%;border:2px solid rgba(255,255,255,.25);cursor:pointer;padding:0}.t-chip[aria-pressed=true]{border-color:var(--ink);box-shadow:0 0 0 3px #f3f1ec47}.t-cta{position:fixed;z-index:25;left:50%;bottom:max(14px,env(safe-area-inset-bottom));transform:translate(-50%);display:inline-flex;align-items:center;justify-content:center;height:48px;padding:0 26px;border-radius:999px;background:#f3f1ec;color:#111;font:700 15px/1 var(--font);text-decoration:none;white-space:nowrap;box-shadow:0 10px 30px #00000073}.t-hint{position:fixed;z-index:20;left:50%;top:42%;transform:translate(-50%,-50%);padding:12px 18px;border-radius:12px;background:#0a0c0fc7;font-weight:600;pointer-events:none;text-align:center;max-width:calc(100% - 40px)}.t-locked{position:fixed;z-index:26;pointer-events:none;left:50%;top:calc(max(12px,env(safe-area-inset-top)) + 54px);transform:translate(-50%);display:grid;gap:8px;justify-items:center;width:min(340px,calc(100% - 32px));padding:18px 20px;border:1px solid var(--line);border-radius:16px;background:#0a0c0fe0;text-align:center}.t-locked strong{font-size:17px}.t-locked span{color:#c9c4b9;font-size:13px}.t-locked a{pointer-events:auto;margin-top:4px;color:#111;background:#f3f1ec;border-radius:999px;padding:9px 16px;font-weight:700;text-decoration:none}@media(max-width:560px){.t-finishes{flex-direction:column;gap:8px;padding:9px 12px}.t-chip{width:32px;height:32px}.t-mark span{font-size:10px}}