.tk-app{--tk-accent: #2a9d8f;--tk-p1: #2563eb;--tk-p2: #ea580c;max-width:1100px;margin:0 auto;padding:0 16px;font-family:system-ui,-apple-system,Hiragino Kaku Gothic ProN,sans-serif;color:#1e293b}.tk-app *,.tk-app *:before,.tk-app *:after{box-sizing:border-box}.tk-app [hidden]{display:none!important}.description{max-width:820px;margin:0 auto 14px;font-size:15px;line-height:1.7;color:#475569;text-align:center}.tk-setup{max-width:720px;margin:0 auto}.tk-privacy{font-size:12.5px;color:#94a3b8;text-align:center;margin:0 0 18px}.tk-group{margin-bottom:22px}.tk-group-title{font-size:13.5px;font-weight:700;color:#334155;margin:0 0 10px;padding-bottom:5px;border-bottom:2px solid var(--tk-accent)}.tk-method-row{display:flex;gap:8px;flex-wrap:wrap}.tk-method-btn{appearance:none;flex:1 1 160px;display:flex;flex-direction:column;align-items:center;gap:3px;border:1px solid #cbd5e1;background:#fff;color:#1e293b;font-size:15px;font-weight:700;font-family:inherit;padding:12px 14px;border-radius:12px;cursor:pointer;min-height:58px;transition:background-color .15s,border-color .15s}.tk-method-btn small{font-size:11px;font-weight:500;color:#94a3b8}.tk-method-btn:hover{border-color:var(--tk-accent)}.tk-method-btn[aria-pressed=true]{background:var(--tk-accent);border-color:var(--tk-accent);color:#fff}.tk-method-btn[aria-pressed=true] small{color:#ffffffd9}.tk-preset-row{display:flex;gap:8px;flex-wrap:wrap}.tk-preset-btn{appearance:none;border:1px solid #cbd5e1;background:#fff;color:#1e293b;font-size:14px;font-weight:700;font-family:inherit;padding:10px 16px;border-radius:10px;cursor:pointer;min-height:46px;transition:background-color .15s,border-color .15s}.tk-preset-btn:hover{border-color:var(--tk-accent)}.tk-preset-btn.active{background:var(--tk-accent);border-color:var(--tk-accent);color:#fff}.tk-custom{display:flex;flex-wrap:wrap;gap:14px 22px;align-items:flex-end;padding:14px 16px;border:1px solid #e2e8f0;border-radius:10px;background:#f8fafc}.tk-field{display:flex;flex-direction:column;gap:5px}.tk-field-label{font-size:12.5px;font-weight:700;color:#475569}.tk-field-inputs{display:flex;align-items:center;gap:4px}.tk-custom input[type=number]{width:64px;font-size:16px;font-weight:600;padding:8px 10px;border:1px solid #cbd5e1;border-radius:8px;text-align:right;color:#1e293b;background:#fff;min-height:44px;font-family:inherit}.tk-unit{font-size:13px;color:#475569}.tk-field-note{flex:1 1 100%;font-size:12px;color:#64748b;line-height:1.6;margin:0}.tk-start-row{text-align:center;margin-top:24px}.tk-start-btn{appearance:none;border:none;border-radius:14px;background:linear-gradient(135deg,#14b8a6,#0d9488);color:#fff;font-family:inherit;font-size:1.2rem;font-weight:800;padding:16px 48px;cursor:pointer;min-height:56px;box-shadow:0 5px #0d948866,0 10px 22px #0d94884d;transition:transform .12s,box-shadow .12s}.tk-start-btn:hover{transform:translateY(-2px)}.tk-start-btn:active{transform:translateY(2px);box-shadow:0 2px #0d948866,0 5px 12px #0d94884d}.tk-setup-summary{text-align:center;font-size:13px;color:#64748b;margin:10px 0 0;min-height:1.4em}.tk-wakelock-note{text-align:center;font-size:12px;color:#b45309;margin:8px 0 0}.tk-clock{position:relative;display:flex;flex-direction:column;width:100%;height:min(78dvh,820px);min-height:460px;margin:4px auto 0;background:#0f172a;border-radius:16px;overflow:hidden;box-shadow:0 10px 30px #00000038;touch-action:manipulation;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent}.tk-clock.is-fullscreen{height:100%;border-radius:0;margin:0}.tk-zone{position:relative;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;border:none;width:100%;color:#e2e8f0;font-family:inherit;cursor:pointer;padding:8px;background:#1e293b;transition:background-color .18s ease,filter .18s ease}.tk-zone-top{transform:rotate(180deg);border-bottom:2px solid rgba(255,255,255,.12)}.tk-zone[data-active=false]{filter:brightness(.62) saturate(.85);cursor:default}.tk-zone-bottom[data-active=true]{background:linear-gradient(0deg,#0e3a8a,#1d4ed8 92%)}.tk-zone-top[data-active=true]{background:linear-gradient(0deg,#7c2d12,#c2410c 92%)}.tk-zone[data-warn=true]{background:#b45309!important;animation:tk-pulse 1s ease-in-out infinite}@keyframes tk-pulse{0%,to{filter:brightness(1)}50%{filter:brightness(1.35)}}.tk-zone[data-lost=true]{background:#7f1d1d!important;filter:none;animation:none}.tk-time{font-family:Helvetica Neue,Segoe UI,Arial,sans-serif;font-weight:900;font-variant-numeric:tabular-nums;font-size:clamp(60px,18vw,190px);line-height:1.02;color:inherit}.tk-sub{font-size:clamp(13px,3.4vw,22px);font-weight:700;color:inherit;opacity:.85;min-height:1.3em;letter-spacing:.02em}.tk-periods{letter-spacing:.18em;color:#fde68a}.tk-hint{font-size:clamp(11px,2.8vw,15px);font-weight:600;opacity:.62;margin-top:2px}.tk-lostmark{font-size:clamp(22px,6vw,44px);font-weight:900;color:#fecaca;margin-bottom:4px}.tk-center{display:flex;align-items:center;justify-content:center;gap:8px;padding:6px 8px;background:#020617;flex-wrap:wrap;z-index:4}.tk-center button{appearance:none;border:1px solid rgba(255,255,255,.22);background:#ffffff14;color:#e2e8f0;font-family:inherit;font-size:13px;font-weight:700;padding:7px 13px;border-radius:9px;cursor:pointer;min-height:38px;transition:background-color .15s}.tk-center button:hover{background:#ffffff2e}.tk-center .tk-primary{background:var(--tk-accent);border-color:var(--tk-accent);color:#fff}.tk-toplinks{text-align:center;margin:14px auto 0;font-size:13px;color:#64748b}.tk-toplinks button{appearance:none;border:1px solid #cbd5e1;background:#fff;color:#475569;font-family:inherit;font-size:13px;padding:7px 16px;border-radius:8px;cursor:pointer;min-height:40px}.tk-toplinks button:hover{background:#f1f5f9}@media (max-width: 560px){.tk-app{padding:0 10px}.tk-clock{height:min(74dvh,720px);min-height:420px}.tk-method-btn{flex-basis:100%}}@media (prefers-reduced-motion: reduce){.tk-zone[data-warn=true]{animation:none}.tk-start-btn{transition:none}}@media print{.tk-app{display:none}}