:root{--primary:#2563eb;--accent:#10b981;--bg:#f8fafc;--surface:#fff;--text:#1e293b;--text-secondary:#64748b;--border:#e2e8f0;--error:#ef4444;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--primary:#3b82f6;--bg:#0f172a;--surface:#1e293b;--text:#f1f5f9;--text-secondary:#94a3b8;--border:#334155}}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.loading,.offline,.error,.success{text-align:center;color:var(--text-secondary);padding:24px}.error{color:var(--error)}.success{color:var(--accent)}.login{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;min-height:100vh;padding:24px;display:flex}.login .subtitle{color:var(--text-secondary);margin-top:-8px}.qr-box{background:var(--surface);border:1px solid var(--border);border-radius:16px;flex-direction:column;align-items:center;gap:12px;padding:32px;display:flex}.qr-box .hint{color:var(--text-secondary);font-size:14px}.shell{min-height:100vh}.nav{border-bottom:1px solid var(--border);background:var(--surface);align-items:center;gap:20px;padding:14px 24px;display:flex}.nav .brand{margin-right:auto;font-weight:700}.nav a{color:var(--text-secondary);font-weight:500;text-decoration:none}.nav a.active{color:var(--primary)}.nav .signout{border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;background:0 0;border-radius:8px;padding:6px 14px}main{max-width:720px;margin:0 auto;padding:32px 24px}.list{flex-direction:column;gap:10px;margin:16px 0;padding:0;list-style:none;display:flex}.list li a{background:var(--surface);border:1px solid var(--border);color:var(--text);border-radius:12px;flex-direction:column;gap:2px;padding:14px 16px;text-decoration:none;display:flex}.list .meta{color:var(--text-secondary);font-size:12px}.back-link{color:var(--primary);margin-bottom:16px;text-decoration:none;display:inline-block}.content{white-space:pre-wrap;background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:20px;font-family:inherit;line-height:1.6}.meta{color:var(--text-secondary)}.send-link-form{gap:10px;margin-top:16px;display:flex}.send-link-form input{border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:8px;flex:1;padding:10px 14px}.send-link-form button{background:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:8px;padding:10px 20px;font-weight:600}.send-link-form button:disabled{opacity:.5;cursor:default}