@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-ext-wght-normal-BOeWTOD4.woff2) format("woff2-variations");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-wght-normal-DqGufNeO.woff2) format("woff2-variations");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-ext-wght-normal-DlzME5K_.woff2) format("woff2-variations");unicode-range:U+1F00-1FFF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-wght-normal-CkhJZR-_.woff2) format("woff2-variations");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-vietnamese-wght-normal-CBcvBZtf.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-ext-wght-normal-DO1Apj_S.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-wght-normal-Dx4kXJAl.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Space Grotesk Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(/assets/space-grotesk-vietnamese-wght-normal-D0rl6rjA.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Space Grotesk Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(/assets/space-grotesk-latin-ext-wght-normal-D9tNdqV9.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Space Grotesk Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(/assets/space-grotesk-latin-wght-normal-BhU9QXUp.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--ink: #2a2326;--mut: rgba(40, 30, 32, .62);--glass: rgba(255, 255, 255, .3);--card-1: rgba(255, 255, 255, .38);--card-2: rgba(255, 255, 255, .25);--card-bd: rgba(255, 255, 255, .5);--bd: rgba(255, 255, 255, .32);--field: rgba(255, 255, 255, .38);--modal: rgba(255, 255, 255, .78);--shadow: 0 8px 32px rgba(0, 0, 0, .12), inset 0 1px 0 rgba(255, 255, 255, .3);--card-shadow: 0 24px 60px rgba(0, 0, 0, .2), 0 6px 16px rgba(0, 0, 0, .1), inset 0 1px 0 rgba(255, 255, 255, .65), inset 0 -1px 0 rgba(255, 255, 255, .12);--font: "Inter Variable", -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--display: "Space Grotesk Variable", "Inter Variable", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--mono: ui-monospace, "SF Mono", SFMono-Regular, Menlo, Consolas, monospace;--ease: cubic-bezier(.3, 1.6, .5, 1);--ok: #34c759;--warn: #ff9500;--danger: #ff3b30;--paper: var(--bg);--surface: var(--glass);--surface-2: var(--field);--ink-2: color-mix(in srgb, var(--ink) 78%, transparent);--ink-3: var(--mut);--hairline: var(--bd);--hairline-2: rgba(255, 255, 255, .46);--accent: var(--acc);--accent-ink: #fff;--serif: var(--display);--r: 20px;--r-lg: 28px;--r-sm: 14px}html[data-theme=dark]{--ink: #f5f2f3;--mut: rgba(245, 240, 242, .64);--glass: rgba(255, 255, 255, .1);--card-1: rgba(255, 255, 255, .14);--card-2: rgba(255, 255, 255, .08);--card-bd: rgba(255, 255, 255, .2);--bd: rgba(255, 255, 255, .15);--field: rgba(255, 255, 255, .09);--hairline-2: rgba(255, 255, 255, .28);--modal: rgba(24, 24, 30, .84);--card-shadow: 0 24px 60px rgba(0, 0, 0, .45), 0 6px 16px rgba(0, 0, 0, .25), inset 0 1px 0 rgba(255, 255, 255, .22)}body[data-mode=work],body[data-mode=focus]{--bg: #d26b70;--acc: #c93c45;--orb: #ff6b6b}body[data-mode=short]{--bg: #5f9594;--acc: #0f7c80;--orb: #2bb3b0}body[data-mode=long]{--bg: #6f9dbe;--acc: #2b6e9e;--orb: #4a9bd8}body[data-mode=home]{--bg: #cdc3c7;--acc: #c93c45;--orb: #ff9aa5}body[data-mode=work],body[data-mode=focus],body[data-mode=short],body[data-mode=long],body[data-mode=home]{background-color:var(--bg);transition:background-color .8s ease;background-image:radial-gradient(60% 50% at 20% 0%,rgba(255,255,255,.28),transparent 70%),radial-gradient(50% 50% at 90% 100%,rgba(255,255,255,.18),transparent 70%)}*{box-sizing:border-box}html,body{margin:0;min-height:100%}html{-webkit-text-size-adjust:100%;background:var(--bg, #ded8db)}body{font-family:var(--font);font-size:15px;line-height:1.5;color:var(--ink);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;font-synthesis-weight:none;overflow-x:hidden}.brand,.serif,.hero h1,.section-head h2,.modal-head h2,.center-page h1,.countdown,.kv .cell .v,.stat-strip .item .v,.step .n,.bigclock .t,.clock-card .time{font-family:var(--display);font-optical-sizing:auto}body:after{content:"";position:fixed;inset:0;background:#08080e94;opacity:0;transition:opacity .8s ease;pointer-events:none;z-index:0}html[data-theme=dark] body:after{opacity:1}#root{position:relative;z-index:1}.orb{position:fixed;width:430px;height:430px;border-radius:50%;pointer-events:none;z-index:0;transition:background .8s ease;background:radial-gradient(circle at 35% 30%,rgba(255,255,255,.6),rgba(255,255,255,.14) 42%,transparent 70%),var(--orb, #ff6b6b);opacity:.85;box-shadow:inset 0 0 50px #ffffff73,inset 0 2px #ffffff80;border:1px solid rgba(255,255,255,.4)}.orb.o1{top:-130px;left:-130px}.orb.o2{bottom:-190px;right:-170px;width:480px;height:480px}#glow{position:fixed;left:0;top:0;width:520px;height:520px;margin:-260px 0 0 -260px;border-radius:50%;pointer-events:none;z-index:0;background:radial-gradient(circle,rgba(255,255,255,.3),rgba(255,255,255,.1) 40%,transparent 70%);will-change:transform;opacity:0;transition:opacity .4s ease}@media (hover: none){#glow{display:none}}h1,h2,h3,h4,p,figure{margin:0}a{color:inherit}button,input,select,textarea{font:inherit;color:inherit}button{background:none;border:0;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent}:focus-visible{outline:none;box-shadow:0 0 0 3px color-mix(in srgb,var(--acc) 55%,transparent);border-radius:10px}::selection{background:var(--acc);color:#fff}.label{font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--mut)}.num{font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1}.lead{font-size:16.5px;line-height:1.6;color:var(--mut)}.muted{color:var(--mut)}.small{font-size:13px}.tiny{font-size:12px}.serif{font-family:var(--font)}.wrap{width:100%;max-width:1160px;margin:0 auto;padding:0 24px}.row{display:flex;align-items:center;gap:10px}.row.between{justify-content:space-between}.row.wrap{flex-wrap:wrap}.spacer{flex:1}.rule{height:1px;background:var(--bd);border:0;margin:0}.panel,.tile,.kv,.demo-shell,.step,.feature{background:linear-gradient(180deg,var(--card-1),var(--card-2));-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%);border:1px solid var(--card-bd);box-shadow:var(--card-shadow);border-radius:var(--r-lg)}.panel.pad{padding:20px}.panel.flat{box-shadow:var(--shadow)}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 20px;border-bottom:1px solid var(--bd)}.panel-body{padding:18px 20px}.tile{border-radius:20px;padding:14px 16px}.tile p{line-height:1.5}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:9px 16px;border-radius:999px;border:1px solid var(--bd);background:var(--glass);-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%);box-shadow:var(--shadow);font-size:13.5px;font-weight:600;color:var(--ink);transition:transform .25s var(--ease),background .3s ease;white-space:nowrap}.btn:hover{transform:scale(1.04)}.btn:active{transform:scale(.96)}.btn.primary{background:var(--acc);border-color:color-mix(in srgb,var(--acc) 60%,transparent);color:#fff;box-shadow:0 8px 20px color-mix(in srgb,var(--acc) 45%,transparent),inset 0 1px #ffffff4d;transition:transform .25s var(--ease),background .8s ease}.btn.quiet{background:transparent;border-color:transparent;box-shadow:none;color:var(--mut)}.btn.quiet:hover{background:var(--field);color:var(--ink);transform:none}.btn.danger{color:#fff;background:color-mix(in srgb,var(--danger) 82%,transparent);border-color:color-mix(in srgb,var(--danger) 60%,transparent);box-shadow:0 8px 20px color-mix(in srgb,var(--danger) 35%,transparent),inset 0 1px #ffffff40}.btn.sm{padding:6px 12px;font-size:12.5px}.btn.lg{padding:14px 28px;font-size:15px}.btn.block{width:100%}.btn[disabled]{opacity:.45;pointer-events:none}.icon-btn{display:grid;place-items:center;width:42px;height:42px;border-radius:14px;border:1px solid var(--bd);background:var(--glass);-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%);color:var(--ink);box-shadow:var(--shadow);transition:transform .25s var(--ease)}.icon-btn:hover{transform:scale(1.06)}.icon-btn:active{transform:scale(.94)}.icon-btn.on{border-color:color-mix(in srgb,var(--acc) 55%,transparent);color:var(--acc)}.chip{display:inline-flex;align-items:center;gap:7px;padding:5px 11px;border-radius:999px;border:1px solid var(--bd);background:var(--glass);-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%);box-shadow:inset 0 1px #ffffff4d;font-size:12px;font-weight:600;color:var(--mut);white-space:nowrap}.chip.mono{font-family:var(--mono);letter-spacing:.06em;font-size:12.5px;color:var(--ink)}.chip button{color:var(--mut)}.dot{width:7px;height:7px;border-radius:50%;background:#8e8e93;flex:none}.dot.live{background:var(--ok);box-shadow:0 0 6px var(--ok)}.dot.offline{background:var(--warn)}.dot.error{background:var(--danger)}.dot.connecting{background:#8e8e93;animation:pulse 1.4s ease-in-out infinite}@keyframes pulse{50%{opacity:.3}}.field{width:100%;padding:11px 13px;border-radius:12px;border:1px solid var(--bd);background:var(--field);-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%);font-size:16px;color:var(--ink)}.field::placeholder{color:var(--mut)}.field:focus{outline:none;border-color:var(--acc);box-shadow:0 0 0 3px color-mix(in srgb,var(--acc) 30%,transparent)}.field.sm{padding:8px 10px;font-size:14px;border-radius:10px}select.field{appearance:none;background-image:linear-gradient(45deg,transparent 50%,currentColor 50%),linear-gradient(135deg,currentColor 50%,transparent 50%);background-position:calc(100% - 17px) 55%,calc(100% - 12px) 55%;background-size:5px 5px;background-repeat:no-repeat;padding-right:32px}.segmented{display:inline-flex;gap:4px;padding:5px;border-radius:18px;border:1px solid var(--bd);background:var(--glass);-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%);box-shadow:var(--shadow)}.segmented button{padding:9px 17px;border-radius:13px;font-size:14px;font-weight:600;color:var(--mut);transition:all .3s ease;white-space:nowrap}.segmented button[aria-pressed=true],.segmented button[aria-selected=true]{color:var(--acc);background:var(--field);box-shadow:inset 0 1px #ffffff80,0 2px 8px #00000014}html[data-theme=dark] .segmented button[aria-pressed=true],html[data-theme=dark] .segmented button[aria-selected=true]{color:color-mix(in srgb,var(--acc) 40%,white)}.switch{position:relative;width:50px;height:30px;flex:none}.switch input{position:absolute;inset:0;opacity:0;margin:0;cursor:pointer;z-index:1}.switch span{position:absolute;inset:0;border-radius:30px;background:#78788059;border:1px solid var(--bd);transition:background .3s ease}.switch span:after{content:"";position:absolute;left:3px;top:3px;width:24px;height:24px;border-radius:50%;background:#fff;box-shadow:0 2px 6px #00000040;transition:transform .4s var(--ease)}.switch input:checked+span{background:var(--acc)}.switch input:checked+span:after{transform:translate(20px)}.switch input:focus-visible+span{box-shadow:0 0 0 3px color-mix(in srgb,var(--acc) 55%,transparent)}input[type=range]{-webkit-appearance:none;appearance:none;width:100%;height:24px;background:transparent;border:none}input[type=range]::-webkit-slider-runnable-track{height:8px;border-radius:8px;background:#7878804d}input[type=range]::-moz-range-track{height:8px;border-radius:8px;background:#7878804d}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:24px;height:24px;margin-top:-8px;border-radius:50%;background:#fff;box-shadow:0 2px 10px #0000004d;transition:transform .25s var(--ease)}input[type=range]:active::-webkit-slider-thumb{transform:scale(1.15)}input[type=range]::-moz-range-thumb{width:24px;height:24px;border:0;border-radius:50%;background:#fff;box-shadow:0 2px 10px #0000004d}.mode-focus{--mode: var(--focus, var(--acc))}.mode-short{--mode: var(--short, var(--acc))}.mode-long{--mode: var(--long, var(--acc))}.timer-shell{position:relative;display:flex;flex-direction:column;align-items:center;padding:26px 28px 24px;border-radius:var(--r-lg);background:linear-gradient(180deg,var(--card-1),var(--card-2));-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%);border:1px solid var(--card-bd);box-shadow:var(--card-shadow)}.ring{position:relative;width:min(360px,74vw);aspect-ratio:1;margin:18px 0 6px}.ring svg{width:100%;height:100%;transform:rotate(-90deg)}.ring .track{fill:none;stroke:#ffffff2e;stroke-width:6}.ring .ticks{fill:none;stroke:#ffffff38;stroke-width:1}.ring .arc{fill:none;stroke:var(--mode, var(--acc, #c93c45));stroke-width:6;stroke-linecap:round;transition:stroke-dashoffset .3s linear,stroke .8s ease}.ring-inner{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px}.countdown{font-size:clamp(62px,12vw,94px);font-weight:400;letter-spacing:-.04em;line-height:1;font-variant-numeric:tabular-nums}.timer-controls{display:flex;align-items:center;gap:14px;margin-top:18px}.timer-controls .btn{min-height:50px}.timer-controls .btn:first-child,.timer-controls .btn:last-child{width:50px;height:50px;padding:0;border-radius:50%;font-size:0;gap:0}.timer-controls .btn.primary{min-width:168px;font-size:15px}.timer-meta{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:10px;margin-top:20px;width:100%}.timer-meta .row.between{flex-wrap:wrap;row-gap:6px}.intention{display:flex;align-items:center;gap:10px;width:100%;padding:12px 16px;border-radius:16px;border:1px solid transparent;background:var(--field);font-size:14px;color:var(--ink);text-align:left;transition:transform .25s var(--ease)}.intention:hover{transform:scale(1.01)}.task{display:flex;align-items:center;gap:10px;padding:12px 14px;border-radius:14px;background:var(--field);border:1px solid transparent;transition:all .25s ease}.task+.task{margin-top:8px}.task:hover{transform:scale(1.01)}.task.active{border-color:var(--acc);box-shadow:0 0 0 3px color-mix(in srgb,var(--acc) 22%,transparent)}.task .check{width:22px;height:22px;flex:none;border-radius:50%;border:2px solid var(--mut);display:grid;place-items:center;color:transparent;font-size:11px}.task.done .check{background:var(--acc);border-color:var(--acc);color:#fff}.task .text{flex:1;min-width:0;font-size:14.5px;font-weight:500;overflow-wrap:anywhere;cursor:pointer}.task.done .text{color:var(--mut);text-decoration:line-through;opacity:.75}.task .meta{font-size:13px;color:var(--mut);font-variant-numeric:tabular-nums}.task .tools{display:flex;gap:2px;opacity:0;transition:opacity .2s ease}.task .tools .icon-btn{width:30px;height:30px;border:0;background:transparent;box-shadow:none;color:var(--mut)}.task .tools .icon-btn:hover{background:var(--glass);color:var(--ink)}.task:hover .tools,.task:focus-within .tools{opacity:1}@media (hover: none){.task .tools{opacity:1}.task .check{width:26px;height:26px}}.kv{display:grid;grid-template-columns:repeat(auto-fit,minmax(126px,1fr));gap:12px;border:0;background:none;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}.kv .cell{background:#ffffff47;border:1px solid var(--bd);border-radius:20px;padding:16px 18px;box-shadow:inset 0 1px #ffffff59}html[data-theme=dark] .kv .cell{background:#ffffff14}.kv .cell .k{font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--mut)}.kv .cell .v{font-size:30px;font-weight:600;letter-spacing:-.02em;margin:6px 0 2px;font-variant-numeric:tabular-nums}.kv .cell .room-code-value{display:flex;flex-wrap:wrap;align-items:center;gap:4px;margin-top:8px;min-width:0}.room-code-segment{display:inline-block;max-width:100%;padding:3px 6px;border:1px solid color-mix(in srgb,var(--acc) 22%,var(--card-bd));border-radius:7px;background:color-mix(in srgb,var(--acc) 12%,var(--card-1));color:var(--ink);font-family:var(--mono);font-size:clamp(11px,1.15vw,14px);font-weight:700;letter-spacing:.035em;line-height:1.25;white-space:nowrap}.room-code-meta{display:grid;gap:2px}.kv .cell .s{font-size:12px;color:var(--mut)}.bar-track{height:4px;border-radius:999px;background:#ffffff4d;overflow:hidden;margin-top:10px}html[data-theme=dark] .bar-track{background:#ffffff29}.bar-fill{height:100%;background:var(--acc);border-radius:999px;transition:width .5s ease}.bars{display:flex;align-items:flex-end;gap:8px;height:150px}.bars .col{flex:1;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:6px;height:100%;font-size:11px;color:var(--mut)}.bars .stack{width:100%;display:flex;flex-direction:column;justify-content:flex-end;flex:1}.bars .bar{width:100%;border-radius:8px 8px 4px 4px;background:var(--acc);opacity:.8;min-height:3px;transition:height .5s ease}.bars .col.today .bar{opacity:1;box-shadow:0 0 12px color-mix(in srgb,var(--acc) 60%,transparent)}.bars .cap{font-size:10px;min-height:12px;font-variant-numeric:tabular-nums}.bars .day{font-size:11px}.heat{display:flex;gap:3px;overflow-x:auto;padding-bottom:4px}.heat .week{display:flex;flex-direction:column;gap:3px}.heat .cell{width:12px;height:12px;border-radius:3px;background:#ffffff2e}.heat .cell.l1{background:color-mix(in srgb,var(--acc) 30%,transparent)}.heat .cell.l2{background:color-mix(in srgb,var(--acc) 50%,transparent)}.heat .cell.l3{background:color-mix(in srgb,var(--acc) 72%,transparent)}.heat .cell.l4{background:var(--acc)}.heat .cell.empty{background:transparent}.heat .cell.today{box-shadow:0 0 0 2px var(--ink)}.hourgrid{display:grid;grid-template-columns:repeat(24,1fr);gap:3px}.hourgrid span{height:26px;border-radius:4px;background:var(--field)}.device{display:flex;align-items:center;gap:12px;padding:11px 0}.device+.device{border-top:1px solid var(--bd)}.avatar{width:34px;height:34px;flex:none;border-radius:12px;display:grid;place-items:center;font-size:12px;font-weight:600;color:var(--ink);background:var(--field);border:1px solid var(--bd)}.avatar.online{border-color:color-mix(in srgb,var(--ok) 60%,transparent);color:var(--ok)}.clock-strip{display:flex;gap:14px;overflow-x:auto;padding-bottom:4px}.clock-card{min-width:158px;display:flex;flex-direction:column;gap:3px;padding:16px 18px;border-radius:20px;background:linear-gradient(180deg,var(--card-1),var(--card-2));border:1px solid var(--card-bd);box-shadow:var(--card-shadow);-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%)}.clock-card .time{font-size:24px;font-weight:300;letter-spacing:-.02em;font-variant-numeric:tabular-nums}.clock-row{display:flex;align-items:center;gap:12px;padding:11px 0}.clock-row+.clock-row{border-top:1px solid var(--bd)}.clock-row .time{font-size:18px;font-variant-numeric:tabular-nums}.clock-row .zone{font-size:11px;color:var(--mut)}.bigclock{display:flex;align-items:baseline;gap:8px;font-variant-numeric:tabular-nums}.bigclock .t{font-size:22px;font-weight:400;letter-spacing:-.01em}.day-row{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid var(--bd)}.day-row .left{flex:1;min-width:0}.day-row .title{font-size:14px;font-weight:600}.day-row .sub{font-size:12px;color:var(--mut)}.day-row .val{font-size:15px;font-variant-numeric:tabular-nums;min-width:64px;text-align:right}.log-row{display:flex;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid var(--bd);font-size:13.5px}.log-row .kind{width:8px;height:8px;border-radius:50%;flex:none;background:#8e8e93}.log-row .kind.focus{background:var(--acc)}.log-row .kind.short{background:#0f7c80}.log-row .kind.long{background:#2b6e9e}.log-row .when{width:46px;font-variant-numeric:tabular-nums}.log-row .when.wide{width:92px;font-size:12px}.log-row .dur{width:48px;font-variant-numeric:tabular-nums}.log-row .mode{width:92px;font-size:12px}.log-row .task{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.log-row .who{width:110px;text-align:right}.empty-state{padding:28px 12px;text-align:center;color:var(--mut);font-size:13.5px;line-height:1.7}.toast{position:fixed;left:50%;bottom:26px;transform:translate(-50%);z-index:60;padding:11px 18px;border-radius:999px;background:var(--modal);color:var(--ink);-webkit-backdrop-filter:blur(30px) saturate(180%);backdrop-filter:blur(30px) saturate(180%);border:1px solid var(--bd);font-size:13px;font-weight:600;box-shadow:0 12px 40px #00000040;animation:rise .25s var(--ease)}.center-page{min-height:60vh;display:grid;place-items:center;text-align:center;padding:60px 0}.boot{min-height:100vh;display:grid;place-items:center;align-content:center;gap:12px;text-align:center}.overlay{position:fixed;inset:0;z-index:50;display:grid;grid-template-columns:minmax(0,1fr);place-items:center;padding:18px;background:#00000040;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);animation:fade .25s ease}@keyframes fade{0%{opacity:0}}.modal{width:min(560px,100%);min-width:0;max-height:min(88vh,900px);display:flex;flex-direction:column;background:var(--modal);-webkit-backdrop-filter:blur(30px) saturate(180%);backdrop-filter:blur(30px) saturate(180%);border:1px solid var(--bd);border-radius:28px;box-shadow:0 24px 70px #0000004d,inset 0 1px #fff6;animation:rise .35s var(--ease)}.modal.wide{width:min(900px,100%)}@keyframes rise{0%{transform:translateY(16px) scale(.97)}}.modal-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;padding:22px 24px 14px;flex:none}.modal-head h2{font-size:24px;font-weight:600;letter-spacing:-.02em}.modal-body{padding:16px 24px 22px;overflow-y:auto;flex:1 1 auto;min-height:0}.modal-foot{padding:16px 24px;border-top:1px solid var(--bd);display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;flex:none}.tabs{display:flex;gap:4px;padding:4px 24px 14px;flex-wrap:wrap;flex:none}.tabs button{padding:8px 14px;border-radius:999px;border:1px solid transparent;font-size:13.5px;font-weight:600;color:var(--mut);transition:all .25s ease}.tabs button[aria-selected=true]{color:var(--acc);background:var(--field);border-color:var(--bd);box-shadow:inset 0 1px #fff6}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px 20px}.setting{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 0;border-bottom:1px solid var(--bd)}.setting .name{font-size:14.5px}.setting .desc{font-size:12px;color:var(--mut)}.setting input[type=number]{width:82px}.modal h2+p{margin-top:3px}.site-header,.room-header{background:color-mix(in srgb,var(--bg) 74%,transparent)}html[data-theme=dark] .site-header,html[data-theme=dark] .room-header{background:color-mix(in srgb,var(--bg) 22%,rgba(10,10,14,.88))}.site-header{position:sticky;top:0;z-index:30;-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%);border-bottom:1px solid var(--bd)}.site-nav{display:flex;align-items:center;gap:18px;min-height:64px;flex-wrap:wrap;padding-block:8px}.brand{display:flex;align-items:center;gap:11px;font-size:17px;font-weight:600;letter-spacing:-.02em;text-decoration:none;color:var(--ink)}.brand .mark{width:28px;height:28px;flex:none;display:grid;place-items:center}.site-nav nav{display:flex;gap:18px;font-size:14px}.site-nav nav a{color:var(--mut);text-decoration:none;transition:color .25s ease}.site-nav nav a:hover{color:var(--ink)}.hero{display:grid;grid-template-columns:1.05fr .95fr;gap:46px;align-items:center;padding:60px 0 54px}.kicker{display:inline-flex;align-items:center;gap:8px;padding:6px 13px;border-radius:999px;border:1px solid var(--bd);background:var(--glass);-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%);font-size:11.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--mut)}.hero h1{font-size:clamp(38px,5.2vw,62px);font-weight:600;line-height:1.08;letter-spacing:-.03em;margin:20px 0 0}.hero h1 em{font-style:normal;color:var(--acc)}html[data-theme=dark] .hero h1 em{color:color-mix(in srgb,var(--acc) 45%,white)}.app-layer{position:relative;z-index:1}.hero p{margin-top:20px;max-width:46ch}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}.stat-strip{display:flex;flex-wrap:wrap;gap:14px;margin-top:34px;padding-top:26px;border-top:1px solid var(--bd)}.stat-strip .item{min-width:108px;padding:14px 16px;border-radius:20px;background:#ffffff47;border:1px solid var(--bd);box-shadow:inset 0 1px #ffffff59}html[data-theme=dark] .stat-strip .item{background:#ffffff14}.stat-strip .item .v{font-size:26px;font-weight:700;letter-spacing:-.02em;font-variant-numeric:tabular-nums}.stat-strip .item .k{font-size:10.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--mut);margin-top:2px}.section{padding:56px 0;border-top:1px solid var(--bd)}.section-head{display:grid;grid-template-columns:.85fr 1.15fr;gap:40px;margin-bottom:34px}.section-head h2{font-size:clamp(26px,3.2vw,38px);font-weight:600;letter-spacing:-.03em;line-height:1.12}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.feature{padding:22px 22px 24px;border-radius:20px}.feature h3{font-size:15.5px;font-weight:600;margin:12px 0 6px}.feature p{font-size:13.5px;color:var(--mut);line-height:1.6}.feature .glyph{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:var(--field);border:1px solid var(--bd);color:var(--acc)}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.step{padding:24px;border-radius:20px}.step .n{font-size:30px;font-weight:700;letter-spacing:-.03em;color:var(--acc);line-height:1}.step h3{margin:12px 0 6px;font-size:15.5px;font-weight:600}.step p{font-size:13.5px;color:var(--mut);line-height:1.6}.faq-item{border-bottom:1px solid var(--bd);padding:20px 0}.faq-item summary{cursor:pointer;font-size:15.5px;font-weight:600;list-style:none;display:flex;justify-content:space-between;gap:16px}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary:after{content:"+";color:var(--mut);font-weight:400}.faq-item[open] summary:after{content:"−"}.faq-item p{margin-top:10px;color:var(--mut);font-size:14px;max-width:78ch;line-height:1.65}.site-footer{border-top:1px solid var(--bd);padding:30px 24px 46px;display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;font-size:13px;color:var(--mut)}.demo-shell{padding:20px 22px 22px;border-radius:28px}.demo-shell .row.between{flex-wrap:wrap;row-gap:8px}.hero>*{min-width:0}.demo-shell .ring{width:min(280px,62vw);margin:14px 0 4px}.room-header{position:sticky;top:0;z-index:30;border-bottom:1px solid var(--bd);-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%)}.room-bar{display:flex;align-items:center;gap:12px;min-height:66px;padding-block:8px}.room-bar .brand{min-width:0}.room-grid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(300px,.9fr);gap:20px;padding:22px 0 60px;align-items:start}.column{display:flex;flex-direction:column;gap:20px;min-width:0}.room-grid>*,.timer-shell,.panel,.tile,.kv,.bars{min-width:0}@media (max-width: 900px){.hero{grid-template-columns:1fr;gap:36px;padding-top:44px}}@media (max-width: 1040px){.section-head{grid-template-columns:1fr;gap:14px}.room-grid{grid-template-columns:minmax(0,1.15fr) minmax(280px,.85fr);gap:16px}.feature-grid,.steps{grid-template-columns:repeat(2,1fr)}}@media (max-width: 820px){.room-grid{grid-template-columns:minmax(0,1fr)}}@media (max-width: 850px){.site-nav{display:flex;flex-wrap:wrap;align-items:center;gap:8px 10px;min-height:0;padding-block:10px}.site-nav>.spacer{display:none}.site-nav>.brand{order:1;flex:1 1 auto;min-width:0}.site-nav>.icon-btn{order:2;flex:none}.site-nav>.btn{order:3;flex:0 0 auto}.site-nav>.btn.primary{order:4}.site-nav nav{order:5;flex:1 1 100%;gap:18px;overflow-x:auto;padding:3px 0 1px;scrollbar-width:none;white-space:nowrap}.site-nav nav a{padding-block:7px}.site-nav nav::-webkit-scrollbar{display:none}}@media (max-width: 720px){.wrap{padding:0 16px}.section{padding:42px 0}.feature-grid,.steps,.settings-grid{grid-template-columns:1fr}.room-bar{display:grid;grid-template-columns:minmax(0,1fr) auto repeat(3,auto);align-items:center;gap:6px;min-height:0;padding-block:8px}.room-bar>.spacer,.room-bar>.chip{display:none}.room-bar .brand,.room-bar .brand-text{min-width:0}.room-bar .brand-name,.room-bar .brand-code{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.room-bar .bigclock .tiny{display:none}.room-bar button.row>.chip{display:none}.room-bar .icon-btn{width:40px;height:40px}.timer-shell{padding:22px 18px 20px}.timer-controls{gap:10px}.timer-controls .btn.primary{min-width:132px;padding-inline:18px}.overlay{align-items:end;padding:0}.modal{width:100%;max-height:92vh;border-radius:28px 28px 0 0}.modal-foot{padding-bottom:max(16px,env(safe-area-inset-bottom))}.stat-strip{gap:10px}.stat-strip .item{flex:1 1 44%;min-width:0}.segmented{width:100%;gap:3px;padding:4px}.segmented button{flex:1;padding:9px 6px;font-size:13px}.countdown{font-size:clamp(56px,22vw,88px)}.panel-head,.panel-body{padding-inline:16px}.kv{grid-template-columns:repeat(2,minmax(0,1fr))}.kv .cell{padding:13px 14px}.kv .cell .v{font-size:clamp(23px,7vw,30px)}.panel-head .label{min-width:0;overflow-wrap:anywhere}.panel-body>.row.between{flex-wrap:wrap;row-gap:8px}.bars{gap:5px}.bars .cap,.bars .day{font-size:9px}.room-grid{padding-top:14px;gap:14px}.column{gap:14px}.section-head{margin-bottom:24px}.site-footer{padding:24px 16px 34px}.site-footer>.row{align-items:flex-start;flex-direction:column;gap:8px!important}.modal-head{padding:18px 18px 12px}.modal-body{padding:14px 18px 20px}.tabs{padding:4px 18px 12px;overflow-x:auto;flex-wrap:nowrap}.tabs button{flex:none;white-space:nowrap}.modal-foot{align-items:stretch;padding-inline:18px}.modal-foot>.row{flex-wrap:wrap}.setting{align-items:flex-start;flex-wrap:wrap;row-gap:6px}.setting>span:first-child{min-width:0;flex:1 1 auto}.setting>.row{min-width:0!important;flex:0 1 auto}.setting>.row input[type=range]{min-width:0;width:100%}.setting>.segmented{width:100%}.setting>input.field{width:min(42vw,170px)!important}.log-row{gap:6px;font-size:12px}.log-row .when{width:auto;min-width:44px}.log-row .when.wide{width:auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.log-row .dur{width:auto}.log-row .mode{display:none}.log-row .who{width:auto;max-width:84px}}@media (max-width: 380px){.wrap{padding-inline:12px}.site-nav{gap:6px 8px}.site-nav>.btn{padding-inline:7px;font-size:11px}.hero h1{font-size:clamp(34px,10vw,42px)}.hero-actions>.btn{flex:1 1 100%}.timer-controls{gap:6px}.timer-controls .btn{padding-inline:10px}.timer-controls .btn.primary{min-width:112px;padding-inline:12px}.room-bar{gap:4px}.room-bar .icon-btn{width:36px;height:36px}.kv{grid-template-columns:minmax(0,1fr)}.stat-strip .item{padding:12px}}@supports (height: 100dvh){.modal{max-height:88dvh}}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;transition-duration:.01ms!important}}html[data-motion=reduce] *{animation-duration:.01ms!important;transition-duration:.01ms!important}@media (hover: none){.btn:hover,.icon-btn:hover,.task:hover,.intention:hover{transform:none}.icon-btn{width:44px;height:44px}.site-footer a,.site-nav nav a{padding-block:8px}.tabs button{min-height:40px}.segmented button{min-height:38px}}