:root{color-scheme:light;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color:#102033;background:radial-gradient(circle at top left,#fff 0,#f4f8fc 42%,#dbe7f3)}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,a{touch-action:manipulation}.app-shell{min-height:100vh;padding:24px}.layout{width:min(1180px,100%);margin:0 auto;display:grid;gap:24px;grid-template-columns:minmax(300px,380px) minmax(0,1fr)}.panel{background:#ffffffc7;border:1px solid rgba(118,143,167,.28);border-radius:24px;box-shadow:0 28px 70px #1b395424;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.sidebar{padding:20px;display:grid;gap:18px;align-self:start;position:sticky;top:24px}.reader{min-height:calc(100vh - 48px);display:grid;grid-template-rows:auto auto 1fr}.reader-header{padding:24px 28px 18px;border-bottom:1px solid rgba(118,143,167,.2)}.reader-status{display:flex;flex-wrap:wrap;gap:10px;align-items:center;font-size:13px;color:#50657d;margin-top:14px}.reader-toolbar{padding:14px 28px;display:flex;flex-wrap:wrap;gap:12px;border-bottom:1px solid rgba(118,143,167,.2)}.reader-content{padding:28px;overflow:auto}.badge{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:999px;background:#ecf4fb;color:#1f4d74;font-size:12px;font-weight:700;letter-spacing:.03em;text-transform:uppercase}.badge[data-tone=warn]{background:#fff5dd;color:#8b5a10}.badge[data-tone=error]{background:#ffe7e7;color:#8f2332}.title{margin:0;font-size:clamp(28px,4vw,40px);line-height:1.05;letter-spacing:-.04em}.subtitle{margin:0;color:#5a7087;font-size:15px}.muted{margin:0;color:#6e8094;font-size:14px}.button-row{display:flex;flex-wrap:wrap;gap:10px}.button{appearance:none;border:0;border-radius:14px;padding:11px 15px;background:#163650;color:#f5fbff;font:inherit;font-weight:700;cursor:pointer;transition:transform .12s ease,opacity .12s ease,background .12s ease}.button:hover{transform:translateY(-1px)}.button:disabled{opacity:.55;cursor:default;transform:none}.button[data-variant=secondary]{background:#eef4f9;color:#234766}.button[data-variant=ghost]{background:transparent;color:#234766;box-shadow:inset 0 0 0 1px #5a708747}.stats{display:grid;gap:10px}.stat-row{display:flex;justify-content:space-between;gap:12px;align-items:baseline;padding:10px 0;border-bottom:1px solid rgba(118,143,167,.16);color:#405469;font-size:14px}.stat-row:last-child{border-bottom:0}.article-list{display:grid;gap:10px}.article-button{width:100%;border:0;background:#f7fbff;border-radius:18px;padding:14px;text-align:left;cursor:pointer;box-shadow:inset 0 0 0 1px #768fa724;transition:transform .12s ease,box-shadow .12s ease,background .12s ease}.article-button:hover{transform:translateY(-1px);box-shadow:inset 0 0 0 1px #305b8147}.article-button[data-active=true]{background:linear-gradient(180deg,#dff0ff,#eef8ff);box-shadow:inset 0 0 0 2px #82b6e4}.article-meta{display:flex;flex-wrap:wrap;gap:8px 12px;margin-top:8px;font-size:12px;color:#60768c}.article-title{margin:0;font-size:15px;font-weight:700;color:#102033}.article-preview{margin:10px 0 0;color:#52697f;font-size:13px}.reader-html{max-width:820px;color:#203447}.reader-html h1,.reader-html h2,.reader-html h3,.reader-html h4{color:#0f2031;line-height:1.18;margin-top:1.7em;margin-bottom:.55em}.reader-html p,.reader-html li,.reader-html blockquote{color:#274156}.reader-html pre,.reader-html code{font-family:SFMono-Regular,SFMono-Regular,Menlo,Consolas,monospace}.reader-html pre{overflow:auto;padding:16px;border-radius:16px;background:#0f2131;color:#dcecff}.reader-html blockquote{margin:0;padding:14px 18px;border-left:4px solid #93bfe6;background:#f1f7fc;border-radius:0 16px 16px 0}.reader-html img{max-width:100%;border-radius:16px}.reader-placeholder{min-height:360px;display:grid;place-items:center;padding:32px}.empty-state{max-width:420px;text-align:center;color:#5c7188}.empty-state h2{margin:0 0 10px;color:#17314a}.callout{border-radius:18px;padding:14px 16px;background:#f7fbff;color:#405469;font-size:14px;border:1px solid rgba(118,143,167,.2)}.mono{font-family:SFMono-Regular,SFMono-Regular,Menlo,Consolas,monospace}@media(max-width:960px){.layout{grid-template-columns:1fr}.sidebar{position:static}.reader{min-height:auto}}@media(max-width:640px){.app-shell{padding:14px}.sidebar,.reader-header,.reader-toolbar,.reader-content{padding-left:18px;padding-right:18px}}