.landing{--l-bg:#0f0f14;--l-surface:#1c1c24;--l-raised:#292933;--l-line:#24242d;--l-text:#ededf2;--l-text-2:#9e9ead;--l-text-3:#6c6c79;--l-amber:#ffb84d;--l-amber-ink:#140f05;--l-serif:"Newsreader", "New York", ui-serif, Georgia, serif;--l-sans:"Instrument Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--l-gutter:clamp(16px, 4vw, 48px);background:var(--l-bg);min-height:100vh;color:var(--l-text);font-family:var(--l-sans);font-size:1.0625rem;line-height:1.55;overflow-x:clip}.landing>*{max-width:1160px;padding-inline:var(--l-gutter);margin-inline:auto}.landing h1,.landing h2,.landing h3{font-family:var(--l-serif);letter-spacing:-.015em;margin:0;font-weight:500}.landing h2{max-width:18ch;font-size:clamp(1.9rem,3.6vw,2.75rem);line-height:1.1}.landing p{margin:0}.landing a{color:var(--l-amber)}.landing a:hover{color:#ffcd80}.landing a:focus-visible,.landing button:focus-visible{outline:2px solid var(--l-amber);outline-offset:3px;border-radius:6px}.l-top{justify-content:space-between;align-items:center;padding-block:22px;display:flex}.l-wordmark{color:var(--l-amber);align-items:center;gap:8px;font-size:1.125rem;font-weight:600;display:inline-flex}.l-bubble{flex:none;width:22px;height:22px}.landing .l-signin{color:var(--l-text);border:1px solid var(--l-raised);border-radius:999px;padding:8px 16px;font-weight:500}.landing .l-signin:hover{color:var(--l-text);background:var(--l-surface);text-decoration:none}.l-hero{grid-template-columns:minmax(0,1fr) minmax(0,1.08fr);align-items:end;gap:clamp(32px,5vw,72px);padding-block:clamp(40px,9vh,104px) clamp(64px,12vh,136px);display:grid}.l-hero h1{letter-spacing:-.025em;max-width:11ch;font-size:clamp(2.75rem,6.2vw,5rem);line-height:1}.landing .l-lede{max-width:34ch;color:var(--l-text-2);margin-top:36px;font-size:1.1875rem}.l-sample{background:var(--l-surface);box-shadow:0 0 0 1px var(--l-line), 0 40px 80px -40px #ffb84d2e;border-radius:22px;margin:0;padding:clamp(22px,3vw,34px)}.l-sample-title{margin-bottom:14px;font-size:1.0625rem;font-weight:600}.l-sample-text{font-family:var(--l-serif);color:var(--l-text);font-size:clamp(1.3rem,2.1vw,1.6rem);line-height:1.55}.l-word{border-radius:3px}.l-word-current{background:var(--l-amber);color:var(--l-amber-ink);box-shadow:0 0 0 2px var(--l-amber)}.l-sample-bar{background:var(--l-raised);border-radius:2px;height:4px;margin-top:26px;overflow:hidden}.l-sample-bar span{background:var(--l-amber);transform-origin:0;height:100%;transition:transform .3s linear;display:block}.l-sample-foot{justify-content:space-between;align-items:center;gap:12px;margin-top:16px;display:flex}.l-sample-count{color:var(--l-text-3);font-variant-numeric:tabular-nums;font-size:.875rem}.l-sample-rate{background:var(--l-raised);color:var(--l-text-2);border-radius:6px;margin-right:14px;padding:3px 8px;font-weight:600}.l-listen{font:inherit;color:var(--l-amber-ink);background:var(--l-amber);cursor:pointer;border:0;border-radius:999px;align-items:center;gap:10px;padding:10px 18px 10px 12px;font-size:.9375rem;font-weight:600;display:inline-flex}.l-listen:hover{background:#ffc670}.l-listen svg{width:20px;height:20px}.l-steps{border-top:1px solid var(--l-line);padding-block:clamp(56px,9vh,112px)}.l-step-list{counter-reset:step;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(24px,4vw,56px);margin:48px 0 0;padding:0;list-style:none;display:grid}.l-step-list li{counter-increment:step}.l-step-list li:before{content:counter(step);font-family:var(--l-serif);color:var(--l-amber);margin-bottom:18px;font-size:3.25rem;line-height:1;display:block}.l-step-list h3{margin-bottom:8px;font-size:1.5rem}.l-step-list p{color:var(--l-text-2);max-width:34ch}.l-code{border:1px solid var(--l-line);color:var(--l-text-2);background:#15151c;border-radius:14px;margin:48px 0 0;padding:22px 24px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.875rem;line-height:1.7;overflow-x:auto}.l-code code{font-size:inherit;background:0 0;padding:0}.l-device{border-top:1px solid var(--l-line);padding-block:clamp(56px,10vh,120px)}.l-device-copy p{color:var(--l-text-2);max-width:44ch;margin-top:20px}.l-facts{max-width:44ch;margin:28px 0 0;padding:0;list-style:none}.l-facts li{border-top:1px solid var(--l-line);padding:12px 0 12px 22px;position:relative}.l-facts li:before{content:"";background:var(--l-amber);border-radius:2px;width:8px;height:8px;position:absolute;top:22px;left:0}.l-iphone{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);align-items:center;gap:clamp(40px,6vw,88px);display:grid}.l-phones{justify-content:center;gap:clamp(14px,2.4vw,28px);display:flex}.l-phone{background:#050507;border-radius:48px;flex:0 290px;padding:9px;box-shadow:0 0 0 1.5px #34343f,0 50px 90px -50px #000000e6}.l-phone img{border-radius:39px;width:100%;height:auto;display:block}.l-phone-raised{transform:translateY(-44px)}.l-menubar{height:30px;color:var(--l-text);background:#24242ed9;border-radius:10px;justify-content:flex-end;align-items:center;gap:18px;padding-inline:16px;font-size:.8125rem;font-weight:500;display:flex}.l-menubar-item{color:var(--l-text);background:#ffffff24;border-radius:5px;align-items:center;gap:5px;padding:2px 8px;display:inline-flex}.l-menubar-item .l-bubble{width:16px;height:16px;color:var(--l-amber)}.l-menubar-glyph{width:18px;height:13px}.l-menubar-battery{width:25px}.l-mac-body{grid-template-columns:minmax(0,1fr) 400px;grid-template-areas:"copy panel";align-items:start;gap:clamp(40px,6vw,88px);display:grid}.l-mac-body .l-device-copy{grid-area:copy;padding-top:clamp(40px,7vh,80px)}.l-mac-panel{border-radius:13px;grid-area:panel;justify-self:end;width:400px;max-width:100%;height:auto;margin-top:6px;box-shadow:0 0 0 1px #34343f,0 40px 80px -30px #000000d9}.l-browser{border-top:1px solid var(--l-line);padding-block:clamp(48px,8vh,96px)}.l-browser p{color:var(--l-text-2);max-width:52ch;margin-top:16px}.l-foot{border-top:1px solid var(--l-line);color:var(--l-text-3);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px 32px;padding-block:40px 56px;font-size:.9375rem;display:flex}.l-foot-links{gap:24px;display:flex}@media (width<=900px){.l-hero,.l-iphone{grid-template-columns:minmax(0,1fr)}.l-hero{align-items:start}.l-step-list{grid-template-columns:minmax(0,1fr);gap:36px}.l-menubar-glyph{width:18px;height:13px}.l-menubar-battery{width:25px}.l-mac-body{grid-template-columns:minmax(0,1fr);grid-template-areas:"panel""copy"}.l-mac-body .l-device-copy{padding-top:0}}@media (width<=520px){.l-phone{border-radius:34px;padding:6px}.l-phone img{border-radius:28px}.l-phone-raised{transform:translateY(-24px)}.l-sample-words{display:none}}@media (prefers-reduced-motion:reduce){.l-sample-bar span{transition:none}}:root{--bg:#111;--surface:#1a1a1c;--surface-2:#232326;--border:#2e2e33;--text:#eee;--muted:#9a9aa2;--accent:#7aa7e6;--accent-strong:#9cc0f2;--accent-bg:#7aa7e61f;--danger:#e57373;--danger-bg:#e573731f;--reader-accent:#ffb84d;--reader-accent-text:#140f05;--reader-surface:#1c1c24;--reader-surface-raised:#292933;--reader-text-secondary:#9e9ead;--reader-text-dim:#7a7a86;--serif:"New York", ui-serif, "Iowan Old Style", "Palatino Linotype", Georgia, "Times New Roman", serif;--radius:10px;--font:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--mono:ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%;margin:0;font-size:16px;line-height:1.5}a{color:var(--accent);text-decoration:none}a:hover{color:var(--accent-strong);text-decoration:underline}h1{margin:0 0 1rem;font-size:1.6rem;line-height:1.25}h2{margin:0 0 .75rem;font-size:1.1rem}code{font-family:var(--mono);background:var(--surface-2);border-radius:4px;padding:.1em .35em;font-size:.9em}.muted{color:var(--muted)}.boot{color:var(--muted);text-align:center;margin-top:30vh}.app{min-height:100vh}.nav{z-index:10;padding:.75rem max(1rem, env(safe-area-inset-left));-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--border);background:#111111eb;align-items:center;gap:1.25rem;display:flex;position:sticky;top:0}.brand{color:var(--text);letter-spacing:.01em;font-size:1.15rem;font-weight:700}.brand:hover,.brand.active{color:var(--text);text-decoration:none}.nav-links{gap:1rem;display:flex}.nav-links a{color:var(--muted)}.nav-links a:hover,.nav-links a.active{color:var(--text);text-decoration:none}.nav-links a.active{box-shadow:inset 0 -2px 0 var(--accent)}.nav-user{align-items:center;gap:.75rem;min-width:0;margin-left:auto;display:flex}.nav-email{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:.875rem;overflow:hidden}.main{max-width:760px;margin:0 auto;padding:1.5rem 1rem 4rem}.button{min-height:2.5rem;font:inherit;color:var(--text);background:var(--surface-2);border:1px solid var(--border);cursor:pointer;white-space:nowrap;border-radius:8px;justify-content:center;align-items:center;gap:.35rem;padding:.45rem .95rem;font-size:.95rem;display:inline-flex}.button:hover:not(:disabled){background:#2a2a2e;border-color:#45454c}.button:disabled{opacity:.5;cursor:default}.button-primary{background:var(--accent);border-color:var(--accent);color:#0d1420;font-weight:600}.button-primary:hover:not(:disabled){background:var(--accent-strong);border-color:var(--accent-strong)}.button-danger{color:var(--danger)}.button-danger:hover:not(:disabled){background:var(--danger-bg);border-color:var(--danger)}.button-small{min-height:2.1rem;padding:.3rem .7rem;font-size:.875rem}.link-button{font:inherit;color:var(--accent);cursor:pointer;background:0 0;border:none;padding:.25rem 0;font-size:.9rem}.link-button:hover:not(:disabled){color:var(--accent-strong);text-decoration:underline}.field{color:var(--muted);flex-direction:column;gap:.35rem;font-size:.875rem;display:flex}.field input,.field select{font:inherit;color:var(--text);background:var(--bg);border:1px solid var(--border);border-radius:8px;min-height:2.6rem;padding:.6rem .75rem;font-size:1rem}.field input:focus,.field select:focus,.button:focus-visible,.link-button:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1.25rem}.notice{border-radius:8px;margin:0 0 1rem;padding:.65rem .85rem}.notice-error{color:#f4b4b4;background:var(--danger-bg);border:1px solid #e5737359}.empty{color:var(--muted);text-align:center;border:1px dashed var(--border);border-radius:var(--radius);padding:2rem 1rem}.badge{color:var(--muted);background:var(--surface-2);border:1px solid var(--border);border-radius:999px;padding:.3em .55em;font-size:.75rem;line-height:1;display:inline-block}.badge-unread,.badge-write{color:var(--accent);background:var(--accent-bg);border-color:#7aa7e659}.login{justify-content:center;align-items:center;min-height:100vh;padding:1rem;display:flex}.login-card{flex-direction:column;gap:1rem;width:100%;max-width:380px;display:flex}.login-brand{text-align:center;margin:0 0 .25rem}.login-card .notice{margin:0}.section-title{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;margin-top:2.5rem;font-size:.85rem}.message-list,.token-list{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);margin:0;padding:0;list-style:none;overflow:hidden}.message-row,.token-row{align-items:flex-start;gap:1rem;padding:.9rem 1rem;display:flex}.message-row+.message-row,.token-row+.token-row{border-top:1px solid var(--border)}.message-row.is-archived .message-title{color:var(--muted)}.message-body{flex:1;min-width:0}.message-heading{align-items:center;gap:.5rem;display:flex}.message-title{color:var(--text);overflow-wrap:anywhere;font-weight:600}.message-title:hover{color:var(--accent-strong)}.unread-dot{background:var(--accent);border-radius:50%;flex:none;width:.55rem;height:.55rem}.message-preview{color:#c4c4ca;overflow-wrap:anywhere;margin:.2rem 0 .25rem;font-size:.925rem}.message-date{color:var(--muted);font-size:.8rem}.row-actions{flex:none;gap:.5rem;display:flex}.toolbar{flex-wrap:wrap;justify-content:space-between;gap:.5rem;margin-bottom:1.5rem;display:flex}.toolbar-actions{flex-wrap:wrap;gap:.5rem;display:flex}.message-header{margin-bottom:1.5rem}.message-header h1{overflow-wrap:anywhere;margin-bottom:.4rem}.message-meta{color:var(--muted);flex-wrap:wrap;align-items:center;gap:.6rem;margin:0;font-size:.9rem;display:flex}.message-content{font-size:1.075rem;line-height:1.7}.message-content p{white-space:pre-line;overflow-wrap:anywhere;margin:0 0 1.1em}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.message-reader{padding-bottom:calc(15rem + env(safe-area-inset-bottom))}.reader-text{font-family:var(--serif);color:var(--text);font-size:20px;line-height:1.6}.reader-paragraph{white-space:pre-line;overflow-wrap:anywhere;margin:0 0 18px}.reader-text .word{cursor:pointer;border-radius:3px}@media (hover:hover){.reader-text .word:hover{background:#ffb84d29;box-shadow:0 0 0 2px #ffb84d29}}.reader-text .word-current,.reader-text .word-current:hover{background:var(--reader-accent);color:var(--reader-accent-text);box-shadow:0 0 0 2px var(--reader-accent);-webkit-box-decoration-break:clone;box-decoration-break:clone}.player-controls{z-index:20;background:var(--reader-surface);border-top:1px solid var(--reader-surface-raised);padding:12px max(1rem, env(safe-area-inset-left)) calc(10px + env(safe-area-inset-bottom));position:fixed;bottom:0;left:0;right:0}.player-inner{flex-direction:column;gap:10px;max-width:728px;margin:0 auto;display:flex}.player-progress{flex-direction:column;gap:6px;display:flex}.player-bar{background:var(--reader-surface-raised);border-radius:999px;height:4px;overflow:hidden}.player-bar-fill{background:var(--reader-accent);border-radius:999px;height:100%;transition:width .15s linear}.player-status{color:var(--reader-text-dim);font-variant-numeric:tabular-nums;justify-content:space-between;font-size:.75rem;display:flex}.player-row{justify-content:center;align-items:center;gap:clamp(10px,5vw,28px);display:flex}.player-row button{font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none;justify-content:center;align-items:center;padding:0;display:inline-flex}.player-row button:disabled{opacity:.35;cursor:default}.player-skip{width:50px;height:50px;color:var(--text);border-radius:50%}.player-skip:hover:not(:disabled){background:var(--reader-surface-raised)}.player-row .player-play{background:var(--reader-accent);width:68px;height:68px;color:var(--reader-accent-text);border-radius:50%;flex:none}.player-play:hover:not(:disabled){filter:brightness(1.08)}.player-play:active:not(:disabled){transform:scale(.96)}.player-stop{width:44px;height:44px;color:var(--reader-text-secondary);border-radius:50%}.player-stop:hover:not(:disabled){color:var(--text);background:var(--reader-surface-raised)}.player-controls select{font:inherit;color:var(--reader-text-secondary);background:var(--reader-surface-raised);cursor:pointer;border:1px solid #0000;border-radius:8px}.player-rate select{text-align:center;text-align-last:center;appearance:none;width:56px;height:34px;padding:0 4px;font-size:.8rem;font-weight:600}.player-settings{color:var(--reader-text-dim);flex-wrap:wrap;justify-content:center;gap:6px 16px;font-size:.8rem;display:flex}.player-settings label{align-items:center;gap:6px;min-width:0;display:flex}.player-settings select{height:28px;padding:0 6px;font-size:.8rem}.player-language select,.player-voice select{text-overflow:ellipsis;max-width:14rem}.player-row button:focus-visible,.player-controls select:focus-visible{outline:2px solid var(--reader-accent);outline-offset:2px}.player-unsupported p{text-align:center;max-width:728px;color:var(--reader-text-secondary);margin:0 auto;font-size:.9rem}.token-form{margin:1.5rem 0}.token-form-fields{flex-wrap:wrap;align-items:flex-end;gap:.75rem;display:flex}.field-grow{flex:14rem}.token-info{flex:1;min-width:0}.token-heading{align-items:center;gap:.5rem;display:flex}.token-description{overflow-wrap:anywhere;font-weight:600}.token-meta{color:var(--muted);margin:.2rem 0 0;font-size:.85rem}.new-token{border:1px solid var(--accent);border-radius:var(--radius);background:var(--accent-bg);margin:1.5rem 0;padding:1rem 1.25rem}.new-token-title{margin:0 0 .6rem}.new-token-value{align-items:center;gap:.6rem;display:flex}.new-token-value code{background:var(--bg);border:1px solid var(--border);overflow-wrap:anywhere;-webkit-user-select:all;user-select:all;flex:1;min-width:0;padding:.55rem .75rem;font-size:.95rem}.new-token-note{color:var(--accent-strong);margin:.6rem 0 .25rem;font-size:.9rem}@media (width<=600px){.nav{flex-wrap:wrap;gap:.4rem 1rem}.nav-user{flex:1 0 100%;order:3;justify-content:space-between;margin-left:0}.main{padding-top:1.1rem}h1{font-size:1.35rem}.message-row,.token-row{flex-direction:column;gap:.6rem}.row-actions{align-self:stretch}.row-actions .button{flex:1}.token-form-fields>*{flex:100%}.player-language select,.player-voice select{max-width:11rem}}