:root,:root[data-theme=opaline]{color-scheme:light;--bg: #ecede9;--surface: #f5f5f2;--surface-2: #e3e4df;--dial-center: #f8f8f5;--dial-edge: #dfe0da;--ink: #15181c;--ink-2: rgba(21, 24, 28, .62);--ink-3: rgba(21, 24, 28, .4);--ink-4: rgba(21, 24, 28, .2);--hairline: rgba(21, 24, 28, .12);--hairline-strong: rgba(21, 24, 28, .22);--wash: rgba(21, 24, 28, .035);--accent: #23428c;--accent-hi: #3a63c4;--accent-soft: rgba(35, 66, 140, .1);--accent-ink: #f5f5f2;--danger: #a23b3b;--shadow-pop: 0 24px 60px -24px rgba(21, 24, 28, .28), 0 2px 6px rgba(21, 24, 28, .06);--enamel-garnet: #c93d45;--enamel-emerald: #128a64;--enamel-sapphire: #2a62c4;--enamel-amber: #b8820a;--enamel-amethyst: #6250d0;--enamel-sage: #2f7d1e;--enamel-teal: #0e7f95;--enamel-rosewood: #c25883;--enamel-slate: #5d6c88;--enamel-copper: #cc5a26;--enamel-none: #8a8f96}:root[data-theme=midnight]{color-scheme:dark;--bg: #0a1121;--surface: #0f1830;--surface-2: #142039;--dial-center: #18264a;--dial-edge: #0a1121;--ink: #e7eaf0;--ink-2: rgba(231, 234, 240, .66);--ink-3: rgba(231, 234, 240, .42);--ink-4: rgba(231, 234, 240, .2);--hairline: rgba(231, 234, 240, .1);--hairline-strong: rgba(231, 234, 240, .2);--wash: rgba(231, 234, 240, .04);--accent: #dda98e;--accent-hi: #f0c3ab;--accent-soft: rgba(221, 169, 142, .14);--accent-ink: #0a1121;--danger: #e08b82;--shadow-pop: 0 30px 70px -20px rgba(0, 0, 0, .6), 0 2px 8px rgba(0, 0, 0, .3);--enamel-garnet: #e06464;--enamel-emerald: #1a9a6e;--enamel-sapphire: #3f7fe0;--enamel-amber: #b88200;--enamel-amethyst: #8f82e6;--enamel-sage: #3a8a2a;--enamel-teal: #1b97ad;--enamel-rosewood: #cc5a86;--enamel-slate: #7b8aa6;--enamel-copper: #d4642e;--enamel-none: #7d8597}@media (prefers-color-scheme: dark){:root:not([data-theme=opaline]){color-scheme:dark;--bg: #0a1121;--surface: #0f1830;--surface-2: #142039;--dial-center: #18264a;--dial-edge: #0a1121;--ink: #e7eaf0;--ink-2: rgba(231, 234, 240, .66);--ink-3: rgba(231, 234, 240, .42);--ink-4: rgba(231, 234, 240, .2);--hairline: rgba(231, 234, 240, .1);--hairline-strong: rgba(231, 234, 240, .2);--wash: rgba(231, 234, 240, .04);--accent: #dda98e;--accent-hi: #f0c3ab;--accent-soft: rgba(221, 169, 142, .14);--accent-ink: #0a1121;--danger: #e08b82;--shadow-pop: 0 30px 70px -20px rgba(0, 0, 0, .6), 0 2px 8px rgba(0, 0, 0, .3);--enamel-garnet: #e06464;--enamel-emerald: #1a9a6e;--enamel-sapphire: #3f7fe0;--enamel-amber: #b88200;--enamel-amethyst: #8f82e6;--enamel-sage: #3a8a2a;--enamel-teal: #1b97ad;--enamel-rosewood: #cc5a86;--enamel-slate: #7b8aa6;--enamel-copper: #d4642e;--enamel-none: #7d8597}}:root{--font-display: "Bodoni Moda", "Noto Serif TC", "Songti TC", ui-serif, Georgia, serif;--font-text: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", "Noto Sans TC", "PingFang TC", system-ui, sans-serif;--step--1: 12px;--step-0: 14px;--step-1: 16px;--step-2: 20px;--step-3: 28px;--step-4: 40px;--step-5: 64px;--radius-card: 14px;--radius-chip: 999px;--ease: cubic-bezier(.2, .7, .1, 1);--t-fast: .18s;--t-med: .24s;--rail: 232px}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;text-size-adjust:100%}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font-text);font-size:var(--step-0);line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-feature-settings:"kern";transition:background-color var(--t-med) var(--ease)}h1,h2,h3,p{margin:0}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer;background:none;border:0;padding:0}a{color:inherit}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:6px}::selection{background:var(--accent-soft)}.visually-hidden{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.num{font-variant-numeric:tabular-nums lining-nums}.display{font-family:var(--font-display);font-optical-sizing:auto;font-weight:500;letter-spacing:-.01em}@media (prefers-reduced-motion: reduce){*,*:before,*:after{transition-duration:0ms!important;animation-duration:0ms!important}}:lang(zh-Hant) .dial-centre-label,:lang(zh-Hant) .now-title,:lang(zh-Hant) .tl-gap{font-style:normal}.app{min-height:100dvh;display:grid;grid-template-columns:var(--rail) minmax(0,1fr)}.rail{position:sticky;top:0;height:100dvh;display:flex;flex-direction:column;gap:36px;padding:28px 18px 22px 26px;border-right:1px solid var(--hairline)}.brand{display:flex;align-items:center;gap:10px;text-decoration:none}.brand-mark{width:26px;height:26px}.brand-name{display:grid;line-height:1}.brand-name b{font-family:var(--font-display);font-optical-sizing:auto;font-weight:500;font-size:22px;letter-spacing:-.01em}.brand-name small{margin-top:3px;font-size:10.5px;color:var(--ink-3);letter-spacing:.04em}.rail-nav{display:grid;gap:2px}.rail-link{display:flex;align-items:center;gap:12px;padding:9px 10px;margin-left:-10px;border-radius:10px;color:var(--ink-2);text-decoration:none;font-size:var(--step-0);transition:color var(--t-fast) var(--ease),background-color var(--t-fast) var(--ease)}.rail-link:hover{color:var(--ink);background:var(--wash)}.rail-link[aria-current=page]{color:var(--ink);font-weight:600}.rail-link[aria-current=page]:before{content:"";width:10px;height:2px;margin-left:-4px;background:var(--accent);border-radius:1px}.rail-link:not([aria-current=page]):before{content:"";width:6px}.rail-foot{margin-top:auto;display:grid;gap:10px;font-size:var(--step--1);color:var(--ink-3)}.rail-device{display:flex;align-items:center;gap:8px}.rail-device .pulse{width:6px;height:6px;border-radius:50%;background:var(--accent)}.main{min-width:0;padding:clamp(24px,4vw,52px) clamp(18px,4.5vw,64px) 80px;max-width:1240px}.tabbar{display:none}@media (max-width: 760px){.app{grid-template-columns:minmax(0,1fr)}.rail{display:none}.main{padding:22px 16px calc(96px + env(safe-area-inset-bottom))}.tabbar{position:fixed;inset:auto 0 0 0;display:grid;grid-template-columns:repeat(4,1fr);padding:8px 8px calc(8px + env(safe-area-inset-bottom));background:color-mix(in srgb,var(--bg) 86%,transparent);backdrop-filter:blur(18px) saturate(1.4);-webkit-backdrop-filter:blur(18px) saturate(1.4);border-top:1px solid var(--hairline);z-index:10}.tab{display:grid;justify-items:center;gap:3px;padding:6px 0;color:var(--ink-3);text-decoration:none;font-size:11px}.tab svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.4}.tab[aria-current=page]{color:var(--ink)}}.btn-primary,.btn-line,.btn-quiet{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:40px;padding:0 20px;border-radius:var(--radius-chip);font-size:var(--step-0);font-weight:600;letter-spacing:.01em;transition:background-color var(--t-fast) var(--ease),color var(--t-fast) var(--ease),border-color var(--t-fast) var(--ease),transform var(--t-fast) var(--ease)}.btn-primary{background:var(--accent);color:var(--accent-ink);min-width:112px}.btn-primary:hover{background:var(--accent-hi)}.btn-primary:active,.btn-line:active{transform:scale(.98)}.btn-line{border:1px solid var(--hairline-strong);color:var(--ink)}.btn-line:hover{border-color:var(--ink-3)}.btn-quiet{height:32px;padding:0 12px;color:var(--ink-2);font-weight:500}.btn-quiet:hover:not(:disabled){color:var(--ink);background:var(--wash)}.btn-quiet:disabled{color:var(--ink-4);cursor:default}.btn-icon{display:inline-grid;place-items:center;width:32px;height:32px;border-radius:50%;color:var(--ink-2)}.btn-icon svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.btn-icon:hover:not(:disabled){background:var(--wash);color:var(--ink)}.btn-icon:disabled{color:var(--ink-4);cursor:default}.rail-timer{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;column-gap:9px;row-gap:2px;padding:12px;margin-left:-12px;border-radius:12px;background:var(--wash);text-decoration:none;color:var(--ink)}.rail-timer-name{font-size:var(--step--1);font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rail-timer-time{grid-column:2;font-family:var(--font-display);font-size:var(--step-2);line-height:1}.rail-sync{color:var(--ink-2)}.rail-sync.is-warn{color:var(--danger)}.rail-getmac{text-decoration:none;color:var(--ink-2)}.rail-getmac:hover{color:var(--ink)}.demo-banner{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 16px;margin-bottom:28px;padding:10px 10px 10px 16px;border-radius:12px;background:var(--accent-soft);color:var(--ink);font-size:var(--step--1)}.page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:clamp(24px,4vw,40px)}.page-title{font-size:clamp(34px,4.4vw,48px);line-height:1}.page-sub{margin-top:8px;color:var(--ink-2);font-size:var(--step-1)}.seg{display:flex;flex-wrap:wrap;gap:4px;padding:3px;border-radius:12px;background:var(--wash)}.seg-item{flex:1 1 auto;height:32px;padding:0 10px;border-radius:9px;color:var(--ink-2);font-size:var(--step--1);white-space:nowrap}.seg-item[aria-checked=true]{background:var(--surface);color:var(--ink);font-weight:600;box-shadow:0 1px 2px #00000014,0 0 0 1px var(--hairline)}.chrono{display:flex;align-items:baseline;gap:.12em;font-family:var(--font-display);font-optical-sizing:auto;font-weight:500;line-height:1;color:var(--ink);font-variant-numeric:lining-nums}.chrono-main{font-size:clamp(56px,7.4vw,84px);letter-spacing:-.01em}.chrono-sec{font-size:clamp(24px,2.6vw,30px);color:var(--ink-3)}.chrono-digit{display:inline-block;width:.6em;text-align:center}.chrono-colon{display:inline-block;width:.26em;text-align:center;color:var(--ink-3);transform:translateY(-.06em)}.popover,.sheet{z-index:40;background:var(--surface);border:1px solid var(--hairline);box-shadow:var(--shadow-pop);color:var(--ink);animation:pop-in var(--t-med) var(--ease)}.popover{border-radius:var(--radius-card);padding:8px}.sheet{position:fixed;inset:auto 0 0 0;max-height:82dvh;overflow:auto;border-radius:20px 20px 0 0;padding:10px 12px calc(16px + env(safe-area-inset-bottom));animation-name:sheet-in}.sheet:before{content:"";display:block;width:36px;height:4px;margin:2px auto 10px;border-radius:2px;background:var(--ink-4)}.sheet-scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:39;background:#05081052;animation:fade-in var(--t-med) var(--ease)}@keyframes pop-in{0%{opacity:0;transform:translateY(-4px) scale(.985)}}@keyframes sheet-in{0%{transform:translateY(24px);opacity:0}}@keyframes fade-in{0%{opacity:0}}.menu{list-style:none;margin:0;padding:0;display:grid;gap:1px}.menu-item{width:100%;display:flex;align-items:center;gap:10px;min-height:38px;padding:0 10px;border-radius:9px;text-align:left;color:var(--ink)}.menu-item:hover,.menu-item:focus-visible,.menu-item[aria-selected=true]{background:var(--wash);outline:none}.menu-item .meta{margin-left:auto;color:var(--ink-3);font-size:var(--step--1)}.menu-sep{height:1px;margin:6px 4px;background:var(--hairline)}.menu-head{padding:8px 10px 4px;color:var(--ink-3);font-size:var(--step--1)}.field{display:grid;gap:6px}.field>span{font-size:var(--step--1);color:var(--ink-2)}.input{height:40px;padding:0 12px;border-radius:10px;border:1px solid var(--hairline-strong);background:var(--bg);outline:none;transition:border-color var(--t-fast) var(--ease)}.input:focus{border-color:var(--accent)}.input::placeholder{color:var(--ink-3)}textarea.input{height:auto;min-height:72px;padding:10px 12px;resize:vertical}.picker-search{width:100%;margin-bottom:6px}.picker-list{max-height:300px;overflow:auto}.dial{position:relative;margin:0;width:100%;max-width:460px;aspect-ratio:1}.dial-face{position:absolute;top:.5%;right:.5%;bottom:.5%;left:.5%;border-radius:50%;background:var(--dial-texture),radial-gradient(circle at 50% 42%,var(--dial-center) 0%,var(--dial-edge) 78%);box-shadow:inset 0 0 0 1px var(--hairline),inset 0 1px #ffffff59,0 1px #fff6,0 30px 60px -36px #0a0e1e73}:root{--dial-texture: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 0  0 0 0 0 0  0 0 0 0 0  0 0 0 0.07 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>")}:root[data-theme=midnight]{--dial-texture: repeating-conic-gradient( from 0deg at 50% 50%, rgba(255, 255, 255, .018) 0deg .6deg, rgba(0, 0, 0, .03) .6deg 1.2deg )}@media (prefers-color-scheme: dark){:root:not([data-theme=opaline]){--dial-texture: repeating-conic-gradient( from 0deg at 50% 50%, rgba(255, 255, 255, .018) 0deg .6deg, rgba(0, 0, 0, .03) .6deg 1.2deg )}:root:not([data-theme=opaline]) .dial-face{box-shadow:inset 0 0 0 1px var(--hairline),inset 0 1px #ffffff0f,0 40px 80px -40px #000c}}:root[data-theme=midnight] .dial-face{box-shadow:inset 0 0 0 1px var(--hairline),inset 0 1px #ffffff0f,0 40px 80px -40px #000c}.dial-svg{position:relative;display:block;width:100%;height:100%;overflow:visible}.dial-ring{fill:none;stroke:var(--ink-3);stroke-width:.75}.dial-ring-faint{stroke:var(--hairline)}.dial-tick{stroke:var(--ink-3);stroke-width:.75}.dial-tick-h{stroke:var(--ink-2);stroke-width:1.1}.dial-tick-major{stroke:var(--ink);stroke-width:2.2}.dial-numeral{font-family:var(--font-display);font-optical-sizing:auto;font-size:13px;font-weight:500;fill:var(--ink-2);text-anchor:middle;font-variant-numeric:lining-nums}.dial-workday{fill:none;stroke:var(--accent);stroke-width:1.5;stroke-linecap:round;opacity:.85}.dial-track,.dial-lived{fill:none;stroke:var(--wash)}.dial-edge{fill:none;stroke:var(--hairline);stroke-width:.75}.dial-arc{fill:none;stroke:var(--arc);stroke-linecap:butt;transition:opacity var(--t-fast) var(--ease),stroke-width var(--t-fast) var(--ease);cursor:default}.dial-arc-soft{opacity:.6}.dial-arc-private{stroke:var(--ink-4)}.dial-arc.is-dim{opacity:.32}.dial-arc.is-hot{stroke-width:34px;opacity:1}.dial-glaze{fill:none;stroke:#ffffff57;stroke-width:1;pointer-events:none}.dial-hatch-bg{fill:var(--accent-soft)}.dial-hatch-line{stroke:var(--accent);stroke-width:1.4;opacity:.55}.dial-hand line{stroke:var(--accent);stroke-width:1.5;stroke-linecap:round}.dial-hand path{fill:var(--accent-hi);stroke:var(--accent);stroke-width:.75}.dial-centre text{text-anchor:middle}.dial-centre-label{font-family:var(--font-display);font-style:italic;font-size:15px;fill:var(--ink-2)}.dial-centre-figure{font-family:var(--font-display);font-optical-sizing:auto;font-size:68px;font-weight:500;fill:var(--ink);letter-spacing:-.01em;font-variant-numeric:lining-nums tabular-nums}.dial-centre-figure-sm{font-size:54px}.dial-centre-sub{font-family:var(--font-text);font-size:12.5px;fill:var(--ink-2);letter-spacing:.02em}.dial-centre.is-reading .dial-centre-label{font-style:normal;font-family:var(--font-text);font-size:13px;font-weight:600;fill:var(--ink)}.dial-sweep{stroke-dashoffset:var(--circ);animation:dial-sweep .9s var(--ease) 80ms forwards}@keyframes dial-sweep{to{stroke-dashoffset:0}}@media (prefers-reduced-motion: reduce){.dial-sweep{animation:none;stroke-dashoffset:0}.dial-arc{transition:none}}.ed{display:grid;gap:14px;padding:8px 8px 6px}.ed-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding-bottom:10px;border-bottom:1px solid var(--hairline)}.ed-time{color:var(--ink-2)}.ed-dur{font-size:var(--step-3);line-height:1}.ed-title{color:var(--ink);font-weight:600;overflow-wrap:anywhere}.ed-project{display:flex;align-items:center;gap:10px;text-align:left}.ed-times{display:grid;grid-template-columns:1fr 1fr;gap:10px}.ed-apps{list-style:none;margin:0;padding:0;display:grid;gap:6px;font-size:var(--step--1)}.ed-apps li{display:grid;grid-template-columns:minmax(0,1fr) 80px 40px;align-items:center;gap:10px;color:var(--ink-2)}.ed-app-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ed-app-bar{height:4px;border-radius:2px;background:var(--wash);overflow:hidden}.ed-app-bar span{display:block;height:100%;background:var(--ink-3)}.ed-apps .num{text-align:right}.ed-label{color:var(--ink-2);font-size:var(--step--1)}.ed-projects{max-height:240px;overflow:auto;margin:-6px -4px 0}.ed-plus{width:9px;text-align:center;color:var(--ink-3)}.ed-always{display:flex;align-items:center;gap:10px;font-size:var(--step--1);color:var(--ink-2);padding-top:10px;border-top:1px solid var(--hairline)}.ed-always input{accent-color:var(--accent)}.ed-note{color:var(--ink-2);line-height:1.55}.ed-actions{display:flex;justify-content:space-between;align-items:center;padding-top:4px}.ed-delete{color:var(--danger)}.today{display:grid;gap:clamp(28px,4vw,48px)}.day-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px}.day-name{font-size:clamp(34px,4.4vw,48px);line-height:1}.day-date{margin-top:8px;color:var(--ink-2);font-size:var(--step-1)}.day-nav{display:flex;align-items:center;gap:4px}.today-hero{display:grid;grid-template-columns:minmax(280px,440px) minmax(0,1fr);align-items:center;gap:clamp(28px,5vw,72px)}.today-side{display:grid;gap:36px;align-content:center}.now{display:grid;justify-items:start;gap:10px}.now-project{display:flex;align-items:center;gap:8px;font-size:var(--step-0);font-weight:600;color:var(--ink)}.now-title{font-family:var(--font-display);font-optical-sizing:auto;font-style:italic;font-weight:400;font-size:var(--step-3);line-height:1.15;color:var(--ink);max-width:22ch}.now .chrono{margin-top:6px}.now-meta{color:var(--ink-3);font-size:var(--step--1)}.now-actions{margin-top:10px;display:flex;gap:10px}.dot{width:9px;height:9px;border-radius:50%;background:var(--arc);box-shadow:inset 0 0 0 1px #0000001f;flex:none}.ledger{margin:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid var(--hairline);padding-top:18px}.ledger>div{padding:0 16px;border-left:1px solid var(--hairline)}.ledger>div:first-child{padding-left:0;border-left:0}.ledger dt{color:var(--ink-2);font-size:var(--step--1)}.ledger dd{margin:4px 0 0;font-size:var(--step-3);line-height:1.1}.section-title{font-family:var(--font-display);font-optical-sizing:auto;font-weight:500;font-size:var(--step-2);padding-bottom:12px;border-bottom:1px solid var(--hairline-strong)}.tl{list-style:none;margin:0;padding:0}.tl-row{display:grid;grid-template-columns:92px 3px minmax(0,1.3fr) minmax(0,1fr) 64px 56px;align-items:center;gap:18px;min-height:64px;padding:10px 0;border-bottom:1px solid var(--hairline)}.tl-time{display:grid;font-size:var(--step-0);color:var(--ink)}.tl-time-end{color:var(--ink-3);font-size:var(--step--1)}.is-running .tl-time-end{color:var(--accent)}.tl-bar{align-self:stretch;border-radius:2px;background:var(--arc)}.tl-auto .tl-bar{opacity:.6}.tl-unsorted .tl-bar{background:repeating-linear-gradient(135deg,var(--accent) 0 1.5px,transparent 1.5px 4px);opacity:.7}.tl-what{display:grid;min-width:0}.tl-project{font-weight:600;font-size:var(--step-0)}.tl-unsorted .tl-project{color:var(--ink-2);font-weight:500}.tl-title{color:var(--ink-2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tl-apps{display:flex;flex-wrap:wrap;gap:4px 14px;font-size:var(--step--1);color:var(--ink-3);min-width:0}.tl-app{display:inline-flex;gap:5px;white-space:nowrap}.tl-app-share{color:var(--ink-4)}.tl-dur{text-align:right;font-size:var(--step-2)}.tl-act{text-align:right}.tl-gap{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:14px;padding:14px 0;color:var(--ink-3);font-size:var(--step--1);font-style:italic;font-family:var(--font-display)}.tl-gap-rule{height:1px;background:repeating-linear-gradient(90deg,var(--hairline-strong) 0 2px,transparent 2px 6px)}@media (max-width: 980px){.today-hero{grid-template-columns:minmax(0,1fr);justify-items:center}.today-side{width:100%}.tl-row{grid-template-columns:64px 3px minmax(0,1fr) 56px}.tl-apps,.tl-act{display:none}}@media (max-width: 560px){.ledger{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:16px}.ledger>div:nth-child(3){padding-left:0;border-left:0}}.now-question{font-size:var(--step-3);line-height:1.15}.now-form{margin-top:14px;width:100%;display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:8px;padding:6px 6px 6px 16px;border:1px solid var(--hairline-strong);border-radius:var(--radius-chip);background:var(--surface);transition:border-color var(--t-fast) var(--ease)}.now-form:focus-within{border-color:var(--accent)}.now-input{min-width:0;height:40px;border:0;outline:none;background:transparent;font-size:var(--step-1)}.now-input::placeholder{color:var(--ink-3)}.now-project-btn{display:inline-flex;align-items:center;gap:8px;height:36px;padding:0 10px 0 12px;border-radius:var(--radius-chip);color:var(--ink-2);white-space:nowrap;max-width:180px;overflow:hidden;text-overflow:ellipsis}.now-project-btn:hover{background:var(--wash);color:var(--ink)}.now-project-btn svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.5}.now-recents{margin-top:6px;display:flex;flex-wrap:wrap;align-items:center;gap:8px}.now-recents-label{color:var(--ink-3);font-size:var(--step--1);margin-right:4px}.chip{display:inline-flex;align-items:center;gap:8px;min-height:34px;padding:4px 14px 4px 12px;border-radius:var(--radius-chip);border:1px solid var(--hairline);color:var(--ink);text-align:left;transition:border-color var(--t-fast) var(--ease),background-color var(--t-fast) var(--ease)}.chip:hover{border-color:var(--hairline-strong);background:var(--wash)}.chip-text{display:grid;line-height:1.25;font-size:var(--step--1);font-weight:600}.chip-sub{font-weight:400;color:var(--ink-2);max-width:22ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tl-what{text-align:left;border-radius:8px;padding:4px 6px;margin:-4px -6px}.tl-what:hover{background:var(--wash)}.empty{padding:28px 0;color:var(--ink-2);max-width:56ch}.tl-bar-scatter{display:flex;flex-direction:column;gap:1px;background:none}.tl-bar-scatter span{min-height:2px;border-radius:1px;background:var(--arc)}.tl-bar-scatter span.is-hatch{background:color-mix(in srgb,var(--accent) 45%,transparent)}.tl-scatter .tl-project{display:inline-flex;align-items:center;gap:6px;font-weight:500;color:var(--ink-2)}.tl-chevron{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.5;transition:transform var(--t-fast) var(--ease)}.tl-scatter.is-open .tl-chevron{transform:rotate(180deg)}.tl-row.is-inner{padding-left:18px;background:var(--wash);min-height:52px}.reflect{display:grid;gap:8px;width:100%;margin-bottom:26px;padding:18px 20px;border-radius:var(--radius-card);background:var(--accent-soft)}.reflect-q{font-size:var(--step-2)}.reflect-what{color:var(--ink-2);font-size:var(--step--1)}.reflect-row{display:flex;flex-wrap:wrap;gap:8px}.reflect-row .input{flex:1 1 200px;min-width:0}.reflect .rating{display:flex;align-items:center;gap:4px}.reflect .rate{width:32px;height:32px;border-radius:50%;display:grid;place-items:center}.reflect .rate span{width:16px;height:16px;border-radius:50%;border:1.25px solid var(--ink-3)}.reflect .rate.is-on span{background:var(--accent);border-color:var(--accent)}.reflect .rating-word{margin-left:8px;color:var(--ink-2);font-family:var(--font-display);font-style:italic}:lang(zh-Hant) .reflect .rating-word{font-style:normal}.first-run{display:grid;gap:12px;justify-items:start;padding:26px 28px;border-radius:var(--radius-card);border:1px solid var(--hairline-strong)}.first-run h2{font-size:var(--step-3);line-height:1.15}.first-run p{color:var(--ink-2);max-width:58ch}.first-run-form{display:flex;gap:8px;width:min(100%,520px)}.first-run-form .input{flex:1;min-width:0}.first-run-list{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px 18px}.first-run-list li{display:inline-flex;align-items:center;gap:8px;font-weight:600}.now-plan{margin-top:4px;display:flex;flex-wrap:wrap;align-items:center;gap:6px}.plan-chip{height:28px;padding:0 12px;border-radius:var(--radius-chip);border:1px solid var(--hairline);color:var(--ink-2);font-size:var(--step--1)}.plan-chip[aria-checked=true]{border-color:var(--accent);color:var(--ink);background:var(--accent-soft)}.plan-line{display:grid;gap:6px;width:min(100%,320px)}.plan-track{height:2px;border-radius:1px;background:var(--hairline);overflow:hidden}.plan-track span{display:block;height:100%;background:var(--accent);transition:width 1s linear}.plan-text{font-size:var(--step--1);color:var(--ink-3)}.plan-line.is-done .plan-text{color:var(--accent)}.landing{min-height:100dvh;max-width:1240px;margin:0 auto;padding:24px clamp(16px,5vw,64px) 40px;display:grid;grid-template-rows:auto 1fr auto auto;gap:clamp(32px,6vw,72px)}.landing-bar{display:flex;align-items:center;justify-content:space-between}.landing-hero{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);align-items:center;gap:clamp(32px,5vw,80px)}.landing-title{font-size:clamp(48px,7.2vw,96px);line-height:.98;letter-spacing:-.02em;max-width:9ch}:lang(zh-Hant) .landing-title{font-size:clamp(40px,5.6vw,72px);line-height:1.15;letter-spacing:.02em}.landing-lede{margin-top:28px;max-width:46ch;font-size:var(--step-1);line-height:1.65;color:var(--ink-2)}.landing-cta{margin-top:36px;display:flex;flex-wrap:wrap;gap:12px}.landing-cta .btn-primary,.landing-cta .btn-line{height:46px;padding:0 26px}.landing-dial{display:grid;justify-items:center}.landing-dial .dial{max-width:560px}.landing-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(20px,4vw,56px);padding-top:28px;border-top:1px solid var(--hairline)}.landing-facts h2{font-size:var(--step-2);line-height:1.2}.landing-facts p{margin-top:10px;color:var(--ink-2);max-width:38ch;line-height:1.6}.landing-foot{color:var(--ink-3);font-size:var(--step--1)}@media (max-width: 860px){.landing-hero,.landing-facts{grid-template-columns:minmax(0,1fr)}}