:root{color-scheme:dark}*{box-sizing:border-box}body,html{height:100%}body{margin:0;background:#060d14;color:#d5e4ef;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;overflow:hidden}.hdr{display:flex;align-items:center;justify-content:space-between;height:38px;padding:0 12px;background:#081018;border-bottom:1px solid #12202c;-webkit-user-select:none;-moz-user-select:none;user-select:none}.hdr-title{font-size:12px;font-weight:700;letter-spacing:.14em;color:#cfe2ef}.hdr-thin{font-weight:500;letter-spacing:.1em;color:#5d7a8f}.hdr-status{display:flex;align-items:center;gap:6px;font-size:10px;font-weight:700;letter-spacing:.12em}.hdr-dot{width:7px;height:7px;border-radius:50%;background:currentColor}.hdr-status-live{color:#7ddf64}.hdr-status-live .hdr-dot{animation:pulse 1.6s ease-in-out infinite}.hdr-status-connecting{color:#e8c268}.hdr-status-reconnecting{color:#e86868}@keyframes pulse{0%,to{opacity:1}50%{opacity:.35}}.layout{display:flex;height:calc(100dvh - 38px)}.grid{flex:1 1 auto;min-width:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));grid-auto-rows:minmax(190px,1fr);grid-gap:6px;gap:6px;padding:6px;height:100%;overflow-y:auto}@media (max-width:700px){.grid{grid-template-columns:1fr}}.side{flex:0 0 clamp(290px,25vw,430px);min-width:0;max-width:clamp(290px,25vw,430px);display:flex;flex-direction:column;min-height:0;background:#081018;border-left:1px solid #12202c}@media (max-width:800px){.side{display:none}}.side-panel{flex:1 1 50%;min-height:0;display:flex;flex-direction:column}.side-panel+.side-panel{border-top:1px solid #12202c}.side-hd{display:flex;align-items:baseline;justify-content:space-between;padding:8px 10px 6px;font-size:10px;font-weight:700;letter-spacing:.14em;color:#5d7a8f;-webkit-user-select:none;-moz-user-select:none;user-select:none}.side-hd-sub{font-weight:500;letter-spacing:.08em;color:#44586a}.side-scroll{flex:1 1;min-height:0;overflow-y:auto}.side-empty{padding:14px 10px;color:#44586a;font-size:11px}.news-row{display:block;padding:6px 10px 7px;border-bottom:1px solid #0c1722;text-decoration:none;cursor:pointer}.news-row:hover{background:rgba(150,180,205,.06)}.news-meta{display:flex;align-items:baseline;gap:7px;min-width:0;font-size:10px}.news-time{flex:0 0 auto;font-family:ui-monospace,SF Mono,Menlo,monospace;color:#8ea6b8}.news-co{min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:#7ddf64;font-weight:600}.news-tag{color:#e8c268}.news-lang,.news-tag{flex:0 0 auto;font-size:9px;letter-spacing:.08em}.news-lang{color:#44586a}.news-title{margin-top:2px;font-size:11.5px;line-height:1.35;color:#c6d7e4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.scr-segs{display:flex;flex-wrap:wrap;gap:4px;margin:0 10px 6px}.scr-seg{padding:2px 7px;background:transparent;border:1px solid rgba(150,180,205,.2);border-radius:3px;font-size:9px;font-weight:700;letter-spacing:.08em;color:#5d7a8f;cursor:pointer}.scr-seg:hover{color:#9db4c6;border-color:rgba(150,180,205,.45)}.scr-seg-on,.scr-seg-on:hover{color:#7ddf64;border-color:#7ddf64}.scr-filter{margin:0 10px 6px;padding:4px 8px;background:#0a141d;border:1px solid #14222e;border-radius:3px;outline:none;color:#d5e4ef;font-size:11px;font-family:inherit}.scr-filter::placeholder{color:#44586a}.scr-filter:focus{border-color:#274357}.scr-row{display:flex;align-items:center;gap:8px;padding:4px 10px;border-bottom:1px solid #0c1722;cursor:pointer}.scr-row:hover{background:rgba(150,180,205,.06)}.scr-sym{flex:0 0 68px;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:10.5px;color:#cfe2ef;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.scr-ongrid .scr-sym{color:#7ddf64}.scr-ongrid{cursor:default}.scr-name{flex:1 1;min-width:0;font-size:10.5px;color:#5d7a8f;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.scr-pct{flex:0 0 58px;text-align:right;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:10.5px;font-weight:600}.scr-up{color:#7ddf64}.scr-dn{color:#e86868}.card{position:relative;min-height:0;background:#0a141d;border:1px solid #101d29;border-radius:3px;overflow:hidden}.tick-canvas{position:absolute;inset:0;width:100%;height:100%;display:block;cursor:crosshair}.hdr-right{display:flex;align-items:center;gap:14px}.hdr-hint{font-size:10px;letter-spacing:.1em;color:#44586a;-webkit-user-select:none;-moz-user-select:none;user-select:none}.hdr-keys{position:relative}.hdr-keys-btn{background:transparent;border:1px solid rgba(150,180,205,.2);border-radius:3px;padding:3px 9px;font-size:10px;letter-spacing:.08em;color:#44586a;cursor:pointer}.hdr-keys-btn:hover,.hdr-keys-open .hdr-keys-btn{color:#9db4c6;border-color:rgba(150,180,205,.45)}.hdr-keys-pop{display:none;position:absolute;right:0;top:26px;z-index:60;background:#0a141d;border:1px solid #1c3245;border-radius:6px;padding:10px 14px;box-shadow:0 14px 40px rgba(0,0,0,.55);font-size:11px;line-height:2.1;color:#9db4c6;white-space:nowrap}.hdr-keys-open .hdr-keys-pop,.hdr-keys:hover .hdr-keys-pop{display:block}.hdr-keys-pop kbd{display:inline-block;min-width:44px;margin-right:10px;padding:0 6px;text-align:center;background:#16283a;border:1px solid #274357;border-radius:3px;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:10px;color:#cfe2ef}.card-x{position:absolute;top:4px;right:4px;z-index:2;width:18px;height:18px;padding:0;line-height:15px;font-size:13px;border:1px solid rgba(150,180,205,.25);border-radius:2px;background:rgba(10,20,29,.85);color:#8ea6b8;cursor:pointer;opacity:0;transition:opacity .12s}.card:hover .card-x{opacity:1}.card-x:hover{color:#e86868;border-color:#e86868}.grid-empty{grid-column:1/-1;align-items:center;color:#44586a;font-size:12px;letter-spacing:.14em;text-transform:uppercase}.grid-empty,.modal-overlay{display:flex;justify-content:center}.modal-overlay{position:fixed;inset:0;z-index:50;align-items:flex-start;padding-top:14vh;background:rgba(2,6,10,.72);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.modal{width:min(580px,92vw);background:#0a141d;border:1px solid #1c3245;border-radius:6px;box-shadow:0 18px 60px rgba(0,0,0,.6);overflow:hidden}.modal-input-row{display:flex;align-items:center;gap:10px;padding:12px 14px;border-bottom:1px solid #14222e}.modal-prompt{font-size:10px;font-weight:700;letter-spacing:.14em;color:#7ddf64;-webkit-user-select:none;-moz-user-select:none;user-select:none}.modal-input-row input{flex:1 1;background:transparent;border:none;outline:none;color:#d5e4ef;font-size:14px;font-family:inherit}.modal-input-row input::placeholder{color:#44586a}.modal-results{list-style:none;margin:0;padding:4px 0;max-height:320px;overflow-y:auto}.modal-row{display:flex;align-items:center;gap:10px;padding:7px 14px;cursor:pointer;font-size:12px}.modal-row-sel{background:rgba(150,180,205,.1)}.modal-row-added{opacity:.45;cursor:default}.modal-chip{flex:0 0 auto;min-width:52px;padding:2px 7px;border-radius:2px;background:#43a939;color:#06130a;font-size:10px;font-weight:700;text-align:center}.modal-sym{flex:0 0 auto;color:#8ea6b8;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:11px;min-width:82px}.modal-name{flex:1 1;color:#d5e4ef;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.modal-exch{flex:0 0 auto;letter-spacing:.08em}.modal-exch,.modal-hint{color:#44586a;font-size:10px}.modal-hint{padding:8px 14px;border-top:1px solid #14222e;letter-spacing:.1em;-webkit-user-select:none;-moz-user-select:none;user-select:none}.modal-empty{padding:16px 14px;color:#44586a;font-size:11px}.modal-chip-save{background:transparent;border:1px solid #7ddf64;color:#7ddf64}.modal-x{flex:0 0 auto;width:18px;height:18px;padding:0;line-height:15px;font-size:12px;border:1px solid rgba(150,180,205,.25);border-radius:2px;background:transparent;color:#8ea6b8;cursor:pointer}.modal-x:hover{color:#e86868;border-color:#e86868}