:root{color-scheme:dark;--bg:#0c1219;--panel:#141e28;--line:#283641;--ink:#e8f0f4;--muted:#92a6b3;--accent:#8ae2c5;--red:#ffabab}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 90% 0,#14353666,transparent 45%),var(--bg);color:var(--ink);font:15px/1.7 system-ui,-apple-system,"Segoe UI",sans-serif}header{max-width:1160px;padding:22px 28px;margin:auto;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:12px;color:var(--ink);font-size:18px;font-weight:750;text-decoration:none}.brand-icon{background:#8ae2c515;border:1px solid #8ae2c530;color:var(--accent);border-radius:14px;width:48px;height:48px;display:grid;place-items:center;font-size:32px}small{display:block;font-weight:400;font-size:11px;color:var(--muted)}main{max-width:1120px;margin:auto;padding:30px 24px 20px}h1{font-size:clamp(27px,4vw,42px);line-height:1.3;letter-spacing:-.7px;margin:10px 0}h2{font-size:17px;margin:0}p{color:var(--muted);margin:6px 0 16px}.eyebrow{font-size:12px;color:var(--accent)}.hero{display:flex;justify-content:space-between;align-items:center;margin:12px 0 28px;gap:20px}.status-pill{border:1px solid var(--line);padding:7px 12px;font-size:12px;border-radius:100px;white-space:nowrap;color:var(--muted)}.status-pill.online{color:var(--accent);border-color:#8ae2c544}.status-pill:before{content:'●';margin-left:6px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:20px}.stats>div{background:linear-gradient(140deg,#1b2a35,var(--panel));padding:20px;border:1px solid var(--line);border-radius:16px}.stats span{font-size:13px;color:var(--muted)}.stats strong{display:block;font-size:32px;font-weight:650;font-variant-numeric:tabular-nums;line-height:1.5}.panel{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:20px}.narrow{max-width:520px;margin:45px auto}.section-head{display:flex;justify-content:space-between;gap:15px;align-items:center}.section-head p{font-size:13px;margin:4px 0}.actions{display:flex;gap:8px;flex-wrap:wrap}button,.button{font:inherit;font-size:13px;color:var(--ink);background:#1b2a36;padding:10px 16px;border:1px solid var(--line);border-radius:10px;text-decoration:none;cursor:pointer;display:inline-block;white-space:nowrap}button:hover,.button:hover{border-color:var(--accent)}button:disabled{opacity:.4;cursor:default}.primary{background:var(--accent);color:#0d3027;font-weight:700;border-color:var(--accent)}.quiet{background:transparent}input,select{font:inherit;font-size:14px;color:var(--ink);background:#0d1720;border:1px solid var(--line);padding:12px;border-radius:10px;min-width:0;max-width:100%}input[type=checkbox]{accent-color:var(--accent);width:17px;height:17px}input:focus,select:focus,button:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:3px}form label{display:block;color:var(--muted);font-size:14px;margin:18px 0}form input{width:100%;display:block;margin-top:7px}form .primary{width:100%;margin-top:6px}progress{width:100%;height:6px;border:0;border-radius:10px;overflow:hidden;accent-color:var(--accent);margin-top:16px}progress::-webkit-progress-bar{background:#293943}progress::-webkit-progress-value{background:var(--accent)}.progress-caption{display:flex;justify-content:space-between;gap:10px;font-size:11px;color:var(--muted)}.settings{margin-top:12px;padding:15px 20px}summary{cursor:pointer;font-size:14px}summary .meta{margin-right:10px}.settings-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;padding:18px 0}.toggle{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--muted)}.hint,.footnote{font-size:11px;color:var(--muted)}.hint{margin-bottom:0}.tabs{display:flex;gap:6px;margin:28px 0 14px;overflow-x:auto;border-bottom:1px solid var(--line);padding-bottom:10px}.tabs button{border-color:transparent;background:transparent;flex:1;padding:10px}.tabs .selected{background:#8ae2c515;border-color:#8ae2c544;color:var(--accent)}.filters{padding:14px}.search-row{display:flex;gap:8px}.search-row input{flex:1}.filter-row{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-top:10px}.filter-row:has(>[hidden]:only-child){display:none}.results-heading{display:flex;align-items:center;justify-content:space-between;margin:22px 2px 12px;gap:10px}.card{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:18px;margin:10px 0;overflow:hidden}.person{display:flex;gap:14px;align-items:center}.avatar{width:46px;height:46px;flex-shrink:0;border-radius:50%;background:#203e42;color:var(--accent);display:grid;place-items:center;font-size:20px;font-weight:700}.person-info{flex:1;min-width:0}.person h3{font-size:16px;margin:0}.username{font-size:12px;color:var(--accent);direction:ltr;unicode-bidi:isolate;display:inline-block;text-decoration:none}.meta{font-size:12px;color:var(--muted)}.person .actions{justify-content:flex-end}.card-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.tag{display:inline-block;font-size:11px;padding:3px 8px;border-radius:6px;background:#25333e;color:#b4c5d1}.tag.deleted{background:#ffabab14;color:var(--red)}.tag.edited{color:#edcc8c;background:#edcc8c15}.tag.outgoing{color:var(--accent);background:#8ae2c511}.tags{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}.text{white-space:pre-wrap;overflow-wrap:anywhere;unicode-bidi:plaintext;color:var(--ink);margin:15px 0;font-size:15px}.message.deleted-card{border-color:#ffabab44}.message.out{border-right:3px solid var(--accent)}.message-bottom{display:flex;justify-content:space-between;align-items:center;gap:10px;padding-top:10px;border-top:1px solid var(--line)}.message-bottom button{padding:5px 10px;font-size:11px}.deletion-note{font-size:11px;color:var(--red)}.before,.after{padding:12px 16px;border-radius:8px;margin-top:12px}.before{background:#ffabab0b;border-right:2px solid #d48d8d}.after{background:#8ae2c509;border-right:2px solid var(--accent)}.before small{color:var(--red)}.after small{color:var(--accent)}.before .text,.after .text{margin:6px 0}.empty{padding:45px 20px;text-align:center;border:1px dashed var(--line);border-radius:14px;color:var(--muted)}.empty strong{display:block;font-size:20px;color:var(--ink);margin-bottom:5px}.pager{display:flex;gap:20px;justify-content:center;align-items:center;margin:25px 0;font-size:12px}.footnote{line-height:1.9;border-top:1px solid var(--line);padding-top:16px}#notice{position:sticky;top:8px;z-index:5;padding:14px 18px;margin:0 0 18px;background:#3b252c;border:1px solid #9f616c;border-radius:12px;font-size:14px}footer{display:flex;justify-content:space-between;font-size:11px;color:var(--muted);margin-top:35px;padding-top:15px;border-top:1px solid var(--line)}[hidden]{display:none!important}@media(max-width:640px){header{padding:15px 16px}.brand{font-size:15px}.brand-icon{width:40px;height:40px}main{padding:20px 14px}.hero{display:block;margin-top:0}.hero .status-pill{display:inline-block;margin-top:0}.hero p{margin-bottom:10px}.stats{grid-template-columns:repeat(2,1fr);gap:10px}.stats>div{padding:14px}.stats strong{font-size:28px}.panel{padding:16px}.section-head{flex-wrap:wrap}.import-panel .actions{width:100%}.import-panel button{flex:1}.settings-grid{gap:14px 5px}.settings-grid label{font-size:12px}.progress-caption{flex-direction:column;gap:2px}.search-row{flex-wrap:wrap}.search-row input{flex-basis:100%}.search-row button{flex:1}.filter-row select{flex:1}.person{flex-wrap:wrap;gap:10px}.person .actions{width:100%;justify-content:flex-start;padding-right:56px}.card{padding:15px}.tags{max-width:110px}.tabs button{padding:10px 9px;font-size:12px}.results-heading h2{font-size:15px}.results-heading button{font-size:11px;padding:7px}.narrow{margin:20px auto}footer{padding-bottom:env(safe-area-inset-bottom)}}