:root{--bg:#0c1416;--card:#141f22;--border:#2a393c;--ink:#edf4ef;--muted:#a0b2b2;--accent:#b5e6b3;--accent-dark:#142716;--error:#ffb7a8;--amber:#e9cb93;color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-synthesis:none}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-size:15px;line-height:1.55}button,input{font:inherit}button,a,input,summary{-webkit-tap-highlight-color:transparent}button{cursor:pointer;border:1px solid transparent;background:var(--accent);color:var(--accent-dark);padding:10px 16px;border-radius:8px;font-weight:650;white-space:nowrap;transition:background .15s,transform .15s}button:hover{background:#c8f4c5}button:active{transform:translateY(1px)}button:disabled{opacity:.5;cursor:wait}button.secondary{background:transparent;color:var(--ink);border-color:#425457}button.secondary:hover{background:#243538}button.quiet{background:transparent;color:var(--muted);padding:8px}button.quiet:hover{color:var(--ink);background:#203033}button.danger{color:var(--error);white-space:normal}a{color:inherit;text-decoration:none}input{width:100%;min-width:0;background:#0d171a;border:1px solid #3b4e52;border-radius:8px;color:var(--ink);padding:11px 12px;outline:none}input:focus{border-color:var(--accent);box-shadow:0 0 0 2px #b5e6b324}input::placeholder{color:#859b9e}label{display:block;font-size:13px;font-weight:600;margin:16px 0 10px}label input{margin-top:7px;font-weight:400}h1,h2,p{margin:0}h1{font-size:clamp(27px,3vw,38px);line-height:1.16;letter-spacing:-1.2px;font-weight:550}h2{font-size:18px;font-weight:570;letter-spacing:-.35px}p{margin-top:10px}code{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:12px}small{display:block}.muted{color:var(--muted)}.small{font-size:12px}.eyebrow{font-size:10px;font-weight:650;letter-spacing:2px;color:var(--accent);margin-bottom:12px}.badge{font-size:11px;border:1px solid var(--border);border-radius:99px;padding:5px 11px;color:var(--muted);white-space:nowrap}.badge.status{padding:7px 13px}.badge.status.connected{color:var(--accent);border-color:#486549;background:#172c21}.topbar{height:86px;display:flex;align-items:center;justify-content:space-between;max-width:1320px;margin:auto;padding:0 36px;border-bottom:1px solid var(--border)}.brand{display:flex;gap:13px;align-items:center;font-size:14px;font-weight:700;letter-spacing:1.5px}.brandmark{display:grid;place-items:center;width:38px;height:38px;background:var(--accent);color:#152119;border-radius:10px;font-size:24px;letter-spacing:-3px;padding-right:3px}.brand small{font-size:8px;letter-spacing:1.7px;font-weight:450;color:var(--muted);margin-top:2px}.top-actions{display:flex;gap:18px;align-items:center}main{max-width:1320px;margin:0 auto;padding:38px 36px 20px}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:30px}.page-heading .eyebrow{margin-bottom:9px}.page-heading p{font-size:14px}.card{background:var(--card);border:1px solid var(--border);border-radius:13px;padding:23px}.connection-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:22px}.card-title{display:flex;gap:11px;align-items:center}.step{color:var(--accent);border:1px solid #425547;font-size:10px;width:25px;height:25px;border-radius:50%;display:grid;place-items:center;font-family:ui-monospace,monospace}.connection-card>p{font-size:13px;max-width:520px}.input-action{display:flex;gap:10px;align-items:center}.input-action input{margin:0}.input-action button{flex-shrink:0}.copy-field{display:flex;align-items:center;gap:12px;background:#0e191c;border:1px solid #34474a;padding:7px 7px 7px 13px;border-radius:8px;margin-top:18px}.copy-field code{flex:1;word-break:break-all;color:#c0d2d0}.copy-field button{font-size:12px;padding:7px 12px}details{font-size:12px;margin-top:14px;color:var(--muted)}summary{cursor:pointer;color:var(--ink)}details p{max-width:700px}.archive-grid{display:grid;grid-template-columns:320px minmax(0,1fr);gap:20px;align-items:start}.chat-panel>input{margin:19px 0 12px;font-size:12px}.chat-list{max-height:550px;overflow:auto;scrollbar-width:thin}.chat-row{display:flex;gap:10px;align-items:center;padding:12px 0;border-bottom:1px solid var(--border)}.chat-row input{flex:0 0 18px;width:18px;height:18px;accent-color:var(--accent);margin:0;cursor:pointer}.chat-open{background:transparent;color:var(--ink);font-weight:450;flex:1;text-align:left;padding:0;white-space:normal;min-width:0}.chat-open:hover{background:transparent;color:var(--accent)}.chat-open small{font-size:10px;color:var(--muted);margin-top:4px;font-weight:400;overflow-wrap:anywhere}.chat-row.active .chat-open{color:var(--accent)}.chat-avatar{width:30px;height:30px;display:grid;place-items:center;background:#2b3d3b;color:#c8ded4;border-radius:50%;font-size:12px;flex-shrink:0}.reader{min-height:465px}.empty-state{min-height:416px;display:flex;align-items:center;justify-content:center;text-align:center;flex-direction:column;padding:30px}.empty-state p{font-size:13px;color:var(--muted);max-width:280px;margin-bottom:23px}.empty-symbol{font-family:Georgia,serif;font-size:72px;color:var(--accent);height:76px}.reader-heading{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-bottom:20px}.reader-heading .eyebrow{margin-bottom:4px}.reader-heading h2{overflow-wrap:anywhere}.reader-heading>button{font-size:11px}.date-fields{display:flex;gap:12px}.date-fields label{flex:1;margin-top:0}.coverage{display:flex;gap:10px;border:1px solid #524a35;background:#25251f;border-radius:8px;padding:12px 14px;margin:18px 0;color:var(--amber);font-size:12px}.coverage p{margin:3px 0 0;color:#c7b995;font-size:11px}.coverage-dot{width:6px;height:6px;background:var(--amber);border-radius:50%;flex-shrink:0;margin-top:7px}.messages{max-height:570px;overflow:auto;scrollbar-width:thin;display:flex;flex-direction:column;gap:12px;padding:8px 0}.message{max-width:90%;align-self:flex-start;background:#203033;border:1px solid #34484b;border-radius:1px 11px 11px 11px;padding:11px 14px;overflow-wrap:anywhere;min-width:145px}.message.own{align-self:flex-end;background:#263c30;border-color:#405b45;border-radius:11px 1px 11px 11px}.message-meta{display:flex;gap:18px;justify-content:space-between;color:var(--accent);font-size:10px;font-weight:600}.message-meta time{color:var(--muted);font-weight:400;text-align:right}.message-text{white-space:pre-wrap;margin-top:5px;font-size:13px}.message-placeholder{color:var(--muted);font-style:italic}.reader-footer{margin-top:18px;display:flex;align-items:center;justify-content:space-between;gap:14px;border-top:1px solid var(--border);padding-top:12px}.reader-footer button{font-size:11px}.settings{margin:25px 0 0;padding:18px 22px;border:1px solid var(--border);border-radius:10px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:20px}.settings button{font-size:12px}footer{display:flex;justify-content:space-between;color:#91a6a7;font-size:10px;margin-top:27px;padding:10px 0}.full{width:100%}.notice,#flash{padding:12px 17px;border-radius:8px;background:#203a2b;color:#c9eccb;border:1px solid #466c4d;font-size:13px;margin-bottom:20px}.notice{background:#2c271e;color:#e9cb93;border-color:#655838}#flash.error{background:#382521;color:var(--error);border-color:#784b40}.error{color:var(--error);font-size:13px}#pair-code{display:block;font-family:ui-monospace,monospace;letter-spacing:5px;font-size:30px;color:var(--accent);margin-top:5px}#pair-code-box{margin-top:20px}#pair-code-box p{font-size:12px}.login-layout{display:grid;grid-template-columns:1.2fr 1fr;gap:90px;align-items:center;min-height:calc(100vh - 180px);padding:10px 40px}.intro h1{font-size:clamp(35px,4vw,52px);letter-spacing:-2px;line-height:1.1}.intro>p{color:var(--muted);max-width:430px;font-size:16px;line-height:1.7;margin-top:23px}.intro-note{color:var(--muted);font-size:12px;display:flex;align-items:center;gap:9px;margin-top:38px}.dot{width:6px;height:6px;background:var(--accent);border-radius:50%}.login-card{padding:34px;max-width:440px}.login-card h2{font-size:23px}.login-card p{font-size:13px}.login-card label{margin:24px 0 18px}.login-card button{display:flex;justify-content:space-between}.consent{max-width:560px;margin:8vh auto;padding:32px}.consent h1{font-size:30px;margin:16px 0}.consent p{font-size:14px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}[hidden]{display:none!important}:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
@media(max-width:950px){.archive-grid{grid-template-columns:280px minmax(0,1fr)}.connection-grid{gap:14px}.card{padding:18px}.reader-heading{align-items:start}.reader-heading>button{white-space:normal}.login-layout{padding:10px 0;gap:35px}.page-heading h1{font-size:30px}.input-action{gap:7px}.input-action button{padding:10px;font-size:12px}}
@media(max-width:720px){.topbar{height:74px;padding:0 20px}main{padding:26px 18px 20px}.page-heading{align-items:start;flex-direction:column;gap:17px;margin-bottom:22px}.page-heading h1{font-size:29px}.connection-grid,.archive-grid,.login-layout{grid-template-columns:1fr}.connection-grid,.archive-grid{gap:14px}.chat-list{max-height:260px}.reader{min-height:350px}.empty-state{min-height:310px}.login-layout{gap:28px;min-height:0;padding-top:22px}.intro h1{font-size:38px}.intro>p{font-size:14px}.intro-note{margin-top:20px}.login-card{max-width:none;padding:25px}.login-card h2{font-size:21px}.consent{margin:20px 15px}.brand{font-size:12px}.top-actions{gap:9px}.badge{font-size:10px}.reader-heading h2{font-size:17px}.reader-id{word-break:break-all}.message{max-width:95%}footer{gap:15px}.reader-footer{align-items:start}.copy-field code{font-size:11px}}