.tm-page{--tm-text:#3b3354;--tm-muted:#6b6287;--tm-card:#fffdf8;--tm-border:#f3d9b1;--tm-ring-track:#fde8ef;--tm-ring:#38bdf8;--tm-warn:#ef4444;--tm-warn-soft:#fee2e2;--tm-sun:#ffd166;--tm-pink:#ff8fab;height:100%;min-height:0;color:var(--tm-text);background:radial-gradient(900px 500px at 85% -10%,#ffd1668c,#0000 60%),radial-gradient(700px 480px at -10% 20%,#ff8fab59,#0000 60%),linear-gradient(#d6f0ff 0%,#eaf7ff 45%,#fff6e5 100%);flex-direction:column;gap:8px;padding:12px 16px;display:flex;overflow:hidden}.tm-page :focus-visible{outline-offset:2px;border-radius:14px;outline:3px solid #2563eb}.tm-header{align-items:center;gap:10px;display:flex}.tm-btn{border:2px solid var(--tm-border);background:var(--tm-card);min-width:44px;min-height:44px;color:var(--tm-text);cursor:pointer;border-radius:999px;justify-content:center;align-items:center;gap:6px;padding:8px 14px;font-weight:700;display:inline-flex}.tm-btn:hover{background:#fff3da}.tm-brand{align-items:center;gap:8px;margin-right:auto;display:flex}.tm-logo{font-size:26px}.tm-brand h1{font-size:20px;font-weight:800;line-height:1.1}.tm-brand-sub{color:var(--tm-muted);font-size:12px;font-weight:600;display:block}.tm-stage{flex-wrap:wrap;flex:1;justify-content:center;align-items:center;gap:clamp(8px,3vmin,40px);min-height:0;display:flex;overflow:auto}.tm-bear{flex:none;width:clamp(72px,14vmin,150px)}.tm-bear>svg{width:100%;height:auto}.tm-bear-happy{animation:2.6s ease-in-out infinite tm-bob}.tm-bear-worried{animation:.45s ease-in-out infinite tm-wiggle}.tm-bear-party{animation:.7s ease-in-out infinite tm-jump}.tm-card{background:var(--tm-card);border:3px solid var(--tm-border);border-radius:28px;flex-direction:column;gap:clamp(10px,2vmin,18px);max-width:min(560px,100%);padding:clamp(14px,3vmin,28px);display:flex;box-shadow:0 10px 30px #3b33541f}.tm-fields{justify-content:center;align-items:flex-end;gap:6px;display:flex}.tm-field{color:var(--tm-muted);flex-direction:column;align-items:center;gap:4px;font-size:14px;font-weight:700;display:flex}.tm-field input{text-align:center;font-variant-numeric:tabular-nums;width:clamp(72px,16vmin,110px);color:var(--tm-text);background:#f6fbff;border:3px solid #bfe3f8;border-radius:18px;padding:8px 4px;font-size:clamp(32px,7vmin,48px);font-weight:800}.tm-colon{color:var(--tm-muted);padding-bottom:12px;font-size:clamp(28px,6vmin,40px);font-weight:800}.tm-presets{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.tm-chip{color:#22577a;cursor:pointer;background:#eaf6ff;border:2px solid #bfe3f8;border-radius:999px;min-height:40px;padding:8px 14px;font-weight:700}.tm-chip:hover{background:#d9efff}.tm-modes{border:0;justify-content:center;gap:10px;margin:0;padding:0;display:flex}.tm-modes legend{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.tm-mode{border:3px solid var(--tm-border);background:var(--tm-card);cursor:pointer;border-radius:18px;align-items:center;gap:8px;padding:10px 16px;font-weight:800;display:inline-flex}.tm-mode input{accent-color:#0284c7;width:20px;height:20px}.tm-mode:has(input:checked){background:#e3f5ff;border-color:#38bdf8}.tm-start{background:var(--tm-sun);color:#5b3a00;cursor:pointer;border:3px solid #d08700;border-radius:999px;align-self:center;min-height:56px;padding:12px 36px;font-size:22px;font-weight:800}.tm-start:hover:not(:disabled){background:#ffdd87}.tm-start:disabled{opacity:.55;cursor:not-allowed}.tm-hint{text-align:center;color:#b45309;font-weight:700}.tm-face{flex-direction:column;align-items:center;gap:clamp(8px,2vmin,18px);display:flex;position:relative}.tm-ring-wrap{width:clamp(240px,56vmin,560px);height:clamp(240px,56vmin,560px);position:relative}.tm-ring-wrap svg{width:100%;height:100%;transform:rotate(-90deg)}.tm-ring-track{fill:none;stroke:var(--tm-ring-track)}.tm-ring-progress{fill:none;stroke:var(--tm-ring);stroke-linecap:round;transition:stroke-dashoffset .25s linear,stroke .3s}.tm-digits{font-variant-numeric:tabular-nums;letter-spacing:.02em;flex-direction:column;justify-content:center;align-items:center;gap:4px;font-size:clamp(56px,13vmin,130px);font-weight:800;display:flex;position:absolute;inset:0}.tm-paused-pill{color:#22577a;background:#eaf6ff;border:2px solid #bfe3f8;border-radius:999px;padding:4px 16px;font-size:clamp(14px,2.4vmin,22px);font-weight:800}.tm-face.tm-warn .tm-ring-progress{stroke:var(--tm-warn)}.tm-face.tm-warn .tm-digits{color:var(--tm-warn);animation:1s ease-in-out infinite tm-pulse}.tm-controls{gap:12px;display:flex}.tm-control{border:3px solid var(--tm-border);background:var(--tm-card);min-height:52px;color:var(--tm-text);cursor:pointer;border-radius:999px;align-items:center;gap:8px;padding:10px 26px;font-size:18px;font-weight:800;display:inline-flex}.tm-control:hover{background:#fff3da}.tm-control-primary{background:var(--tm-sun);color:#5b3a00;border-color:#d08700}.tm-control-primary:hover{background:#ffdd87}.tm-done-overlay{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:6px;display:flex;position:absolute;inset:0}.tm-done-title{color:#d9377e;text-shadow:0 2px #fff;font-size:clamp(34px,8vmin,76px);font-weight:800;animation:.9s ease-in-out infinite tm-pulse}.tm-confetti{pointer-events:none;position:absolute;inset:0;overflow:hidden}.tm-confetti span{font-size:clamp(18px,4vmin,34px);animation:2.6s linear infinite tm-fall;position:absolute;top:-12%}@keyframes tm-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes tm-wiggle{0%,to{transform:rotate(-4deg)}50%{transform:rotate(4deg)}}@keyframes tm-jump{0%,to{transform:translateY(0)rotate(-3deg)}50%{transform:translateY(-16px)rotate(3deg)}}@keyframes tm-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.06)}}@keyframes tm-fall{to{transform:translateY(120vh)rotate(340deg)}}@media (prefers-reduced-motion:reduce){.tm-page *,.tm-page :before,.tm-page :after{transition:none!important;animation:none!important}.tm-confetti{display:none}}@media (max-width:640px){.tm-brand-sub,.tm-wide-label{display:none}}