@import "https://fonts.googleapis.com/css2?family=Anton&family=Inter:wght@400;700;800;900&family=JetBrains+Mono:wght@500;700&display=swap";
:root{--background:#09090b;--surface:#131315;--surface-anthracite:#18181b;--surface-container:#201f22;--surface-container-high:#2a2a2c;--surface-container-highest:#353437;--border-muted:#27272a;--outline-variant:#5c403c;--text-primary:#fff;--on-surface:#e5e1e4;--on-surface-variant:#e6bdb8;--primary-container:#dc2626;--primary:#ffb4ab;--success-green:#00e676;--rest-green:#00e676;--warning-blue:#90cdff;--prepare-gray:#c8c6c9;--font-headline:"Anton", Impact, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, "SFMono-Regular", Consolas, monospace;--font-body:"Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif}*{box-sizing:border-box}html{background:var(--background);min-height:100%;color:var(--text-primary);scroll-behavior:smooth}body{background:var(--background);min-height:100%;color:var(--text-primary);font-family:var(--font-body);margin:0;overflow-x:hidden}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.4}a{color:inherit;text-decoration:none}.app-shell{min-height:100vh;padding:64px 40px 24px}.app-shell.is-fullscreen{place-items:center;padding:0;display:grid}.app-shell.is-fullscreen .top-app-bar,.app-shell.is-fullscreen .store-badges,.app-shell.is-fullscreen .site-footer{display:none}.app-shell.is-fullscreen .timer-dashboard{width:min(100vw,1600px);padding:40px}.top-app-bar{z-index:50;border-bottom:1px solid var(--outline-variant);background:var(--surface);justify-content:space-between;align-items:center;height:64px;padding:0 40px;display:flex;position:fixed;top:0;left:0;right:0}.header-logo{align-items:center;display:flex}.header-logo img{object-fit:contain;width:auto;height:40px}.desktop-nav{align-items:center;gap:40px;display:flex}.desktop-nav a{color:var(--text-primary);font-family:var(--font-headline);letter-spacing:.08em;text-transform:uppercase;font-size:18px;transition:color .16s}.desktop-nav a:hover,.header-social a:hover{color:var(--primary)}.header-social{align-items:center;gap:16px;display:flex}.header-social a{width:24px;height:22px;color:var(--text-primary);place-items:center;transition:color .16s;display:grid}.header-social svg{fill:currentColor;width:18px;height:18px;display:block}.timer-dashboard{grid-template-columns:repeat(12,minmax(0,1fr));gap:16px;width:min(100%,1600px);margin:0 auto;padding:40px 0;display:grid}.total-card{border:1px solid var(--border-muted);background:var(--surface-anthracite);grid-column:span 3;align-content:start;gap:34px;min-height:192px;padding:24px;display:grid}.total-card>div{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.panel-label,.setting-stepper>span,.round-label,.next-label,.language-select span{color:var(--on-surface-variant);font-family:var(--font-mono);letter-spacing:.05em;text-transform:uppercase;font-size:14px;font-weight:500;line-height:20px}.total-card strong{color:var(--text-primary);font-family:var(--font-mono);letter-spacing:-.05em;font-size:clamp(2.8rem,4.5vw,5.4rem);font-weight:700;line-height:1}.total-card p{color:var(--on-surface-variant);font-family:var(--font-mono);text-transform:uppercase;margin:0;font-size:13px}.timer-center{flex-direction:column;grid-column:span 6;justify-content:flex-start;align-items:center;padding:4px 0 0;display:flex}.store-badges{justify-content:center;align-items:center;gap:12px;margin-bottom:32px;display:flex}.store-badges a{justify-content:center;align-items:center;min-width:0;height:44px;line-height:0;transition:filter .16s,transform .16s;display:flex}.store-badges a:hover{filter:brightness(1.08);transform:translateY(-1px)}.store-badges img{object-fit:contain;width:auto;height:40px;display:block}.store-badges a:nth-child(2) img{height:58px}.store-badges a:nth-child(3) img{border-radius:5px;height:38px;box-shadow:0 0 0 1px #ffffff9e}.store-badges a:nth-child(3){height:40px}.timer-circle{--phase:var(--primary-container);aspect-ratio:1;place-items:center;width:min(450px,68vw);display:grid;position:relative}.timer-circle:before,.timer-circle:after{z-index:0;content:"";pointer-events:none;border-radius:50%;position:absolute}.timer-circle:before{filter:blur(24px);background:radial-gradient(circle,#ffffff3d 0%,#ffffff2b 42%,#ffffff1a 62%,#fff0 78%);inset:-34px}.timer-circle:after{border:1px solid #ffffff47;inset:-8px;box-shadow:0 0 20px #ffffff4d,0 0 52px #ffffff2e,0 0 104px #ffffff1a}.phase-idle,.phase-paused{--phase:var(--prepare-gray);--timer-number:var(--text-primary)}.phase-prepare{--phase:var(--warning-blue);--timer-number:var(--text-primary)}.phase-round,.phase-warning{--phase:var(--rest-green);--timer-number:var(--rest-green)}.phase-rest{--phase:var(--primary-container);--timer-number:var(--primary-container)}.phase-finished{--phase:var(--primary);--timer-number:var(--text-primary)}.progress-ring{z-index:1;width:100%;height:100%;position:absolute;inset:0}.ring-track,.ring-progress{fill:#0000;stroke-width:.55px}.ring-track{stroke:var(--border-muted)}.ring-progress{transform-origin:50%;stroke:var(--phase);stroke-dasharray:1;transition:stroke .18s,stroke-dashoffset .18s linear;transform:rotate(-90deg)}.timer-core{z-index:2;text-align:center;background:#000;border:4px solid #0000;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;padding:48px 44px;display:flex;position:absolute;inset:26px}.timer-face{color:var(--timer-number,var(--text-primary));font-family:var(--font-mono);font-variant-numeric:tabular-nums;letter-spacing:-.05em;margin:10px 0 22px;font-size:clamp(4.1rem,8vw,7.5rem);font-weight:700;line-height:1}.control-row{grid-template-columns:1fr 1fr;gap:12px;width:100%;display:grid}.primary-action,.secondary-action,.maximize-action,.stepper-controls button{border:1px solid var(--border-muted);min-height:44px;color:var(--text-primary);font-family:var(--font-mono);letter-spacing:.04em;text-transform:uppercase;background:0 0;border-radius:12px;font-size:12px;font-weight:700;transition:background .14s,border-color .14s,color .14s,transform .14s}.primary-action{border-color:var(--primary-container);background:var(--primary-container)}.primary-action.is-running{color:var(--primary);background:0 0}.secondary-action,.maximize-action{background:#101013;border-color:#59595f;box-shadow:inset 0 0 0 1px #ffffff0d}.secondary-action:hover,.maximize-action:hover,.stepper-controls button:hover:not(:disabled){border-color:var(--text-primary);background:var(--text-primary);color:#000}.primary-action:hover{filter:brightness(1.12)}.primary-action:active,.secondary-action:active,.maximize-action:active,.stepper-controls button:active:not(:disabled){transform:scale(.97)}.key-badge{color:var(--text-primary);font-family:var(--font-mono);text-transform:uppercase;background:#ffffff1a;border:1px solid #fff3;border-radius:6px;align-items:center;margin-left:8px;padding:1px 4px;font-size:10px;line-height:1.4;display:inline-flex}.maximize-action{width:100%;min-height:38px;color:var(--on-surface-variant);margin-top:12px}.round-indicators{flex-wrap:wrap;justify-content:center;gap:12px;max-width:min(520px,85vw);margin-top:48px;display:flex}.round-indicators span{background:var(--border-muted);width:8px;height:8px}.round-indicators span.is-current{background:var(--phase,var(--primary-container))}.round-indicators span.is-complete{background:var(--primary-container)}.settings-panel{flex-direction:column;grid-column:span 3;gap:8px;display:flex}.setting-stepper{border:1px solid var(--border-muted);background:#1d1d20;justify-content:space-between;align-items:center;gap:16px;min-height:64px;padding:12px 16px;display:flex}.stepper-controls{align-items:center;gap:16px;display:flex}.stepper-controls button{place-items:center;width:40px;min-height:40px;font-size:18px;display:grid}.stepper-controls strong{min-width:56px;color:var(--text-primary);font-family:var(--font-mono);font-variant-numeric:tabular-nums;text-align:center;font-size:18px}.site-footer{border-top:1px solid var(--border-muted);width:min(100%,1600px);margin:24px auto 0;padding:22px 0 0}.footer-grid{grid-template-columns:1.4fr minmax(150px,.4fr) minmax(170px,.45fr);gap:18px;display:grid}.footer-brand{color:var(--text-primary);font-family:var(--font-headline);letter-spacing:.04em;text-transform:uppercase;margin:0 0 4px;font-size:24px}.footer-muted,.placeholder-note{color:var(--on-surface-variant);margin:0;font-size:.9rem}.footer-links{flex-flow:wrap;align-items:center;gap:14px;display:flex}.footer-links a{color:var(--on-surface-variant);font-family:var(--font-mono);text-transform:uppercase;font-size:12px}.footer-links a:hover{color:var(--text-primary)}.language-select{color:var(--on-surface-variant);font-family:var(--font-mono);text-transform:uppercase;align-items:center;gap:10px;font-size:12px;display:flex}.language-select span{border:1px solid var(--border-muted);width:24px;height:24px;color:var(--text-primary);border-radius:999px;place-items:center;font-size:15px;line-height:1;display:grid}.language-select select{border:1px solid var(--border-muted);background:var(--surface-anthracite);width:min(190px,100%);min-height:42px;color:var(--text-primary);padding:0 12px}.language-select option{background:var(--surface);color:var(--text-primary)}.placeholder-note{font-family:var(--font-mono);text-transform:uppercase;margin-top:16px;font-size:11px}.policy-shell{flex-direction:column;display:flex}.policy-card{border:1px solid var(--border-muted);background:var(--surface-anthracite);width:min(760px,100%);margin:36px auto;padding:clamp(22px,5vw,42px)}.policy-logo{object-fit:cover;width:86px;height:86px;margin-top:24px}.policy-card h1{color:var(--text-primary);font-family:var(--font-headline);text-transform:uppercase;margin:24px 0 8px;font-size:clamp(2.2rem,5vw,4rem);font-weight:400;line-height:1}.policy-card p{color:var(--on-surface);font-size:1.05rem;line-height:1.7}.policy-card a{color:var(--text-primary);font-weight:800}.back-link{color:var(--on-surface-variant);font-family:var(--font-mono);text-transform:uppercase;font-weight:700;display:inline-flex}.policy-date{font-family:var(--font-mono);text-transform:uppercase;font-weight:700;color:var(--primary)!important}.primary-action:focus-visible,.secondary-action:focus-visible,.maximize-action:focus-visible,.stepper-controls button:focus-visible,select:focus-visible,a:focus-visible{outline:2px solid var(--primary-container);outline-offset:3px}[dir=rtl] .timer-dashboard,[dir=rtl] .top-app-bar,[dir=rtl] .footer-grid,[dir=rtl] .setting-stepper{direction:rtl}[dir=rtl] .timer-face,[dir=rtl] .total-card strong,[dir=rtl] .stepper-controls strong{direction:ltr}@media (max-width:1180px){.timer-dashboard{grid-template-columns:1fr}.total-card,.timer-center,.settings-panel{grid-column:auto}.total-card{min-height:144px}.settings-panel{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}}@media (max-width:760px){.app-shell{padding:64px 20px 92px}.top-app-bar{padding:0 20px}.desktop-nav{display:none}.header-social{gap:10px}.timer-dashboard{padding-top:20px}.store-badges{gap:8px;width:100%}.store-badges a{flex:1;height:38px}.store-badges img{max-width:100%;height:36px}.store-badges a:nth-child(2) img{height:52px}.store-badges a:nth-child(3) img{height:34px}.timer-circle{width:min(450px,92vw)}.timer-core{padding:34px 24px;inset:22px}.timer-face{font-size:clamp(3.9rem,17vw,5.7rem)}.control-row,.settings-panel,.footer-grid{grid-template-columns:1fr}.control-row{width:min(76%,330px);margin-left:auto;margin-right:auto}.maximize-action{width:min(76%,330px)}.key-badge,.maximize-action{display:none}.setting-stepper{min-height:60px}.site-footer{margin-top:12px}}@media (max-width:440px){.timer-core{padding:26px 16px;inset:18px}.round-label,.next-label{font-size:11px}.timer-face{margin-bottom:16px}.primary-action,.secondary-action{min-height:40px;font-size:10px}}