:root{--bg:#070b14;--panel:rgba(12,18,32,0.94);--line:#22324d;--text:#e6edf7;--muted:#8a9bb5;--accent:#6fb8d8;--ai:#a78bfa;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color-scheme:dark}*{box-sizing:border-box}body,html{margin:0;height:100%;background:var(--bg);color:var(--text);overflow:hidden}main{position:fixed;inset:0;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.brand{position:absolute;top:20px;left:24px;pointer-events:none}.brand h1{margin:0;font-size:20px;letter-spacing:.08em;text-transform:uppercase;font-weight:600}.brand p{margin:4px 0 12px;color:var(--muted);font-size:13px}.brand input{pointer-events:auto;width:220px;padding:8px 12px;border-radius:8px;border:1px solid var(--line);background:rgba(12,18,32,.8);color:var(--text);font-size:14px}.brand input:focus{outline:1px solid var(--accent)}.hover-label{position:absolute;bottom:28px;left:50%;transform:translateX(-50%);padding:6px 14px;border:1px solid var(--line);border-radius:999px;background:rgba(12,18,32,.8);font-size:14px;pointer-events:none}.press-ring{position:fixed;width:48px;height:48px;margin:-24px 0 0 -24px;pointer-events:none;transform:rotate(-90deg)}.press-ring circle{fill:none;stroke:var(--accent);stroke-width:3;stroke-linecap:round;stroke-dasharray:126;stroke-dashoffset:126;animation:ring-fill var(--dur,.55s) linear forwards}@keyframes ring-fill{to{stroke-dashoffset:0}}.panel{position:absolute;top:0;right:0;bottom:0;width:min(440px,100vw);display:flex;flex-direction:column;background:var(--panel);border-left:1px solid var(--line);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:slide-in .28s ease-out;user-select:text;-webkit-user-select:text}@keyframes slide-in{0%{transform:translateX(40px);opacity:0}}.panel-head{display:flex;align-items:center;gap:10px;padding:18px 20px 12px}.panel-head h2{margin:0;font-size:20px;flex:1 1}.panel-flag{font-size:26px}.close{background:none;border:0;color:var(--muted);font-size:28px;line-height:1;cursor:pointer}.close:hover{color:var(--text)}.tabs{display:flex;gap:6px;padding:0 20px 12px;overflow-x:auto;border-bottom:1px solid var(--line)}.tabs button{flex:none;padding:6px 12px;border-radius:999px;border:1px solid var(--line);background:none;color:var(--muted);font-size:13px;cursor:pointer}.tabs button.on{color:var(--text);border-color:var(--accent);background:rgba(111,184,216,.12)}.panel-body{flex:1 1;overflow-y:auto;padding:14px 20px 40px}.muted{color:var(--muted);font-size:14px}.card{padding:14px 0;border-bottom:1px solid var(--line)}.meta{display:flex;justify-content:space-between;color:var(--muted);font-size:12px;margin-bottom:6px}.headline{color:var(--text);text-decoration:none;font-size:16px;font-weight:600;line-height:1.35}.headline:hover{color:var(--accent)}.snippet{color:var(--muted);font-size:14px;line-height:1.45;margin:6px 0 0}.ai-btn{margin-top:10px;padding:5px 12px;border-radius:6px;font-size:13px;cursor:pointer;border:1px solid rgba(167,139,250,.45);background:rgba(167,139,250,.08);color:var(--ai)}.ai-btn:hover{background:rgba(167,139,250,.18)}.ai-box{margin-top:10px;padding:12px 14px;border-radius:8px;font-size:14px;line-height:1.5;border-left:2px solid var(--ai);background:rgba(167,139,250,.07)}.ai-box p{margin:0 0 8px}.ai-box h4{margin:10px 0 2px;font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--ai)}.ai-summary{font-weight:500}.ai-loading{color:var(--muted)}.ai-error{color:#fca5a5;border-left-color:#f87171}.link-btn{background:none;border:0;color:var(--accent);cursor:pointer;text-decoration:underline;padding:0}.tags{display:flex;flex-wrap:wrap;gap:6px;margin:10px 0 6px}.tags span{padding:2px 8px;border-radius:999px;border:1px solid var(--line)}.ai-note,.tags span{font-size:11px;color:var(--muted)}.ai-note{margin:6px 0 0!important}@media (max-width:640px){.brand{left:16px;top:14px}.brand input{width:180px}.panel{top:30vh;border-left:0;border-top:1px solid var(--line);border-radius:14px 14px 0 0}}