.shell{display:flex;min-height:100%}.sidebar{width:var(--sidebar-w);flex-shrink:0;background:var(--surface);border-right:1px solid var(--border);display:flex;flex-direction:column;position:sticky;top:0;height:100vh}.brand{display:flex;align-items:center;gap:var(--s2);padding:var(--s5) var(--s5) var(--s4);font-weight:800;font-size:20px;letter-spacing:-.02em}.brand-mark{font-size:22px}.brand-dot{width:6px;height:6px;border-radius:50%;background:var(--primary);margin-left:-2px;margin-top:8px}.nav{flex:1;padding:var(--s2) var(--s3);display:flex;flex-direction:column;gap:var(--s4);overflow-y:auto}.nav-group{display:flex;flex-direction:column;gap:2px}.nav-group-label{font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:.08em;color:var(--text-faint);padding:var(--s2) var(--s3) var(--s1);font-weight:700}.nav-item{display:flex;align-items:center;gap:var(--s3);padding:9px var(--s3);border-radius:var(--r-sm);color:var(--text-dim);font-size:var(--fs-body);font-weight:500;transition:background .15s var(--ease),color .15s var(--ease);text-align:left;width:100%}.nav-item:hover{background:var(--surface-2);color:var(--text)}.nav-item.active{background:var(--primary-soft);color:var(--primary);font-weight:600}.nav-icon{display:inline-flex;opacity:.9}.sidebar-foot{padding:var(--s4) var(--s5);border-top:1px solid var(--border);font-size:var(--fs-xs);color:var(--text-dim);display:flex;align-items:center;gap:var(--s2)}.live-dot{width:7px;height:7px;border-radius:50%;background:var(--good);box-shadow:0 0 0 3px var(--good-soft)}.live-dot.demo{background:var(--warn);box-shadow:0 0 0 3px var(--warn-soft)}.main{flex:1;min-width:0;display:flex;flex-direction:column}.topbar{height:var(--topbar-h);flex-shrink:0;display:flex;align-items:center;gap:var(--s4);padding:0 var(--s6);border-bottom:1px solid var(--border);background:color-mix(in srgb,var(--bg) 80%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);position:sticky;top:0;z-index:20}.hamburger{display:none;color:var(--text-dim)}.searchbar{flex:1;max-width:560px;display:flex;align-items:center;gap:var(--s2);background:var(--surface);border:1px solid var(--border);border-radius:var(--r-full);padding:7px var(--s3) 7px var(--s4);color:var(--text-dim);transition:border-color .15s var(--ease),box-shadow .15s var(--ease)}.searchbar:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-soft)}.searchbar input{flex:1;border:none;outline:none;background:none;font-size:var(--fs-body);color:var(--text)}.searchbar input::placeholder{color:var(--text-faint)}.search-go{background:var(--primary);color:var(--on-primary);font-weight:700;font-size:var(--fs-sm);padding:6px 16px;border-radius:var(--r-full)}.search-go:hover{background:var(--primary-strong)}.topbar-kw{margin-left:auto}.kw-chip{display:inline-flex;align-items:center;gap:var(--s2);font-weight:600;font-size:var(--fs-sm);background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r-full);padding:5px 12px}.kw-plat{font-size:var(--fs-xs);font-weight:800;color:var(--primary);letter-spacing:.03em}.content{padding:var(--s6);max-width:var(--content-max);width:100%;margin:0 auto}.scrim{display:none}@media (max-width: 860px){.sidebar{position:fixed;z-index:40;left:0;top:0;transform:translate(-100%);transition:transform .25s var(--ease);box-shadow:var(--shadow-lg)}.sidebar.open{transform:none}.hamburger{display:inline-flex}.scrim{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;z-index:35}.topbar-kw{display:none}.content{padding:var(--s4)}}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r);padding:var(--s5) var(--s5);box-shadow:var(--shadow-sm);animation:fadeUp .3s var(--ease) both}.card-nopad{padding:0;overflow:hidden}.card-head{display:flex;align-items:baseline;justify-content:space-between;gap:var(--s3);margin-bottom:var(--s4)}.card-title{font-size:var(--fs-h3);font-weight:700;display:flex;align-items:baseline;gap:var(--s2);letter-spacing:-.01em}.card-sub{font-size:var(--fs-xs);font-weight:400;color:var(--text-dim);letter-spacing:0}.card-right{flex-shrink:0}.pill{display:inline-flex;align-items:center;gap:4px;font-size:var(--fs-xs);font-weight:700;padding:2px 9px;border-radius:var(--r-full);line-height:1.6}.pill-good{color:var(--good);background:var(--good-soft)}.pill-ok{color:var(--ok);background:var(--ok-soft)}.pill-warn{color:var(--warn);background:var(--warn-soft)}.pill-bad{color:var(--bad);background:var(--bad-soft)}.pill-neutral{color:var(--text-dim);background:var(--surface-2)}.stat-tile{display:flex;flex-direction:column;gap:2px}.stat-label{font-size:var(--fs-xs);color:var(--text-dim);text-transform:uppercase;letter-spacing:.05em;font-weight:600}.stat-value{font-size:24px;font-weight:800;letter-spacing:-.02em}.stat-sub{font-size:var(--fs-xs);color:var(--text-faint)}.skeleton{display:block;background:linear-gradient(90deg,var(--surface-2) 25%,var(--surface-3) 50%,var(--surface-2) 75%);background-size:800px 100%;animation:shimmer 1.3s infinite linear}.state-box{text-align:center;padding:var(--s12) var(--s6);color:var(--text-dim)}.state-icon{font-size:34px;margin-bottom:var(--s3);opacity:.85}.state-title{font-size:var(--fs-h2);font-weight:700;color:var(--text);margin-bottom:var(--s2)}.state-hint{font-size:var(--fs-sm);color:var(--text-dim);max-width:420px;margin:0 auto;line-height:1.5}.state-box.error .state-title{color:var(--bad)}.view-header{margin-bottom:var(--s5)}.view-title{font-size:var(--fs-h1);font-weight:800;letter-spacing:-.02em}.view-desc{font-size:var(--fs-sm);color:var(--text-dim);margin-top:2px}.dash-grid{display:grid;gap:var(--s4);grid-template-columns:repeat(12,1fr)}.col-4{grid-column:span 4}.col-6{grid-column:span 6}.col-8{grid-column:span 8}.col-12{grid-column:span 12}@media (max-width: 900px){.col-4,.col-6,.col-8{grid-column:span 12}}.kvlist{display:flex;flex-direction:column}.kvlist>div{display:flex;justify-content:space-between;align-items:center;font-size:var(--fs-sm);padding:9px 0;border-top:1px solid var(--border)}.kvlist dt{color:var(--text-dim)}.kvlist dd{font-weight:600}.gauge{position:relative;width:140px;height:140px;margin:0 auto}.gauge-svg{width:100%;height:100%}.gauge-track{fill:none;stroke:var(--surface-3);stroke-width:11;stroke-linecap:round}.gauge-fill{fill:none;stroke-width:11;stroke-linecap:round;transition:stroke-dasharray .7s var(--ease)}.gauge-center{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px}.gauge-value{font-size:34px;font-weight:800;letter-spacing:-.03em;line-height:1}.gauge-label{font-size:var(--fs-xs);color:var(--text-dim);font-weight:600}.donut{position:relative;width:140px;height:140px;margin:0 auto}.donut-svg{width:100%;height:100%}.donut-seg{fill:none;stroke-width:16;transition:stroke-dasharray .6s var(--ease)}.donut-center{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center}.donut-value{font-size:26px;font-weight:800;letter-spacing:-.02em;color:var(--primary);line-height:1}.donut-label{font-size:var(--fs-xs);color:var(--text-dim)}.chart-scroll{overflow-x:auto}.trend-chart{width:100%;min-width:460px;height:auto;display:block}.grid-line{stroke:var(--border);stroke-width:1}.axis-label{fill:var(--text-faint);font-size:10px;font-variant-numeric:tabular-nums}.trend-line{fill:none;stroke:var(--primary);stroke-width:2.4;stroke-linejoin:round;stroke-linecap:round}.trend-dot{fill:var(--surface);stroke:var(--primary);stroke-width:2;cursor:pointer;transition:r .15s var(--ease)}.trend-dot:hover{r:5}.trend-dot.peak{fill:var(--primary)}.spark{display:block}.spark-empty{color:var(--text-faint)}.barmeter{height:9px;background:var(--surface-3);border-radius:var(--r-full);overflow:hidden}.barmeter-fill{height:100%;border-radius:var(--r-full);transition:width .6s var(--ease)}.legend{display:flex;gap:var(--s4);justify-content:center;margin-top:var(--s3);flex-wrap:wrap}.legend-item{display:flex;align-items:center;gap:6px;font-size:var(--fs-xs);color:var(--text-dim)}.legend-swatch{width:9px;height:9px;border-radius:3px}:root{--bg: #0e1512;--surface: #161d19;--surface-2: #1c2521;--surface-3: #232e28;--border: #26302b;--border-strong: #33403a;--text: #e9efec;--text-dim: #94a49c;--text-faint: #63726b;--primary: #17c58f;--primary-strong: #12a878;--primary-soft: rgba(23, 197, 143, .14);--on-primary: #05130d;--good: #17c58f;--ok: #3d8bfd;--warn: #e8a13a;--bad: #e5484d;--good-soft: rgba(23, 197, 143, .14);--ok-soft: rgba(61, 139, 253, .14);--warn-soft: rgba(232, 161, 58, .15);--bad-soft: rgba(229, 72, 77, .15);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .25);--shadow: 0 1px 2px rgba(0, 0, 0, .3), 0 10px 28px rgba(0, 0, 0, .32);--shadow-lg: 0 8px 40px rgba(0, 0, 0, .45);--s1: 4px;--s2: 8px;--s3: 12px;--s4: 16px;--s5: 20px;--s6: 24px;--s8: 32px;--s10: 40px;--s12: 48px;--r-sm: 8px;--r: 14px;--r-lg: 20px;--r-full: 999px;--sidebar-w: 232px;--topbar-h: 64px;--content-max: 1200px;--font: "Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, "Segoe UI", "Malgun Gothic", sans-serif;--mono: "SFMono-Regular", "Consolas", "Liberation Mono", monospace;--fs-display: clamp(28px, 4vw, 40px);--fs-h1: 22px;--fs-h2: 17px;--fs-h3: 14px;--fs-body: 14px;--fs-sm: 13px;--fs-xs: 11.5px;--ease: cubic-bezier(.22, 1, .36, 1)}@media (prefers-color-scheme: light){:root{--bg: #f5f8f6;--surface: #ffffff;--surface-2: #f0f4f2;--surface-3: #e7ede9;--border: #dde5e0;--border-strong: #cbd6cf;--text: #14201b;--text-dim: #5c6d64;--text-faint: #8a988f;--primary: #0ea575;--primary-strong: #0b8c63;--primary-soft: rgba(14, 165, 117, .12);--on-primary: #ffffff;--good: #0ea575;--ok: #2f7de6;--warn: #cf8a1c;--bad: #d64045;--good-soft: rgba(14, 165, 117, .12);--ok-soft: rgba(47, 125, 230, .12);--warn-soft: rgba(207, 138, 28, .13);--bad-soft: rgba(214, 64, 69, .12);--shadow-sm: 0 1px 2px rgba(16, 32, 26, .05);--shadow: 0 1px 2px rgba(16, 32, 26, .05), 0 8px 24px rgba(16, 32, 26, .07);--shadow-lg: 0 12px 40px rgba(16, 32, 26, .12)}}:root[data-theme=dark]{--bg: #0e1512;--surface: #161d19;--surface-2: #1c2521;--surface-3: #232e28;--border: #26302b;--border-strong: #33403a;--text: #e9efec;--text-dim: #94a49c;--text-faint: #63726b;--primary: #17c58f;--primary-strong: #12a878;--primary-soft: rgba(23,197,143,.14);--on-primary: #05130d;--good: #17c58f;--ok: #3d8bfd;--warn: #e8a13a;--bad: #e5484d;--good-soft: rgba(23,197,143,.14);--ok-soft: rgba(61,139,253,.14);--warn-soft: rgba(232,161,58,.15);--bad-soft: rgba(229,72,77,.15);--shadow-sm: 0 1px 2px rgba(0,0,0,.25);--shadow: 0 1px 2px rgba(0,0,0,.3),0 10px 28px rgba(0,0,0,.32);--shadow-lg: 0 8px 40px rgba(0,0,0,.45)}:root[data-theme=light]{--bg: #f5f8f6;--surface: #fff;--surface-2: #f0f4f2;--surface-3: #e7ede9;--border: #dde5e0;--border-strong: #cbd6cf;--text: #14201b;--text-dim: #5c6d64;--text-faint: #8a988f;--primary: #0ea575;--primary-strong: #0b8c63;--primary-soft: rgba(14,165,117,.12);--on-primary: #fff;--good: #0ea575;--ok: #2f7de6;--warn: #cf8a1c;--bad: #d64045;--good-soft: rgba(14,165,117,.12);--ok-soft: rgba(47,125,230,.12);--warn-soft: rgba(207,138,28,.13);--bad-soft: rgba(214,64,69,.12);--shadow-sm: 0 1px 2px rgba(16,32,26,.05);--shadow: 0 1px 2px rgba(16,32,26,.05),0 8px 24px rgba(16,32,26,.07);--shadow-lg: 0 12px 40px rgba(16,32,26,.12)}*,*:before,*:after{box-sizing:border-box}*{margin:0}html,body,#root{height:100%}body{font-family:var(--font);font-size:var(--fs-body);line-height:1.5;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}h1,h2,h3,h4{line-height:1.25;text-wrap:balance;font-weight:700}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer;background:none;border:none}input,select,textarea{font:inherit;color:inherit}img,svg{display:block;max-width:100%}::selection{background:var(--primary-soft)}:focus-visible{outline:2px solid var(--primary);outline-offset:2px;border-radius:4px}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:var(--r-full);border:2px solid transparent;background-clip:padding-box}::-webkit-scrollbar-thumb:hover{background:var(--text-faint);background-clip:padding-box}.tnum{font-variant-numeric:tabular-nums}.dim{color:var(--text-dim)}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.001ms!important;transition-duration:.001ms!important}}@keyframes fadeUp{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@keyframes shimmer{0%{background-position:-400px 0}to{background-position:400px 0}}.gauge-pair{display:flex;gap:var(--s2);justify-content:center}.gauge-pair .gauge{width:120px;height:120px}.gauge-pair .gauge-value{font-size:28px}.hint-line{font-size:var(--fs-xs);color:var(--text-faint);margin-top:var(--s3);line-height:1.5}.device-note{text-align:center;font-size:var(--fs-xs);font-weight:600;color:var(--text-dim);margin-top:var(--s2);padding:6px;background:var(--surface-2);border-radius:var(--r-sm)}.sat-list{display:flex;flex-direction:column;gap:var(--s3)}.sat-row{display:grid;grid-template-columns:42px 1fr 58px auto;align-items:center;gap:var(--s3)}.sat-ch{font-size:var(--fs-sm);color:var(--text-dim)}.sat-pct{font-size:var(--fs-sm);font-weight:700;text-align:right}.stat-col{display:flex;flex-direction:column;gap:var(--s4)}.rel-preview{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--s2)}.rel-chip{display:flex;align-items:center;gap:var(--s2);padding:9px var(--s3);background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r-sm)}.rel-kw{flex:1;font-size:var(--fs-sm);font-weight:600;display:flex;align-items:center;gap:6px;min-width:0}.rel-kw{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rel-origin{font-size:9px;font-weight:800;background:var(--primary);color:var(--on-primary);border-radius:3px;padding:1px 5px}.rel-vol{font-size:var(--fs-sm);font-weight:700;color:var(--primary)}.dt-wrap{overflow-x:auto}.dt{width:100%;border-collapse:collapse;font-size:var(--fs-sm)}.dt th,.dt td{padding:10px var(--s3);text-align:left;white-space:nowrap}.dt thead th{color:var(--text-dim);font-weight:600;font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:.04em;border-bottom:1px solid var(--border);cursor:pointer;-webkit-user-select:none;user-select:none;position:sticky;top:0;background:var(--surface)}.dt thead th.sorted{color:var(--primary)}.dt tbody tr{border-bottom:1px solid var(--border);transition:background .12s}.dt tbody tr:hover{background:var(--surface-2)}.dt tbody tr.origin{background:var(--primary-soft)}.dt td.num,.dt th.num{text-align:right;font-variant-numeric:tabular-nums}.dt td.strong{font-weight:700;color:var(--primary)}.toolbar{display:flex;gap:var(--s2);align-items:center;flex-wrap:wrap;margin-bottom:var(--s4)}.toolbar input,.toolbar select{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r-sm);padding:8px var(--s3);font-size:var(--fs-sm);color:var(--text)}.toolbar input:focus,.toolbar select:focus{outline:none;border-color:var(--primary)}.btn{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r-sm);padding:8px 14px;font-size:var(--fs-sm);font-weight:600;color:var(--text);transition:background .12s}.btn:hover{background:var(--surface-3)}.btn-primary{background:var(--primary);color:var(--on-primary);border-color:transparent}.btn-primary:hover{background:var(--primary-strong)}.btn:disabled{opacity:.55;cursor:default}.track-form{display:flex;flex-direction:column;gap:var(--s3)}.track-row{display:grid;grid-template-columns:1fr 1fr auto;gap:var(--s2)}@media (max-width: 720px){.track-row{grid-template-columns:1fr}}.track-form input,.track-form textarea,.track-form select{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r-sm);padding:10px var(--s3);font-size:var(--fs-sm);color:var(--text);font-family:inherit}.track-form input:focus,.track-form textarea:focus,.track-form select:focus{outline:none;border-color:var(--primary)}.track-form .btn{align-self:flex-start}.track-error{background:var(--bad-soft);border:1px solid var(--bad);color:var(--bad);padding:10px 14px;border-radius:var(--r-sm);margin:var(--s4) 0;font-size:var(--fs-sm)}.track-list{display:flex;flex-direction:column;gap:var(--s4);margin-top:var(--s4)}.proj-meta{font-size:var(--fs-xs);color:var(--text-dim);margin-bottom:var(--s3);display:flex;align-items:center;gap:var(--s2)}.proj-meta b{color:var(--text)}.serp-title{color:var(--text);font-weight:500}.serp-title:hover{color:var(--primary);text-decoration:underline}.rank-ol{list-style:none;padding:0;margin:0;display:flex;flex-direction:column}.rank-ol li{display:flex;align-items:center;gap:var(--s3);padding:10px 0;border-top:1px solid var(--border);font-size:var(--fs-sm)}.rank-ol li:first-child{border-top:none}.rank-no{width:22px;height:22px;flex-shrink:0;display:grid;place-items:center;font-size:var(--fs-xs);font-weight:800;color:var(--text-dim);background:var(--surface-2);border-radius:6px}.rank-ol li:nth-child(-n+3) .rank-no{color:var(--on-primary);background:var(--primary)}.rank-kw{flex:1;font-weight:600}.rank-vol{color:var(--primary);font-weight:700}.sample-banner{background:var(--warn-soft);color:var(--warn);border:1px solid var(--warn);border-radius:var(--r-sm);padding:8px 14px;font-size:var(--fs-xs);margin-bottom:var(--s4)}.cluster{margin-bottom:var(--s4)}.cluster-head{display:flex;align-items:center;gap:var(--s2);margin-bottom:var(--s2);font-size:var(--fs-sm);font-weight:700}.cluster-count{font-size:var(--fs-xs);color:var(--text-dim);font-weight:500}