:root{--bg:#0b0f14;--panel:#0f1620;--border:#1f2a37;--text:#e5e7eb;--dim:#93a4b7;--accent:#7dd3fc;--error:#fb7185;--shadow: 0 20px 60px rgba(0,0,0,.45);--radius: 18px;--mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace}*{box-sizing:border-box}html,body{height:100%}body{margin:0;background:radial-gradient(1200px 800px at 20% 20%,rgba(125,211,252,.12),transparent 50%),radial-gradient(900px 700px at 85% 30%,rgba(251,113,133,.1),transparent 45%),var(--bg);color:var(--text);font-family:var(--mono);overflow:hidden}.screen{height:100vh;display:flex;align-items:stretch;padding:22px}.grid{width:100%;height:100%;display:grid;grid-template-columns:1.1fr .9fr;gap:18px}.left,.right{background:#0f1620a6;border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden;position:relative}.left{padding:18px;display:flex;flex-direction:column;gap:14px}.brand{display:flex;align-items:center;gap:12px;padding:10px 10px 6px}.logoBox{width:46px;height:46px;border-radius:14px;border:1px solid var(--border);background:#0b0f14d9;display:flex;align-items:center;justify-content:center;overflow:hidden}.logoImg{width:100%;height:100%;object-fit:cover}.brandText .title{font-size:22px;letter-spacing:.5px}.brandText .subtitle{font-size:12px;color:var(--dim);margin-top:2px}.panel{background:#0b0f148c;border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.panelHeader{padding:10px 12px;border-bottom:1px solid var(--border);color:var(--dim);font-size:12px}.prompt{color:var(--accent);margin-right:6px}.panelBody{padding:12px;display:flex;flex-direction:column;gap:8px}.line{font-size:13px}.line.error{color:var(--error)}.hint{font-size:12px;color:var(--dim);opacity:.9}.accent{color:var(--accent)}.dim{color:var(--dim)}.hoverCard{margin-top:auto;background:#0b0f14c7;border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;transform:translate(-16px);opacity:0;max-height:0;transition:transform .26s ease,opacity .26s ease,max-height .26s ease}.hoverCard.open{transform:translate(0);opacity:1;max-height:140px}.hoverCardInner{padding:12px}.hoverLabel{font-size:11px;color:var(--dim);letter-spacing:1.4px}.hoverName{margin-top:6px;font-size:18px;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hoverMeta{margin-top:6px;font-size:12px;color:var(--dim)}.footer{margin-top:10px;font-size:12px;color:var(--dim);opacity:.8}.right{padding:0;display:flex;flex-direction:column}.rightHeader{padding:12px 14px;border-bottom:1px solid var(--border);font-size:12px;color:var(--dim);display:flex;align-items:center;justify-content:space-between}.rightMeta{color:var(--dim);opacity:.9}.marquee{position:relative;height:100%;overflow:hidden;padding:14px}.marquee.paused .marqueeTrack{animation-play-state:paused}.marqueeTrack{display:flex;flex-direction:column;gap:12px;animation:scrollY var(--duration, 24s) linear infinite;will-change:transform}@keyframes scrollY{0%{transform:translateY(0)}to{transform:translateY(-50%)}}.guildBtn{width:56px;height:56px;border-radius:18px;border:1px solid var(--border);background:#0b0f14bf;padding:0;display:flex;align-items:center;justify-content:center;overflow:hidden;cursor:pointer;transition:transform .12s ease,border-color .12s ease}.guildBtn:hover{transform:translate(-2px);border-color:#7dd3fc8c}.guildIcon{width:100%;height:100%;object-fit:cover}.guildFallback{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:var(--accent);font-weight:700;font-size:14px;letter-spacing:.5px}.rightHint{position:absolute;bottom:12px;right:14px;font-size:11px;color:var(--dim);opacity:.8}@media (max-width: 980px){body{overflow:auto}.screen{height:auto}.grid{grid-template-columns:1fr;height:auto}.right{min-height:420px}}