@font-face{font-family:'DM Sans';src:url('fonts/dm-sans.ttf') format('truetype');font-weight:100 1000;font-style:normal;font-display:swap}
:root{--ink:#202638;--muted:#565e6d;--accent:#009b72;--accent-dark:#007f5d;--button:#00865f;--mint:#edf9f2;--surface:#f8faf9;--line:#e0e5e3;--ghost:#8b909b;--font:'DM Sans','Segoe UI',Arial,sans-serif;color-scheme:light}
*{box-sizing:border-box}
body{margin:0;background:white;color:var(--ink);font:16px/1.6 var(--font)}
a{color:inherit;text-underline-offset:4px}button,input,textarea{font:inherit}button,a,input,summary{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:default}button:hover{color:var(--accent-dark)}[hidden]{display:none!important}
nav{display:flex;align-items:center;justify-content:space-between;gap:20px;max-width:1280px;margin:auto;padding:23px 48px;min-height:86px}
.brand{display:flex;align-items:center;gap:11px;font-size:26px;font-weight:700;letter-spacing:-1px;text-decoration:none;flex-shrink:0}.logo{width:38px;height:38px;color:var(--accent)}.brand-animation{position:relative;display:inline-block}.brand-reserve{visibility:hidden}.brand-live{position:absolute;inset:0;white-space:nowrap}.brand-animation .animation-tab{left:calc(100% + 8px);top:8px;bottom:auto;font-size:10px;letter-spacing:0}
.nav-actions{display:flex;align-items:center;gap:30px;font-size:14px}.nav-actions a{text-decoration:none}.install{background:var(--button);color:white;border:1px solid var(--button);padding:12px 19px;min-height:46px;border-radius:7px;font-weight:650;transition:background .15s}.install:hover{background:var(--accent-dark);border-color:var(--accent-dark)}.install span{margin-left:13px}
main{max-width:1152px;margin:auto;padding:0 40px}.intro{position:relative;text-align:left;padding:73px 0 64px}h1{font-size:clamp(38px,5.3vw,64px);font-weight:650;letter-spacing:-2.2px;line-height:1.16;margin:0 0 27px;max-width:990px}.animated-line{display:block;position:relative}.line-reserve{visibility:hidden;display:block}.line-live{position:absolute;inset:0}.second-line{color:var(--accent)}.completion{color:var(--ghost)}.typing-caret{display:inline-block;position:relative;width:0;height:.87em;vertical-align:-.02em;animation:caret-blink 1s steps(1) infinite}.animation-tab{position:absolute;font:500 11px/1.6 var(--font);letter-spacing:0;color:var(--muted);background:white;border:1px solid #cbd1d9;box-shadow:0 2px 0 #e4e8ee;border-radius:5px;padding:1px 7px;bottom:-19px;left:calc(50% - 17px);transition:background .12s,transform .12s}.animation-tab.pressed{background:var(--mint);border-color:var(--accent);color:var(--accent-dark);transform:translateY(2px);box-shadow:none}.lede{font-size:19px;line-height:1.65;max-width:580px;margin:0 auto;color:var(--muted)}.animation-toggle{display:inline-flex;gap:5px;align-items:center;border:0;background:transparent;color:var(--muted);font-size:11px;padding:7px 9px;min-height:30px;margin-top:15px;border-radius:5px}.animation-toggle svg{width:12px;height:12px}.animation-toggle:hover{background:var(--surface)}
.workspace{border:1px solid var(--line);border-radius:14px;overflow:hidden;box-shadow:0 14px 50px #25332706;margin:0 auto}.workspace-bar{display:flex;align-items:center;justify-content:space-between;gap:20px;background:var(--mint);padding:17px 27px;border-bottom:1px solid var(--line)}.workspace-bar h2{font-size:22px;font-weight:650;letter-spacing:-.6px;margin:0}.example-options{display:flex;gap:5px;background:#dff1e7;padding:4px;border-radius:8px}.example{border:0;background:transparent;padding:8px 15px;min-height:40px;white-space:nowrap;border-radius:6px;font-size:13px;color:var(--muted);font-weight:550}.example.selected{background:white;box-shadow:0 1px 4px #1525360b;color:var(--ink)}.workspace-body{display:grid;grid-template-columns:minmax(0,1fr) 230px}.paper{min-width:0;padding:27px 32px 0}.paper-heading{font-size:16px;font-weight:650;border-bottom:1px solid var(--line);padding:0 0 17px}textarea{display:block;width:100%;min-height:250px;height:320px;padding:22px 0 10px;border:0;margin:0;resize:vertical;background:transparent;color:var(--ink);font:16px/1.75 var(--font);outline-offset:5px}.editor-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:58px;border-top:1px solid var(--line);color:var(--muted);font-size:12px}.editor-footer kbd:nth-child(2){margin-left:11px}kbd{font:500 10px/1.7 var(--font);background:var(--surface);border:1px solid var(--line);padding:1px 6px;margin-right:4px;border-radius:4px}.reset-example{font-size:12px;color:var(--muted);background:transparent;border:0;padding:10px 0 10px 12px;min-height:40px}.reset-example:hover{text-decoration:underline}aside{padding:29px 24px;background:var(--surface);border-left:1px solid var(--line)}.confidence-label{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px;font-size:13px;font-weight:600}.confidence-label output{color:var(--accent-dark);font-size:11px;font-weight:500}input[type=range]{width:100%;accent-color:var(--accent);min-height:25px;margin:17px 0 6px}#confidence-description,.privacy{font-size:12px;color:var(--muted);line-height:1.65;margin:0}.toggle{display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid var(--line);margin-top:27px;padding-top:21px;font-size:13px;font-weight:600}.toggle input{width:19px;height:19px;accent-color:var(--accent)}.privacy{margin-top:19px}.workspace-note{font-size:12px;line-height:1.6;color:var(--muted);margin:0;padding:13px 27px;border-top:1px solid var(--line)}
.philosophy{display:grid;grid-template-columns:.85fr 1.3fr;gap:80px;padding:85px 0 61px}.philosophy h2{font-size:40px;line-height:1.18;letter-spacing:-1.1px;font-weight:650;margin:0}.philosophy p{margin:0 0 18px;color:var(--muted);font-size:16px;line-height:1.75}.philosophy p:last-child{margin:0}.installation{border-top:1px solid var(--line);font-size:14px;padding:19px 0 23px}.installation summary{display:flex;align-items:center;justify-content:space-between;gap:15px;cursor:pointer;list-style:none;min-height:34px;color:var(--muted)}.installation summary::-webkit-details-marker{display:none}.installation summary span{font-size:22px;font-weight:400;color:var(--accent)}.installation[open] summary span{transform:rotate(45deg)}.installation p{max-width:820px;color:var(--muted);font-size:13px;line-height:1.7;margin:15px 0 0}.site-footer{max-width:1152px;margin:0 auto;padding:22px 40px 30px;display:flex;justify-content:flex-end;gap:26px;font-size:12px;color:var(--muted)}code{font:12px Consolas,monospace;background:var(--surface);padding:2px 4px;border-radius:3px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}:focus-visible{outline:3px solid var(--accent);outline-offset:4px}#rich-notes{border:1px solid var(--line);padding:15px 24px;border-radius:10px;font:17px/1.75 var(--font);min-height:180px}#rich-notes p{margin:10px 0}.setup{max-width:820px;margin:50px auto}.setup h1{font-size:42px;letter-spacing:-1.2px}.setup h2{font-size:22px}.setup p{color:var(--muted)}
.typing-caret::after{content:"";position:absolute;left:0;top:0;bottom:0;border-left:2px solid currentColor}.intro .animation-tab{left:0}.lede{margin-left:0}textarea{padding-top:0;height:390px}@media(max-width:600px){aside{display:block}.lede{margin-left:0}textarea{height:480px}}
@keyframes caret-blink{0%,50%{opacity:1}51%,100%{opacity:0}}
@media(max-width:850px){nav{padding:20px 30px}main{padding:0 30px}.intro{padding:60px 0 50px}h1{font-size:clamp(36px,5.8vw,54px);letter-spacing:-1.5px}.workspace-body{grid-template-columns:minmax(0,1fr) 200px}.paper{padding:23px 25px 0}aside{padding:25px 19px}.philosophy{gap:35px}.philosophy h2{font-size:32px}.site-footer{padding:20px 30px}}
@media(max-width:600px){nav{padding:17px 20px;min-height:76px}.brand{font-size:23px;gap:8px}.logo{width:32px;height:32px}.nav-actions{gap:0}.source{display:none}.install{font-size:12px;min-height:42px;padding:10px 12px}.install span{margin-left:5px}.brand-animation .animation-tab{left:calc(100% + 3px);font-size:9px;padding:0 3px;top:34px}main{padding:0 20px}.intro{padding:46px 0 38px}h1{font-size:clamp(32px,8.5vw,46px);letter-spacing:-1.2px;line-height:1.18;margin-bottom:23px}.second-line{margin-top:5px}.animation-tab{bottom:-16px;font-size:9px}.lede{font-size:16px;max-width:340px}.animation-toggle{margin-top:13px}.workspace-bar{padding:15px 17px;gap:10px}.workspace-bar h2{font-size:20px}.example-options{gap:0;padding:3px}.example{font-size:11px;padding:7px 9px;min-height:38px}.workspace-body{display:flex;flex-direction:column}.paper{padding:22px 20px 0}.paper-heading{font-size:15px;padding-bottom:15px}textarea{height:340px;font-size:15px;line-height:1.75}aside{display:grid;grid-template-columns:1fr auto;column-gap:25px;align-items:center;padding:15px 20px;border-left:0;border-top:1px solid var(--line);order:2}.confidence-label{grid-column:1;grid-row:1;font-size:12px}input[type=range]{grid-column:1;grid-row:2;margin:8px 0 0}.toggle{grid-column:2;grid-row:1 / 3;border:0;margin:0;padding:0;font-size:12px;gap:9px}#confidence-description{display:none}.privacy{grid-column:1 / 3;margin:8px 0 0;font-size:11px}.workspace-note{padding:12px 20px;font-size:11px}.editor-footer{font-size:11px}.reset-example{font-size:11px}.philosophy{grid-template-columns:1fr;gap:22px;padding:52px 0 38px}.philosophy h2{font-size:32px}.philosophy h2 br{display:none}.philosophy p{font-size:15px}.site-footer{padding:17px 20px 25px}.installation{padding:15px 0 20px}.setup{margin:35px auto}.setup h1{font-size:34px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.animation-toggle{display:none}}