:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#e8ecec;font-synthesis:none;text-rendering:optimizelegibility;--bg:#070808;--surface:#0f1111;--surface-raised:#141717;--surface-code:#0b0d0d;--border:#252929;--border-strong:#343b3b;--text:#edf2f1;--body:#b8c0bf;--muted:#7f8b8a;--faint:#4f5958;--cyan:#66e8f1;--green:#72e0b4;--yellow:#f5c66f;--red:#ff8f9a;background:#070808;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:var(--bg);min-width:320px;min-height:100vh;margin:0}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:wait;opacity:.75}a{color:inherit}svg{flex:none;width:18px;height:18px}.app-shell{background:radial-gradient(circle at 50% -18%,#506f6f1f,#0000 43%);min-height:100vh}.topbar{border-bottom:1px solid #ffffff12;justify-content:space-between;align-items:center;width:min(100% - 56px,1180px);margin:0 auto;padding:26px 0;display:flex}.brand{color:var(--text);letter-spacing:-.02em;align-items:center;gap:10px;font-size:14px;font-weight:700;text-decoration:none;display:inline-flex}.brand-mark{width:28px;height:28px;color:var(--cyan);background:#0d1111;border:1px solid #415151;border-radius:7px;place-items:center;font:13px DM Mono,monospace;display:grid}.topbar-meta{color:var(--muted);letter-spacing:.05em;text-transform:uppercase;font:11px ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}.live-dot{background:var(--green);border-radius:50%;width:6px;height:6px;margin-right:7px;display:inline-block;box-shadow:0 0 12px #72e0b48c}.separator{color:var(--faint);margin:0 8px}.main-content{width:min(100% - 56px,960px);margin:0 auto;padding:82px 0 34px}.hero{max-width:780px}.eyebrow{color:var(--cyan);letter-spacing:.14em;text-transform:uppercase;font:11px DM Mono,monospace}h1,h2,h3,p{margin:0}h1{max-width:720px;color:var(--text);letter-spacing:-.065em;margin-top:17px;font-size:clamp(38px,6vw,64px);line-height:1.03}h2{color:var(--text);letter-spacing:-.045em;font-size:clamp(22px,3vw,30px);line-height:1.1}h3{color:var(--text);letter-spacing:-.02em;font-size:15px;line-height:1.35}.hero-copy{max-width:590px;color:var(--body);margin-top:22px;font-size:17px;line-height:1.65}.url-form{margin-top:42px}.url-form label{color:var(--body);letter-spacing:.04em;margin-bottom:9px;font-size:12px;font-weight:700;display:block}.url-row{align-items:stretch;gap:10px;display:flex}.url-input-wrap{border:1px solid var(--border-strong);background:#0b0d0dd9;border-radius:8px;flex:1;align-items:center;gap:11px;min-width:0;padding:0 16px;transition:border-color .16s,box-shadow .16s;display:flex}.url-input-wrap:focus-within{border-color:var(--cyan);box-shadow:0 0 0 3px #66e8f11c}.url-input-wrap svg{color:var(--muted)}.url-input-wrap input{width:100%;min-width:0;color:var(--text);background:0 0;border:0;outline:0;padding:17px 0;font:14px ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}.url-input-wrap input::placeholder{color:#5d6867}.primary-button,.secondary-button,.quiet-button,.text-button{color:var(--text);border:0;transition:background .16s,border-color .16s,color .16s,transform .16s}.primary-button{color:#092223;background:#9aecea;border:1px solid #94e9e8;border-radius:8px;justify-content:center;align-items:center;gap:9px;min-height:54px;padding:0 20px;font-weight:800;display:inline-flex}.primary-button:hover{background:#c1f8f5;transform:translateY(-1px)}.primary-button svg{width:16px}.secondary-button{border:1px solid var(--border-strong);background:var(--surface-raised);min-height:44px;color:var(--body);border-radius:7px;justify-content:center;align-items:center;gap:8px;padding:0 15px;font-size:13px;font-weight:700;display:inline-flex}.secondary-button:hover{border-color:var(--cyan);color:var(--text)}.quiet-button{min-height:44px;color:var(--muted);background:0 0;padding:0 8px;font-size:13px}.quiet-button:hover,.text-button:hover{color:var(--cyan)}.text-button{color:var(--cyan);background:0 0;padding:0;font-size:12px;font-weight:700}.form-footnote{color:var(--muted);justify-content:space-between;gap:18px;margin-top:10px;font-size:12px;display:flex}.button-spinner{border:2px solid #09222340;border-top-color:#092223;border-radius:50%;width:14px;height:14px;animation:.7s linear infinite spin}.reader-panel{border-top:1px solid var(--border-strong);border-bottom:1px solid var(--border-strong);margin-top:58px}.panel-heading{justify-content:space-between;align-items:flex-start;gap:18px;padding:24px 0 23px;display:flex}.panel-heading h2{margin-top:9px}.state-badge{border:1px solid var(--border);color:var(--muted);white-space:nowrap;border-radius:6px;align-items:center;gap:8px;margin-top:3px;padding:8px 11px;font:11px DM Mono,monospace;display:inline-flex}.state-indicator{background:var(--muted);border-radius:50%;width:6px;height:6px}.state-badge-loading .state-indicator{background:var(--yellow);box-shadow:0 0 10px #f5c66f99}.state-badge-success .state-indicator{background:var(--green);box-shadow:0 0 10px #72e0b499}.state-badge-error .state-indicator{background:var(--red);box-shadow:0 0 10px #ff8f9a8c}.empty-state{border-top:1px solid var(--border);min-height:220px;color:var(--muted);padding:42px 0 48px}.empty-terminal{color:var(--body);font:16px ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}.empty-terminal>span:first-child{color:var(--green)}.cursor{vertical-align:-3px;background:var(--cyan);width:8px;height:17px;margin-left:7px;animation:1.1s step-end infinite blink;display:inline-block}.empty-state p{margin-top:14px;font-size:13px}.loading-state{border-top:1px solid var(--border);padding:39px 0 45px}.loading-line{background:#1e2525;width:100%;height:2px;overflow:hidden}.loading-bar{background:var(--cyan);width:32%;height:100%;animation:1.3s ease-in-out infinite load;display:block}.loading-state p{color:var(--body);margin-top:22px;font-size:14px}.loading-note{color:var(--muted);margin-top:8px;font:11px ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;display:inline-block}.error-state{border-top:1px solid var(--border);grid-template-columns:24px minmax(0,1fr) auto;align-items:start;gap:14px;padding:28px 0 31px;display:grid}.error-icon{color:var(--red)}.error-state p{max-width:650px;color:var(--body);margin-top:7px;font-size:14px}.error-state .error-action{color:var(--muted)}.error-retry{margin-top:1px}.result-meta{color:var(--muted);justify-content:space-between;align-items:center;gap:15px;padding:0 0 15px;font:11px ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;display:flex}.source-link{color:var(--cyan);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.source-link:hover{color:#c0fbff}.markdown-wrap{border:1px solid var(--border-strong);background:var(--surface-code);border-radius:8px;overflow:hidden}.markdown-bar{border-bottom:1px solid var(--border);color:var(--muted);letter-spacing:.05em;text-transform:uppercase;justify-content:space-between;align-items:center;padding:11px 14px;font:11px ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;display:flex}.type-label{color:var(--cyan)}.markdown-output{color:#d8dfde;white-space:pre-wrap;word-break:break-word;max-height:560px;margin:0;padding:22px;font:13px/1.7 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;overflow:auto}.result-actions{flex-wrap:wrap;align-items:center;gap:10px;padding:18px 0 24px;display:flex}.notes-grid{grid-template-columns:1fr 1fr;gap:46px;padding:39px 0 35px;display:grid}.note-block{grid-template-columns:20px minmax(0,1fr);gap:12px;display:grid}.note-icon{color:var(--cyan)}.note-icon.warning{color:var(--yellow)}.note-block p{color:var(--muted);margin-top:7px;font-size:13px;line-height:1.55}.later-note{border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.later-note summary{color:var(--body);cursor:pointer;padding:19px 0;font-size:13px;font-weight:700;list-style:none}.later-note summary::-webkit-details-marker{display:none}.later-note summary:before{width:22px;color:var(--cyan);content:"+";font:17px ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;display:inline-block}.later-note[open] summary:before{content:"−"}.later-note p{max-width:700px;color:var(--muted);padding:0 0 20px 22px;font-size:13px}.footer{color:var(--faint);justify-content:space-between;padding-top:26px;font:11px ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;display:flex}@keyframes spin{to{transform:rotate(360deg)}}@keyframes blink{50%{opacity:0}}@keyframes load{0%{transform:translate(-110%)}50%,to{transform:translate(340%)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (width<=680px){.topbar,.main-content{width:calc(100% - 32px)}.topbar{padding:19px 0}.topbar-meta{font-size:10px}.separator{margin:0 4px}.main-content{padding-top:56px}h1{font-size:clamp(36px,12vw,52px)}.hero-copy{font-size:16px}.url-row{flex-direction:column}.url-input-wrap input{padding:16px 0}.primary-button{min-height:50px}.form-footnote{flex-direction:column;align-items:flex-start;gap:5px}.reader-panel{margin-top:47px}.panel-heading{flex-direction:column;gap:13px}.state-badge{margin-top:0}.error-state{grid-template-columns:22px minmax(0,1fr)}.error-retry{grid-column:2;justify-self:start}.notes-grid{grid-template-columns:1fr;gap:28px;padding:32px 0}.result-meta{flex-direction:column;align-items:flex-start;gap:8px}.source-link{max-width:100%}.footer{padding-bottom:16px}}