:root{--bg:#fff;--surface:#fff;--surface-2:#f2f2f2;--hover:#e5e5e5;--border:#e5e5e5;--border-strong:#ccc;--text:#0f0f0f;--muted:#606060;--accent:#e8462a;--link:#065fd4;--chip:#f2f2f2;--chip-on:#0f0f0f;--chip-on-text:#fff;--badge:#f2f2f2;--badge-text:#0f0f0f;--estimated:#fef0c7;--estimated-text:#6b4a00;--danger:#c00;--ok:#1e7d32;--radius:12px;--radius-sm:8px;--header-h:56px;--side-w:240px;--side-mini:72px;--ease:cubic-bezier(.2, .7, .2, 1)}@media (prefers-color-scheme:dark){:root{--bg:#0f0f0f;--surface:#0f0f0f;--surface-2:#272727;--hover:#3f3f3f;--border:#3f3f3f;--border-strong:#717171;--text:#f1f1f1;--muted:#aaa;--accent:#ff5a3c;--link:#3ea6ff;--chip:#272727;--chip-on:#f1f1f1;--chip-on-text:#0f0f0f;--badge:#272727;--badge-text:#f1f1f1;--estimated:#3a2f14;--estimated-text:#f2c766;--danger:#ff6b6b;--ok:#6ad48c}}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;margin:0;font-family:Roboto,Noto Sans KR,-apple-system,Segoe UI,Malgun Gothic,system-ui,sans-serif;font-size:14px;line-height:1.5}a{color:inherit;text-decoration:none}p a,li a,td a{color:var(--link)}p a:hover,li a:hover,td a:hover{text-decoration:underline}h1{margin:0 0 6px;font-size:1.45rem;font-weight:700;line-height:1.3}h2{margin:0 0 10px;font-size:1.1rem;font-weight:700}h3{margin:0 0 6px;font-size:.95rem;font-weight:700}.pad{padding:24px 20px}.muted{color:var(--muted);font-size:.86rem}.error{color:var(--danger)}.ok{color:var(--ok)}.row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.stack{flex-direction:column;gap:14px;display:flex}.spread{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.topbar{z-index:30;height:var(--header-h);background:var(--bg);align-items:center;gap:8px;padding:0 16px;display:flex;position:fixed;inset:0 0 auto}.topbar .grow{flex:1}.topbar button:not(.icon-btn){padding:6px 14px;font-size:.85rem}.icon-btn{background:0 0;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;padding:8px;display:inline-flex}.icon-btn svg,.sidebar svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:24px;height:24px}.brand{letter-spacing:-.04em;white-space:nowrap;align-items:center;gap:4px;margin-left:8px;font-size:1.15rem;font-weight:700;display:flex}.logo{fill:none;width:26px;height:26px;stroke:var(--accent);stroke-width:2px;stroke-linecap:round}.logo .blip{fill:var(--accent);stroke:none}.avatar{color:#fff;background:#5e35b1;border-radius:50%;flex:none;justify-content:center;align-items:center;width:32px;height:32px;font-size:.9rem;font-weight:600;display:inline-flex}.sidebar{top:var(--header-h);z-index:20;width:var(--side-w);background:var(--bg);flex-direction:column;gap:2px;padding:12px;display:flex;position:fixed;bottom:0;left:0;overflow-y:auto}.sidebar a{white-space:nowrap;border-radius:10px;align-items:center;gap:24px;height:40px;padding:0 12px;display:flex}.sidebar a:hover{background:var(--surface-2)}.sidebar a.active{background:var(--surface-2);font-weight:600}.sidebar a.active:hover{background:var(--hover)}.scrim{display:none}.shell{padding:var(--header-h) 0 0 var(--side-w)}.shell.mini{padding-left:var(--side-mini)}.shell.mini .sidebar{width:var(--side-mini);padding:4px}.shell.mini .sidebar a{flex-direction:column;justify-content:center;gap:6px;height:auto;padding:14px 0 12px;font-size:10px;font-weight:400}.shell.mini .sidebar a.active{background:0 0}.shell.mini .sidebar a:hover{background:var(--surface-2)}@media (width<=800px){.shell,.shell.mini{padding-left:0}.shell .sidebar,.shell.mini .sidebar{width:var(--side-w);transition:transform .2s var(--ease);padding:12px;transform:translate(-100%)}.shell.mini .sidebar a{height:40px;font-size:inherit;flex-direction:row;gap:24px;padding:0 12px}.shell.open .sidebar{transform:none}.shell.open .scrim{z-index:15;background:#00000080;display:block;position:fixed;inset:0}}main{max-width:1600px;margin:0 auto;padding:24px clamp(16px,3vw,24px) 80px}main>h1+.muted{margin-top:0;margin-bottom:16px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:16px}.grid{grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:40px 16px;display:grid}.grid>.card{align-self:start}.video-card{min-width:0}.video-card>a{display:block}.thumb{aspect-ratio:9/16;object-fit:cover;border-radius:var(--radius);background:var(--surface-2);width:100%;display:block}.thumb-wrap{position:relative}.thumb-platform{color:#fff;background:#0009;border-radius:4px;padding:1px 6px;font-size:.72rem;font-weight:500;position:absolute;top:8px;left:8px}.card-title{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;margin:10px 0 4px;font-size:1rem;font-weight:600;line-height:1.4;display:-webkit-box;overflow:hidden}.video-meta{color:var(--muted);font-size:.86rem;line-height:1.45}.video-meta>div{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.video-tags{font-size:.78rem}.video-trend{color:var(--text);font-size:.78rem;font-weight:500}.badge{background:var(--badge);color:var(--badge-text);white-space:nowrap;border-radius:6px;padding:2px 8px;font-size:.75rem;font-weight:500;display:inline-block}.badge.estimated{background:var(--estimated);color:var(--estimated-text)}.badge.plain{color:var(--muted);border:1px solid var(--border);background:0 0}.badge.danger{background:var(--danger);color:#fff}a.badge:hover{background:var(--hover)}.chip{background:var(--chip);color:var(--text);cursor:pointer;border:0;border-radius:8px;padding:5px 12px;font-size:.875rem;font-weight:500;transition:background .15s}.chip:hover:not(:disabled){background:var(--hover)}.chip[aria-pressed=true],.chip[aria-pressed=true]:hover:not(:disabled){background:var(--chip-on);color:var(--chip-on-text)}label{color:var(--muted);margin-bottom:5px;font-size:.8rem;font-weight:500;display:block}input[type=text],input[type=password],input[type=number],select,textarea{border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--bg);width:100%;color:var(--text);font:inherit;padding:9px 11px}input:focus-visible,select:focus-visible,textarea:focus-visible{border-color:var(--link);outline:none}button:focus-visible,a:focus-visible{outline:2px solid var(--link);outline-offset:2px}select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23909090' stroke-width='2.5'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 11px center;background-repeat:no-repeat;padding-right:30px}textarea{resize:vertical;min-height:80px}input[type=range]{width:100%;accent-color:var(--text)}.checks{flex-wrap:wrap;gap:8px 14px;display:flex}.checks label{color:var(--text);align-items:center;gap:6px;margin:0;font-size:.9rem;display:flex}input[type=checkbox],input[type=radio]{accent-color:var(--text);width:15px;height:15px}button{background:var(--chip);color:var(--text);font:inherit;cursor:pointer;border:0;border-radius:18px;padding:8px 16px;font-size:.875rem;font-weight:500;transition:background .15s}button:hover:not(:disabled){background:var(--hover)}button.primary{background:var(--chip-on);color:var(--chip-on-text)}button.primary:hover:not(:disabled){background:color-mix(in srgb, var(--chip-on) 80%, var(--bg))}button:disabled{opacity:.45;cursor:not-allowed}.icon-btn:hover:not(:disabled){background:var(--surface-2)}.form-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;display:grid}.detail{grid-template-columns:minmax(0,360px) minmax(0,1fr);align-items:start;gap:24px;max-width:1280px;display:grid}@media (width<=720px){.detail{grid-template-columns:1fr}}.detail h1{font-size:1.25rem}.channel{align-items:center;gap:12px;margin:12px 0;display:flex}.channel .avatar{width:40px;height:40px}.channel-name{font-weight:600}.watch-stats{border-radius:var(--radius);background:var(--surface-2);margin:0;padding:12px;font-weight:500}.embed{aspect-ratio:9/16;border-radius:var(--radius);background:#000;border:0;width:100%;max-height:640px}.chart{width:100%;height:160px;overflow:visible}.chart polyline{fill:none;stroke:var(--accent);stroke-width:2.5px;stroke-linejoin:round;stroke-linecap:round}.chart circle{fill:var(--accent);stroke:var(--surface-2);stroke-width:2px}.chart line{stroke:var(--border-strong);stroke-width:1px;stroke-dasharray:3 4}table{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%;font-size:.85rem}th{color:var(--muted);font-size:.78rem;font-weight:500}th,td{text-align:left;border-bottom:1px solid var(--border);padding:7px 8px}tbody tr:hover{background:var(--surface-2)}.clip-hero{object-fit:cover;border-radius:var(--radius-sm);background:var(--chip);width:100%;max-height:320px;display:block}.clip-thumb{object-fit:cover;border-radius:var(--radius-sm);background:var(--chip);width:56px;height:56px}.bullets{margin:0;padding-left:18px;font-size:.9rem}.bullets li{margin-bottom:4px}.raw-text{color:var(--muted);white-space:pre-wrap;max-height:240px;margin:8px 0 0;font-size:.85rem;overflow-y:auto}details>summary{cursor:pointer;list-style:none}details>summary:before{content:"▸";transition:transform .2s var(--ease);margin-right:6px;display:inline-block}details[open]>summary:before{transform:rotate(90deg)}details>summary::-webkit-details-marker{display:none}.filters{flex-direction:column;gap:8px;display:flex}.filter-group{grid-template-columns:72px 1fr;align-items:start;gap:8px;display:grid}.filter-label{color:var(--muted);padding-top:5px;font-size:.8rem;font-weight:500}@media (width<=540px){.filter-group{grid-template-columns:1fr;gap:4px}.filter-label{padding-top:0}}.metrics{border-collapse:collapse;width:100%;font-size:14px}.metrics th,.metrics td{border-bottom:1px solid var(--border);text-align:left;white-space:nowrap;padding:6px 10px}.metrics th{color:var(--muted);font-weight:500}.metrics .right{text-align:right}.metrics tbody tr:first-child td{background:var(--surface-2)}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important}}