:root{--bg: #03070D;--bg-panel: #080F18;--bg-raised: #0C1520;--bg-hover: #101C2A;--bg-input: #060C14;--border: rgba(255,255,255,.06);--border-mid: rgba(255,255,255,.1);--border-hi: rgba(255,255,255,.18);--txt: #D8E6F0;--txt-2: #6A8BA8;--txt-3: #2E4560;--cyan: #00C4FF;--cyan-dim: rgba(0,196,255,.08);--amber: #FFB800;--amber-dim: rgba(255,184,0,.1);--phosphor: #1DFF9A;--phosphor-dim: rgba(29,255,154,.08);--red: #FF3B3B;--red-dim: rgba(255,59,59,.08);--purple: #A78BFA;--purple-dim: rgba(167,139,250,.08);--orange: #FF7A00;--mono: "JetBrains Mono", ui-monospace, monospace;--sans: "Inter", system-ui, sans-serif;--r: 4px;--r2: 8px;--header-h: 48px;--toolbar-h: 40px;--sidebar-w: 210px}[data-theme=light]{--bg: #F0F4F8;--bg-panel: #FFFFFF;--bg-raised: #E8EEF5;--bg-hover: #DDE5EF;--bg-input: #F5F8FB;--border: rgba(0,0,0,.08);--border-mid: rgba(0,0,0,.13);--border-hi: rgba(0,0,0,.22);--txt: #0D1B2A;--txt-2: #3D5A78;--txt-3: #8BA5BF;--cyan: #006FA8;--cyan-dim: rgba(0,111,168,.1);--amber: #B07700;--amber-dim: rgba(176,119,0,.1);--phosphor: #00834A;--phosphor-dim: rgba(0,131,74,.08);--red: #C42B2B;--red-dim: rgba(196,43,43,.08);--purple: #6B4FBF;--purple-dim: rgba(107,79,191,.08);--orange: #B05200}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{color-scheme:dark}[data-theme=light]{color-scheme:light}body{background:var(--bg);color:var(--txt);font-family:var(--sans);font-size:13px;line-height:1.5;-webkit-font-smoothing:antialiased;overflow:hidden;height:100vh}#app{height:100vh;display:flex;flex-direction:column}button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit}input,select{font-family:inherit;color:inherit}::selection{background:#00c4ff33;color:var(--cyan)}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-mid);border-radius:3px}:focus-visible{outline:1px solid var(--cyan);outline-offset:2px}.mono{font-family:var(--mono)}.live-dot{display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--phosphor);flex-shrink:0;animation:blink 2.4s ease-in-out infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:.3}}.app-header{height:var(--header-h);background:var(--bg-panel);border-bottom:1px solid var(--border);display:flex;align-items:center;padding:0 16px;gap:20px;flex-shrink:0;z-index:100}.app-header__brand{display:flex;align-items:center;gap:10px;flex-shrink:0}.app-header__logo{font-family:var(--mono);font-size:11px;font-weight:700;letter-spacing:.12em;color:var(--cyan);background:var(--cyan-dim);border:1px solid rgba(0,196,255,.2);border-radius:var(--r);padding:3px 7px;line-height:1}.app-header__title{font-family:var(--mono);font-size:10px;font-weight:500;color:var(--txt-2);letter-spacing:.06em;text-transform:uppercase}.app-header__divider{width:1px;height:20px;background:var(--border);flex-shrink:0}.app-header__meta{display:flex;align-items:center;gap:16px;flex:1}.app-header__chip{font-family:var(--mono);font-size:10px;color:var(--txt-3);letter-spacing:.04em}.app-header__chip b{color:var(--txt-2);font-weight:500}.app-header__status{margin-left:auto;display:flex;align-items:center;gap:6px;font-family:var(--mono);font-size:10px;color:var(--txt-3)}.app-body{display:flex;flex:1;overflow:hidden;position:relative}.sidebar{width:var(--sidebar-w);flex-shrink:0;background:var(--bg-panel);border-right:1px solid var(--border);display:flex;flex-direction:column;overflow:hidden;transition:width .2s ease}.sidebar.is-collapsed{width:0;border-right:none}.sidebar__top{padding:10px 10px 6px;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:6px;flex-shrink:0}.sidebar__search{flex:1;height:28px;background:var(--bg-input);border:1px solid var(--border);border-radius:var(--r);padding:0 8px;font-size:11px;color:var(--txt);outline:none}.sidebar__search:focus{border-color:var(--border-mid)}.sidebar__search::placeholder{color:var(--txt-3)}.sidebar__collapse{width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:var(--r);color:var(--txt-3);font-size:12px;flex-shrink:0;transition:color .15s}.sidebar__collapse:hover{color:var(--txt)}.sidebar__nav{flex:1;overflow-y:auto;padding:6px 6px 12px}.sidebar__section{margin-top:8px}.sidebar__section-label{font-family:var(--mono);font-size:9px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--txt-3);padding:6px 6px 4px}.sidebar__item{display:flex;align-items:center;justify-content:space-between;width:100%;padding:5px 8px;border-radius:var(--r);font-size:11.5px;color:var(--txt-2);gap:6px;text-align:left;transition:background .12s,color .12s}.sidebar__item:hover{background:var(--bg-hover);color:var(--txt)}.sidebar__item.is-active{background:var(--cyan-dim);color:var(--cyan);border:1px solid rgba(0,196,255,.15)}.sidebar__item.is-active .sidebar__badge{color:var(--cyan)}.sidebar__label{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar__badge{font-family:var(--mono);font-size:10px;color:var(--txt-3);flex-shrink:0}.sidebar-toggle{position:absolute;left:0;top:50%;transform:translateY(-50%);z-index:10;width:18px;height:48px;background:var(--bg-panel);border:1px solid var(--border);border-left:none;border-radius:0 var(--r) var(--r) 0;color:var(--txt-3);font-size:10px;display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:0;pointer-events:none;transition:opacity .2s}.sidebar.is-collapsed~.sidebar-toggle{opacity:1;pointer-events:all}.app-main{flex:1;display:flex;flex-direction:column;overflow:hidden;min-width:0}.toolbar{height:var(--toolbar-h);background:var(--bg-panel);border-bottom:1px solid var(--border);display:flex;align-items:center;gap:2px;padding:0 10px;flex-shrink:0}.toolbar-sep{width:1px;height:18px;background:var(--border);margin:0 6px}.toolbar-tab{height:28px;padding:0 10px;border-radius:var(--r);font-family:var(--mono);font-size:10px;font-weight:600;letter-spacing:.08em;color:var(--txt-3);transition:background .12s,color .12s}.toolbar-tab:hover{background:var(--bg-hover);color:var(--txt-2)}.toolbar-tab.is-active{background:var(--bg-raised);color:var(--txt)}.toolbar-search{height:28px;background:var(--bg-input);border:1px solid var(--border);border-radius:var(--r);padding:0 10px;font-size:11.5px;color:var(--txt);outline:none;width:200px}.toolbar-search:focus{border-color:var(--border-mid)}.toolbar-search::placeholder{color:var(--txt-3)}.toolbar-select{height:28px;background:var(--bg-input);border:1px solid var(--border);border-radius:var(--r);padding:0 8px;font-size:11px;color:var(--txt-2);outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer}.toolbar-right{margin-left:auto;display:flex;align-items:center;gap:6px}.statsbar{display:flex;align-items:stretch;border-bottom:1px solid var(--border);flex-shrink:0;background:var(--bg-panel);overflow-x:auto}.statsbar:empty{display:none}.stat-cell{flex:1;min-width:110px;padding:7px 14px;border-right:1px solid var(--border);position:relative;overflow:hidden}.stat-cell:last-child{border-right:none}.stat-cell__label{font-size:9.5px;font-weight:500;color:var(--txt-3);letter-spacing:.06em;text-transform:uppercase;margin-bottom:2px}.stat-cell__val{font-family:var(--mono);font-size:18px;font-weight:700;line-height:1;color:var(--txt)}.stat-cell__val .unit{font-size:10px;font-weight:400;color:var(--txt-3);margin-left:4px}.stat-cell__val.--amber{color:var(--amber)}.stat-cell__val.--red{color:var(--red)}.stat-cell__val.--green{color:var(--phosphor)}.stat-cell__val.--cyan{color:var(--cyan)}.stat-cell__val.--purple{color:var(--purple)}.stat-cell__meter{position:absolute;left:0;bottom:0;top:0;border-radius:0;opacity:.12;transition:width .4s ease;pointer-events:none}.legend-strip{display:flex;align-items:center;gap:16px;padding:5px 14px;border-bottom:1px solid var(--border);background:var(--bg-panel);flex-shrink:0;overflow-x:auto}.legend-chip{display:flex;align-items:center;gap:5px;font-size:10px;color:var(--txt-3);white-space:nowrap}.legend-chip__dot{width:8px;height:8px;border-radius:2px;flex-shrink:0}.content-area{flex:1;overflow-y:auto;overflow-x:hidden;padding:12px}.city-block{margin-bottom:10px;min-width:0}.city-block__head{display:flex;align-items:center;gap:8px;margin-bottom:5px;padding:0 2px}.city-block__name{font-family:var(--mono);font-size:10px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--txt-2)}.city-block__count{font-family:var(--mono);font-size:9.5px;color:var(--txt-3);background:var(--bg-raised);border-radius:10px;padding:1px 6px}.city-block__province{font-size:9px;color:var(--txt-3);margin-left:auto}.ch-row{display:flex;flex-wrap:nowrap;gap:3px;overflow-x:auto;-webkit-overflow-scrolling:touch;padding-bottom:4px}.ch-cell{width:52px;height:44px;border-radius:var(--r);border:1px solid var(--border);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;cursor:pointer;transition:border-color .1s,background .1s,transform .1s;position:relative;overflow:hidden;flex-shrink:0}.ch-cell:hover{transform:translateY(-1px);border-color:var(--border-hi)}.ch-cell__freq{font-family:var(--mono);font-size:9px;color:var(--txt-3);line-height:1}.ch-cell__name{font-family:var(--mono);font-size:9px;font-weight:600;color:var(--txt-2);line-height:1;max-width:48px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center}.ch-cell__co{position:absolute;top:2px;right:2px;font-family:var(--mono);font-size:8px;background:#ffffff14;border-radius:3px;padding:0 2px;color:var(--txt-3);line-height:1.4}.ch-cell--used{background:var(--amber-dim);border-color:#ffb80040}.ch-cell--used .ch-cell__freq{color:#ffb80080}.ch-cell--used .ch-cell__name{color:var(--amber)}.ch-cell--used:hover{background:#ffb8002e;border-color:var(--amber)}.ch-cell--adj1{background:var(--red-dim);border-color:#ff3b3b33;border-style:dashed}.ch-cell--adj1 .ch-cell__freq{color:#ff3b3b66}.ch-cell--adj1 .ch-cell__name{color:#ff3b3bb3}.ch-cell--adj2{background:#ff3b3b08;border-color:#ff3b3b1a;border-style:dashed}.ch-cell--adj2 .ch-cell__freq{color:#ff3b3b4d}.ch-cell--adj2 .ch-cell__name{color:#ff3b3b66}.ch-cell--allotted-lps{background:#00c4ff0f;border-color:#00c4ff33}.ch-cell--allotted-lps .ch-cell__freq{color:#00c4ff80}.ch-cell--allotted-lps .ch-cell__name{color:var(--cyan)}.ch-cell--allotted-lps:hover{background:#00c4ff1f;border-color:var(--cyan)}.ch-cell--allotted-rri{background:var(--purple-dim);border-color:#a78bfa40;border-style:dashed}.ch-cell--allotted-rri .ch-cell__freq{color:#a78bfa80}.ch-cell--allotted-rri .ch-cell__name{color:var(--purple)}.ch-cell--free{background:transparent;border-color:var(--border)}.ch-cell--free .ch-cell__freq,.ch-cell--free .ch-cell__name{color:var(--txt-3)}.ch-cell--free:hover{background:var(--bg-hover)}.band-scroll{overflow-x:auto;padding-bottom:4px}.band-scroll svg{display:block}.band-hit{cursor:pointer}.band-hit:hover~rect{fill:#ffffff08}.interf-wrap{padding:12px}.interf-summary{display:flex;gap:8px;margin-bottom:16px;flex-wrap:wrap}.interf-card{flex:1;min-width:120px;background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--r2);padding:12px 16px}.interf-card__label{font-size:10px;color:var(--txt-3);text-transform:uppercase;letter-spacing:.06em;margin-bottom:6px}.interf-card__val{font-family:var(--mono);font-size:26px;font-weight:700;line-height:1}.interf-card__val.is-danger{color:var(--red)}.interf-card__val.is-warn{color:var(--amber)}.interf-card__val.is-ok{color:var(--phosphor)}.interf-card__val.is-neutral{color:var(--txt-2)}.interf-table{width:100%;border-collapse:collapse;font-size:11.5px}.interf-table th{text-align:left;font-size:9.5px;color:var(--txt-3);text-transform:uppercase;letter-spacing:.06em;padding:6px 10px;border-bottom:1px solid var(--border);font-weight:500}.interf-table td{padding:7px 10px;border-bottom:1px solid var(--border);color:var(--txt-2);font-family:var(--mono);font-size:11px}.interf-table tr:hover td{background:var(--bg-hover)}.badge-co{color:var(--red);background:var(--red-dim);padding:2px 6px;border-radius:3px;font-size:9px}.badge-adj1{color:var(--amber);background:var(--amber-dim);padding:2px 6px;border-radius:3px;font-size:9px}.badge-adj2{color:var(--purple);background:var(--purple-dim);padding:2px 6px;border-radius:3px;font-size:9px}.tooltip-float{position:fixed;z-index:9000;display:none;background:#0a1422;border:1px solid var(--border-mid);border-radius:var(--r2);padding:10px 12px;min-width:200px;max-width:280px;pointer-events:none;box-shadow:0 8px 32px #000c}.tooltip-float__title{font-family:var(--mono);font-size:10.5px;font-weight:600;color:var(--txt);margin-bottom:7px;padding-bottom:7px;border-bottom:1px solid var(--border)}.tooltip-float__row{display:flex;justify-content:space-between;gap:12px;font-size:10.5px;margin-top:3px}.tooltip-float__row span:first-child{color:var(--txt-3)}.tooltip-float__row span:last-child{color:var(--txt-2);font-family:var(--mono);text-align:right}.cell-drawer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:800;pointer-events:none}.cell-drawer.is-open{pointer-events:all}.cell-drawer__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#0009;opacity:0;transition:opacity .2s}.cell-drawer.is-open .cell-drawer__backdrop{opacity:1}.cell-drawer__panel{position:absolute;bottom:0;left:0;right:0;background:var(--bg-panel);border-top:1px solid var(--border-mid);border-radius:12px 12px 0 0;max-height:70vh;overflow-y:auto;padding:16px;transform:translateY(100%);transition:transform .22s ease}.cell-drawer.is-open .cell-drawer__panel{transform:translateY(0)}.cd-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.cd-head-left{display:flex;align-items:center;gap:10px}.cd-badge{font-family:var(--mono);font-size:9.5px;font-weight:700;letter-spacing:.1em;padding:3px 8px;border-radius:3px}.cd-badge--used{background:var(--amber-dim);color:var(--amber)}.cd-badge--free{background:var(--cyan-dim);color:var(--cyan)}.cd-badge--adj1{background:var(--red-dim);color:var(--red)}.cd-badge--adj2{background:var(--red-dim);color:#ff3b3bb3}.cd-freq{font-family:var(--mono);font-size:20px;font-weight:700;color:var(--txt)}.cd-close{width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:var(--bg-raised);color:var(--txt-2);font-size:12px;flex-shrink:0}.cd-close:hover{background:var(--bg-hover);color:var(--txt)}.cd-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:6px 12px}.cd-item{background:var(--bg-raised);border-radius:var(--r);padding:8px 10px}.cd-label{font-size:9px;color:var(--txt-3);text-transform:uppercase;letter-spacing:.06em;margin-bottom:3px}.cd-val{font-size:12px;color:var(--txt);font-weight:500}.cd-val.mono{font-family:var(--mono)}.cd-cta{display:block;width:100%;margin-top:12px;padding:9px;background:var(--cyan-dim);border:1px solid rgba(0,196,255,.2);border-radius:var(--r);color:var(--cyan);font-family:var(--mono);font-size:11px;font-weight:600;letter-spacing:.06em;text-align:center;cursor:pointer;transition:background .15s}.cd-cta:hover{background:#00c4ff24}.cd-swipe-hint{font-size:10px;color:var(--txt-3);text-align:center;margin-bottom:8px}.cd-swipe-wrap{display:flex;gap:10px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:4px}.cd-swipe-card{flex:0 0 calc(100% - 20px);scroll-snap-align:start;background:var(--bg-raised);border:1px solid var(--border);border-radius:var(--r2);padding:12px}.cd-swipe-num{font-family:var(--mono);font-size:9px;color:var(--txt-3);margin-bottom:4px}.cd-swipe-name{font-family:var(--mono);font-size:14px;font-weight:700;color:var(--amber)}.station-drawer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:900;pointer-events:none}.station-drawer.is-open{pointer-events:all}.station-drawer__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#000000b3;opacity:0;transition:opacity .2s}.station-drawer.is-open .station-drawer__backdrop{opacity:1}.station-drawer__panel{position:absolute;top:0;right:0;bottom:0;width:min(520px,100vw);background:var(--bg-panel);border-left:1px solid var(--border-mid);overflow-y:auto;transform:translate(100%);transition:transform .22s ease}.station-drawer.is-open .station-drawer__panel{transform:translate(0)}.dp-header{padding:16px;border-bottom:1px solid var(--border);display:flex;align-items:flex-start;gap:12px}.dp-back{width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:var(--r);background:var(--bg-raised);color:var(--txt-2);font-size:14px;flex-shrink:0}.dp-back:hover{color:var(--txt);background:var(--bg-hover)}.dp-title{font-family:var(--mono);font-size:14px;font-weight:700;color:var(--txt)}.dp-freq{font-family:var(--mono);font-size:20px;font-weight:700;color:var(--amber)}.dp-meta{font-size:11px;color:var(--txt-2);margin-top:2px}.dp-section{padding:14px 16px;border-bottom:1px solid var(--border)}.dp-section__label{font-size:9.5px;font-weight:600;color:var(--txt-3);text-transform:uppercase;letter-spacing:.1em;margin-bottom:10px}.dp-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:6px}.dp-item{background:var(--bg-raised);border-radius:var(--r);padding:8px 10px}.dp-item__label{font-size:9px;color:var(--txt-3);text-transform:uppercase;letter-spacing:.06em;margin-bottom:2px}.dp-item__val{font-size:12px;color:var(--txt);font-weight:500}.dp-item__val.mono{font-family:var(--mono)}.dp-map{height:200px;background:var(--bg-raised)}.neighbor-row{display:flex;align-items:center;gap:10px;padding:7px 0;border-bottom:1px solid var(--border);cursor:pointer}.neighbor-row:hover{opacity:.8}.neighbor-row:last-child{border-bottom:none}.neighbor-freq{font-family:var(--mono);font-size:12px;font-weight:600;color:var(--amber);min-width:52px}.neighbor-name{font-size:11.5px;color:var(--txt-2);flex:1}.neighbor-dist{font-family:var(--mono);font-size:10px;color:var(--txt-3)}.state-empty,.state-error,.state-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;min-height:200px;color:var(--txt-3);font-size:12px;text-align:center;padding:32px}.state-error{color:var(--red)}.state-error__msg{font-size:11px;color:var(--txt-3);margin-top:4px}.state-retry{margin-top:8px;padding:7px 18px;background:var(--bg-raised);border:1px solid var(--border-mid);border-radius:var(--r);color:var(--txt-2);font-size:12px;cursor:pointer}.state-retry:hover{color:var(--txt)}.kasper-fab{position:fixed;bottom:20px;left:16px;z-index:700;width:44px;height:44px;border-radius:50%;background:var(--bg-panel);border:1px solid var(--border-mid);color:var(--txt-2);font-size:18px;display:none;align-items:center;justify-content:center;box-shadow:0 4px 20px #0009}.kasper-fab__badge{position:absolute;top:6px;right:6px;width:8px;height:8px;border-radius:50%;background:var(--cyan);display:none}.kasper-drawer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:800;pointer-events:none}.kasper-drawer.is-open{pointer-events:all}.kasper-drawer__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#000000b3;opacity:0;transition:opacity .2s}.kasper-drawer.is-open .kasper-drawer__backdrop{opacity:1}.kasper-drawer__panel{position:absolute;bottom:0;left:0;right:0;background:var(--bg-panel);border-top:1px solid var(--border-mid);border-radius:12px 12px 0 0;max-height:80vh;overflow-y:auto;padding:16px;transform:translateY(100%);transition:transform .22s ease}.kasper-drawer.is-open .kasper-drawer__panel{transform:translateY(0)}.kasper-drawer__handle{width:32px;height:3px;background:var(--border-mid);border-radius:2px;margin:0 auto 14px}.kasper-drawer__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.kasper-drawer__title{font-family:var(--mono);font-size:11px;font-weight:700;letter-spacing:.12em;color:var(--txt-3)}.kasper-drawer__close{font-size:14px;color:var(--txt-3);padding:4px}.kd-section{margin-bottom:16px}.kd-section__label{font-family:var(--mono);font-size:9px;font-weight:700;letter-spacing:.1em;color:var(--txt-3);text-transform:uppercase;margin-bottom:8px}.kd-view-row{display:flex;gap:6px;flex-wrap:wrap}.kd-view-btn{flex:1;min-width:80px;padding:8px 10px;background:var(--bg-raised);border:1px solid var(--border);border-radius:var(--r);font-family:var(--mono);font-size:10.5px;font-weight:600;letter-spacing:.06em;color:var(--txt-2);text-align:center}.kd-view-btn.is-active{background:var(--cyan-dim);color:var(--cyan);border-color:#00c4ff4d}.kd-wilayah-list{display:flex;flex-direction:column;gap:3px}.kd-wilayah-item{padding:8px 10px;background:var(--bg-raised);border:1px solid var(--border);border-radius:var(--r);font-size:11.5px;color:var(--txt-2);text-align:left;width:100%}.kd-wilayah-item.is-active{background:var(--cyan-dim);color:var(--cyan);border-color:#00c4ff33}.theme-toggle{width:26px;height:26px;display:flex;align-items:center;justify-content:center;border-radius:var(--r);background:var(--bg-raised);border:1px solid var(--border-mid);color:var(--txt-2);font-size:13px;margin-left:8px;flex-shrink:0;transition:background .15s,color .15s;cursor:pointer}.theme-toggle:hover{background:var(--bg-hover);color:var(--txt)}RESPONSIVE Desktop landscape : 1024px+ — layout penuh,sidebar fixed Tablet landscape : 768–1023px — sidebar collapsible,toolbar compact Mobile portrait : max 767px — sidebar hilang,FAB,scroll normal Mobile landscape : max 767px + orientation landscape — hybrid mode ════════════════════════════════════════════════════════════════════ */ @media (min-width: 1280px){:root{--sidebar-w: 220px}.toolbar-search{width:240px}.ch-cell{width:56px;height:48px}}@media (max-width: 1023px) and (min-width: 768px){:root{--sidebar-w: 180px;--header-h: 44px}.app-header__meta{gap:10px}.app-header__chip{font-size:9px}.toolbar-search{width:160px}.ch-cell{width:48px;height:42px}.stat-cell{min-width:90px;padding:6px 10px}.stat-cell__val{font-size:16px}.kasper-fab{display:none!important}}@media (max-width: 767px){:root{--header-h: 44px;--toolbar-h: 40px}body{overflow-x:hidden;overflow-y:auto;height:auto}#app{height:auto;min-height:100vh;flex-direction:column}.app-body{flex-direction:column;overflow:visible;height:auto}.app-main{overflow:visible;height:auto}.content-area{overflow:visible;padding:8px}.sidebar,.sidebar-toggle{display:none!important}.app-header{padding:0 12px;gap:10px}.app-header__title,.app-header__divider,.app-header__meta{display:none}.app-header__status{font-size:9px}.toolbar{flex-wrap:wrap;height:auto;padding:6px 8px;gap:4px;row-gap:6px}.toolbar-sep{display:none}.toolbar-right{width:100%;margin-left:0;gap:4px}.toolbar-search{flex:1;width:auto;font-size:12px}.toolbar-select{font-size:11px}.toolbar-tab{font-size:9.5px;padding:0 8px;height:26px}.statsbar{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch}.stat-cell{min-width:100px;padding:6px 10px;flex-shrink:0}.stat-cell__val{font-size:16px}.stat-cell__label{font-size:9px}.legend-strip{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;gap:12px;padding:4px 10px}.ch-cell{width:46px;height:40px}.ch-cell__freq,.ch-cell__name{font-size:8.5px}.city-block{margin-bottom:16px}.city-block__name{font-size:9.5px}.cell-drawer__panel{max-height:80vh;padding:14px}.cd-freq{font-size:18px}.cd-grid{grid-template-columns:1fr;gap:5px}.station-drawer__panel{width:100vw}.dp-grid{grid-template-columns:1fr}.interf-wrap{padding:8px}.interf-summary{gap:6px}.interf-card{min-width:100px;padding:10px 12px}.interf-card__val{font-size:22px}.kasper-fab{display:flex}.band-scroll{-webkit-overflow-scrolling:touch}}@media (max-width: 767px) and (orientation: landscape){:root{--header-h: 36px}.app-header{padding:0 10px}.app-header__logo{font-size:10px;padding:2px 6px}.toolbar{flex-wrap:nowrap;height:var(--toolbar-h);padding:0 8px}.toolbar-right{width:auto;margin-left:auto}.toolbar-search{width:130px}body{overflow:hidden;height:100vh}#app{height:100vh}.app-body{height:calc(100vh - var(--header-h) - var(--toolbar-h));overflow:hidden}.app-main{overflow:hidden}.content-area{overflow-y:auto;padding:6px}.statsbar{flex-wrap:nowrap;overflow-x:auto}.stat-cell{min-width:80px;padding:4px 8px}.stat-cell__val{font-size:14px}.ch-cell{width:42px;height:36px}.kasper-fab{bottom:12px;left:auto;right:12px}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation:none!important;transition:none!important}}.kd-city-chip{display:inline-flex;align-items:center;padding:5px 10px;border-radius:20px;border:1px solid var(--border-mid);background:var(--bg-raised);color:var(--txt-2);font-family:var(--mono);font-size:10px;font-weight:600;letter-spacing:.06em;cursor:pointer;white-space:nowrap;transition:background .12s,color .12s,border-color .12s}.kd-city-chip:hover{background:var(--bg-hover);color:var(--txt)}.kd-city-chip.is-active{background:var(--cyan-dim);color:var(--cyan);border-color:#00c4ff4d}.kd-city-chips{display:flex;flex-wrap:wrap;gap:6px}.kd-segmented{display:flex;gap:4px}.kd-seg-btn{flex:1;padding:7px 8px;border-radius:var(--r);border:1px solid var(--border);background:var(--bg-raised);color:var(--txt-2);font-family:var(--mono);font-size:10px;font-weight:600;letter-spacing:.06em;text-align:center;cursor:pointer;transition:background .12s,color .12s}.kd-seg-btn.is-active{background:var(--cyan-dim);color:var(--cyan);border-color:#00c4ff40}.kd-toggle-list{display:flex;flex-direction:column;gap:8px}.kd-toggle-row{display:flex;align-items:center;justify-content:space-between;font-size:12px;color:var(--txt-2);cursor:pointer;padding:2px 0}.kd-toggle-row input[type=checkbox]{display:none}.kd-tog-s{width:36px;height:20px;border-radius:10px;background:var(--bg-raised);border:1px solid var(--border-mid);position:relative;transition:background .15s;flex-shrink:0}.kd-tog-s:after{content:"";position:absolute;top:3px;left:3px;width:12px;height:12px;border-radius:50%;background:var(--txt-3);transition:transform .15s,background .15s}.kd-toggle-row input:checked+.kd-tog-s{background:var(--cyan-dim);border-color:#00c4ff4d}.kd-toggle-row input:checked+.kd-tog-s:after{transform:translate(16px);background:var(--cyan)}.kd-search-wrap{position:relative}.kd-search{width:100%;height:36px;background:var(--bg-input);border:1px solid var(--border-mid);border-radius:var(--r);padding:0 32px 0 10px;font-size:12px;color:var(--txt);outline:none}.kd-search:focus{border-color:var(--cyan)}.kd-search::placeholder{color:var(--txt-3)}.kd-search__icon{position:absolute;right:10px;top:50%;transform:translateY(-50%);color:var(--txt-3);font-size:14px;pointer-events:none}.kd-api-status{display:flex;align-items:center;gap:6px;font-family:var(--mono);font-size:10px;color:var(--txt-3)}.kasper-drawer__footer{display:flex;gap:8px;padding:12px 0 0;border-top:1px solid var(--border);margin-top:8px}.kd-btn-reset{flex:1;padding:10px;border-radius:var(--r);border:1px solid var(--border-mid);background:var(--bg-raised);color:var(--txt-2);font-family:var(--mono);font-size:10px;font-weight:700;letter-spacing:.08em;cursor:pointer}.kd-btn-apply{flex:2;padding:10px;border-radius:var(--r);border:1px solid rgba(0,196,255,.3);background:var(--cyan-dim);color:var(--cyan);font-family:var(--mono);font-size:10px;font-weight:700;letter-spacing:.08em;cursor:pointer;transition:background .15s}.kd-btn-apply:hover{background:#00c4ff24}.kasper-fab__icon{font-size:18px}.kasper-fab__badge{position:absolute;top:6px;right:6px;min-width:14px;height:14px;border-radius:7px;background:var(--cyan);color:#000;font-family:var(--mono);font-size:8px;font-weight:700;display:none;align-items:center;justify-content:center;padding:0 2px}.kasper-fab__badge.has-filter{display:flex}.toolbar-search-wrap{position:relative;display:flex;align-items:center}.toolbar-search-wrap .toolbar-search{padding-right:26px}.toolbar-search-clear{position:absolute;right:6px;width:16px;height:16px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:var(--bg-hover);color:var(--txt-3);font-size:9px;line-height:1;cursor:pointer;transition:background .12s,color .12s}.toolbar-search-clear:hover{background:var(--border-mid);color:var(--txt)}.dp-share{width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:var(--r);background:var(--bg-raised);border:1px solid var(--border);color:var(--txt-2);font-size:14px;flex-shrink:0;cursor:pointer;transition:background .15s,color .15s}.dp-share:hover{background:var(--bg-hover);color:var(--txt)}.stat-cell--btn{cursor:pointer;transition:background .12s}.stat-cell--btn:hover{background:var(--bg-hover)}.stat-cell--btn .stat-cell__label{text-decoration-line:none}.stat-cell--btn:hover .stat-cell__label{color:var(--txt-2)}#freeBlocksPanel{padding:0 12px;flex-shrink:0}#freeBlocksPanel:empty{padding:0}.kbd{display:inline-flex;align-items:center;justify-content:center;min-width:16px;height:16px;padding:0 3px;border-radius:3px;border:1px solid var(--border-mid);background:var(--bg-raised);color:var(--txt-3);font-family:var(--mono);font-size:9px;line-height:1}.kd-city-chips-scroll{max-height:160px;overflow-y:auto;-webkit-overflow-scrolling:touch;margin:-2px;padding:2px}.kd-city-chips{flex-wrap:wrap}.cd-swipe-dots{display:flex;justify-content:center;gap:5px;margin-top:8px}.cd-swipe-dot{width:5px;height:5px;border-radius:50%;background:var(--border-mid);transition:background .15s,transform .15s}.cd-swipe-dot.is-active{background:var(--amber);transform:scale(1.3)}.toolbar-reset{height:28px;padding:0 10px;border-radius:var(--r);border:1px solid var(--border-mid);background:var(--bg-raised);color:var(--txt-2);font-family:var(--mono);font-size:10px;font-weight:600;letter-spacing:.06em;cursor:pointer;white-space:nowrap;transition:background .12s,color .12s}.toolbar-reset:hover{background:var(--bg-hover);color:var(--txt)}.toolbar-geo-opt{display:flex;align-items:center;gap:4px;font-size:10.5px;color:var(--txt-2);cursor:pointer;white-space:nowrap;padding:0 4px}.toolbar-geo-opt input[type=checkbox]{width:12px;height:12px;accent-color:var(--cyan);cursor:pointer}.toolbar-geo-opt:hover{color:var(--txt)}#freeBlocksPanel{padding:0}#freeBlocksPanel>div{margin:8px 12px 0}.band-scroll-hint-mobile{font-family:var(--mono);font-size:9px;color:var(--txt-3);text-align:right;padding:2px 4px 0;letter-spacing:.06em}