@import "https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@400;600;700&family=Space+Grotesk:wght@600;700&display=swap";:root{--bg:#10131a;--panel:#ffffff0a;--ink:#eef2f7;--muted:#93a0b4;--line:#eef2f71f;--accent:#5ec2ff;--danger:#ff9b8a;--ok:#8fe0b7;--font:"IBM Plex Sans", "PingFang SC", sans-serif;--display:"Space Grotesk", "IBM Plex Sans", sans-serif}*{box-sizing:border-box}html,body,#app{min-height:100%}body{font-family:var(--font);color:var(--ink);background:radial-gradient(900px 420px at 0% 0%, #5ec2ff29, transparent 55%), radial-gradient(700px 360px at 100% 10%, #8fe0b71a, transparent 50%), linear-gradient(160deg, #0c1017, var(--bg) 45%, #151b26);margin:0}.page{align-content:start;gap:1rem;width:min(420px,100% - 2rem);min-height:100vh;margin:0 auto;padding:2rem 0 3rem;display:grid}.page.wide{width:min(860px,100% - 2rem)}.brand{justify-content:space-between;align-items:start;animation:.45s both rise;display:flex}.logo{font-family:var(--display);letter-spacing:-.04em;margin:0;font-size:2.4rem;font-weight:700;line-height:1}.brand h1{letter-spacing:.12em;text-transform:uppercase;color:var(--accent);margin:.35rem 0 0;font-size:.95rem;font-weight:600}.panel{border:1px solid var(--line);background:var(--panel);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:1.1rem;padding:1.25rem;animation:.55s 50ms both rise}.form{gap:.9rem;display:grid}.toolbar{justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:.75rem;display:flex}.toolbar h2{margin:0;font-size:1.1rem}label{color:var(--muted);gap:.4rem;font-size:.85rem;display:grid}label.check{color:var(--ink);align-items:center;gap:.5rem;display:flex}input,textarea{border:1px solid var(--line);width:100%;color:var(--ink);font:inherit;background:#00000040;border-radius:.75rem;outline:none;padding:.8rem .9rem}textarea{resize:vertical;min-height:16rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.9rem;line-height:1.5}input:focus,textarea:focus{border-color:#5ec2ff8c;box-shadow:0 0 0 3px #5ec2ff1f}button{background:var(--accent);color:#061018;font:inherit;cursor:pointer;border:0;border-radius:999px;padding:.85rem 1.1rem;font-weight:700}button:disabled{opacity:.5;cursor:not-allowed}button.ghost{color:var(--ink);border:1px solid var(--line);background:0 0}button.danger{color:var(--danger);background:0 0;border:1px solid #ff9b8a59}button.small{padding:.45rem .85rem;font-size:.85rem}.error{color:var(--danger);margin:0;font-size:.9rem}.ok{color:var(--ok);margin:0;font-weight:600}.muted{color:var(--muted);margin:0;line-height:1.5}.meta{margin-top:.25rem;font-size:.85rem}.article-list{gap:.75rem;margin:0;padding:0;list-style:none;display:grid}.article-list li{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:1rem;padding:.85rem 0;display:flex}.article-list li:first-child{border-top:0;padding-top:.25rem}.badge{border:1px solid var(--line);color:var(--muted);vertical-align:middle;border-radius:999px;margin-left:.5rem;padding:.1rem .45rem;font-size:.72rem;display:inline-block}.badge.on{color:var(--ok);border-color:#8fe0b766}.actions{flex-shrink:0;gap:.4rem;display:flex}@keyframes rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@media (width<=640px){.article-list li{flex-direction:column;align-items:stretch}}