.lead{white-space:pre-line}.hero{padding:56px 0 8px}h1{letter-spacing:-.03em;text-wrap:balance;font-size:clamp(2rem,7vw,3.25rem);font-weight:700;line-height:1.15}:lang(zh) h1{letter-spacing:-.01em;line-height:1.3}.lead{max-width:34em;color:var(--text-2);margin-top:16px;font-size:1.125rem}.tools{gap:12px;margin:0;padding:0;list-style:none;display:grid}.hero+.tools{margin-top:32px}.filter{flex-wrap:wrap;gap:8px;margin-top:32px;display:flex}.filter[hidden],.tools>li[hidden]{display:none}.filter+.tools{margin-top:16px}.chip{font:inherit;cursor:pointer;border:1px solid var(--border);background:var(--surface);color:var(--text-2);border-radius:999px;padding:4px 14px;font-size:14px;line-height:1.6}.chip:hover{border-color:var(--accent);color:var(--text)}.chip[aria-pressed=true]{background:var(--accent-soft);border-color:var(--accent);color:var(--accent);font-weight:600}.chip:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.tool-row{isolation:isolate;color:inherit;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);grid-template-columns:1fr auto;align-items:center;gap:16px 32px;padding:24px;text-decoration:none;transition:border-color .15s,transform .2s,box-shadow .2s;display:grid;position:relative;overflow:hidden}.tool-row:before{content:"";z-index:-1;pointer-events:none;opacity:0;background:radial-gradient(360px circle at var(--mx,50%) var(--my,50%), color-mix(in srgb, var(--accent) 18%, transparent), transparent 70%);transition:opacity .25s;position:absolute;inset:0}.tool-row:hover,.tool-row:focus-visible{border-color:var(--accent)}@media (hover:hover){.tool-row:hover{box-shadow:0 1px 2px #0000000d, 0 18px 36px -18px color-mix(in srgb, var(--accent) 45%, transparent);transform:translateY(-2px)}.tool-row:hover:before{opacity:1}}.tool-text{gap:6px;min-width:0;display:grid}.tool-text strong{color:var(--text);font-size:1.25rem;line-height:1.4}.tool-row:hover strong{color:var(--accent)}.tool-summary{color:var(--text-2)}.tool-url{font-family:var(--mono);color:var(--muted);overflow-wrap:anywhere;font-size:13px}.demo{border-left:1px solid var(--border);gap:6px;min-width:11em;padding-left:32px;display:grid}.demo[hidden]{display:none}.demo-code{font-family:var(--mono);letter-spacing:.04em;font-variant-numeric:tabular-nums;color:var(--text);white-space:nowrap;font-size:2rem;font-weight:700;line-height:1.2}.demo-bar{background:var(--surface-2);border-radius:999px;height:4px;display:block;overflow:hidden}.demo-bar i{transform-origin:0;background:var(--accent);height:100%;display:block}.demo-label{color:var(--muted);font-size:13px}.more{color:var(--muted);margin-top:16px;font-size:15px}footer a{color:inherit}footer a:hover{color:var(--text)}.log{gap:40px;margin-top:40px;display:grid}.log-day{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:20px 24px 22px}.log-day h2{font:600 .9375rem/1.4 var(--mono);letter-spacing:.04em;color:var(--muted);border-bottom:1px solid var(--border);padding-bottom:12px}.log-day ul{gap:14px;margin:16px 0 0;padding:0;list-style:none;display:grid}.log-day li{color:var(--text-2);grid-template-columns:4.5em 1fr;align-items:baseline;gap:16px;display:grid}.kind{background:var(--surface-2);color:var(--muted);white-space:nowrap;border-radius:999px;justify-self:start;padding:1px 10px;font-size:13px;font-weight:600;line-height:1.7}.kind.milestone{background:var(--accent-soft);color:var(--accent)}.kind.added{color:var(--ok)}.kind.changed{color:var(--accent)}.kind.fixed{color:var(--warn)}.about{gap:56px;max-width:54rem;margin-top:40px;display:grid}.about-block{color:var(--text-2);gap:14px;font-size:1.0625rem;line-height:1.75;display:grid}.about-block h2{font:600 .8125rem/1.4 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--muted);border-bottom:1px solid var(--border);padding-bottom:12px}.about-block ul{gap:8px;padding-left:1.25rem;list-style:outside;display:grid}.about-block a{color:var(--accent);text-underline-offset:3px}.privacy-updated{font:500 .8125rem/1.4 var(--mono);letter-spacing:.08em;color:var(--muted)}.about-word{font:700 clamp(1.75rem, 5vw, 2.5rem)/1.2 var(--mono);letter-spacing:-.02em;color:var(--muted)}.about-word span{color:var(--accent)}.cycle{grid-template-columns:minmax(0,22rem) 1fr;align-items:center;gap:32px;margin-top:8px;display:grid}.ring{width:100%;height:auto;overflow:visible}.ring-arc,.ring-gap{fill:none;stroke:var(--accent);stroke-width:2px;stroke-linecap:round}.ring-gap{stroke-dasharray:2 9;opacity:.6}.ring-place circle{fill:var(--bg);stroke:var(--accent);stroke-width:2px}.ring-place text{font:600 14px var(--sans);fill:var(--text)}.ring-num{font-family:var(--mono);fill:var(--accent)}.ring-comet circle{fill:var(--accent)}.ring-comet{animation:14s linear infinite ring-spin}@keyframes ring-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.ring-comet{animation:none}}.cycle-steps{gap:20px;margin:0;padding:0;list-style:none;display:grid}.cycle-steps li{grid-template-columns:2.25em 1fr;gap:12px;display:grid}.cycle-steps b{font:600 .875rem/1.9 var(--mono);color:var(--accent)}.cycle-steps h3{color:var(--text);font-size:1.0625rem;font-weight:600;line-height:1.6}.cycle-steps p{margin-top:2px;font-size:.9875rem;line-height:1.7}.quote{background:var(--surface);border:1px solid var(--border);border-left:3px solid var(--accent);border-radius:var(--radius);margin:12px 0 0;padding:24px 28px}.quote blockquote{gap:10px;margin:0;display:grid}.quote blockquote p{color:var(--text);text-wrap:balance;font-size:clamp(1.125rem,2.6vw,1.375rem);font-weight:500;line-height:1.55}.quote blockquote .quote-tr{color:var(--text-2);font-size:1rem;font-weight:400}.quote figcaption{color:var(--muted);margin-top:14px;font-size:14px}:root:not([data-theme=light]){& .demo{border-left-color:var(--border)}& .demo-code{color:#eaf6ff;text-shadow:0 0 18px #22d3ee73}& .demo-bar i{box-shadow:var(--glow)}& .tool-url{color:#7fc8e6b3}& .log-day h2{color:var(--accent);border-bottom-color:var(--border)}& .about-block h2{color:var(--accent)}& .ring-arc,& .ring-place circle,& .ring-comet circle{filter:drop-shadow(0 0 6px #22d3ee8c)}& .quote{box-shadow:var(--glow)}}@media (width<=640px){.hero{padding-top:32px}.tool-row{grid-template-columns:1fr;padding:20px}.log-day li{grid-template-columns:1fr;gap:6px}.log-day{padding:16px 18px 18px}.about{gap:44px;margin-top:28px}.cycle{grid-template-columns:1fr;gap:24px}.ring{justify-self:center;max-width:20rem}.quote{padding:20px}.demo{border-left:0;border-top:1px solid var(--border);padding:16px 0 0}}