.AppShell-module__iyQi-W__app{grid-template-columns:var(--nav-width) minmax(0, 1fr);background:var(--bg-canvas);min-height:100vh;display:grid}.AppShell-module__iyQi-W__sidebar{background:var(--bg-navigation);border-right:1px solid var(--border-subtle);align-self:stretch;min-height:100vh}.AppShell-module__iyQi-W__panel{height:100vh;padding:var(--space-5) var(--space-4);flex-direction:column;display:flex;position:sticky;top:0;overflow:auto}.AppShell-module__iyQi-W__brandRow{justify-content:space-between;align-items:flex-start;gap:var(--space-3);display:flex}.AppShell-module__iyQi-W__brand{align-items:center;gap:var(--space-3);min-height:44px;display:flex}.AppShell-module__iyQi-W__mark{background:var(--brand-mid);flex:none;width:20px;height:20px}.AppShell-module__iyQi-W__brand strong{letter-spacing:-.02em;font-size:15px;font-weight:600;line-height:1.25;display:block}.AppShell-module__iyQi-W__brand em{color:var(--text-secondary);letter-spacing:0;margin-top:2px;font-size:13px;font-style:normal;font-weight:400;line-height:1.4;display:block}.AppShell-module__iyQi-W__menuButton{display:none}.AppShell-module__iyQi-W__nav{align-content:start;gap:var(--space-1);margin-top:var(--space-6);display:grid}.AppShell-module__iyQi-W__link{align-items:center;gap:var(--space-3);min-height:46px;padding:0 var(--space-3);border-radius:var(--radius-control);color:var(--text-secondary);letter-spacing:0;transition:background-color var(--motion) ease, color var(--motion) ease;font-size:15px;font-weight:500;display:flex}.AppShell-module__iyQi-W__link:hover{background:var(--bg-hover);color:var(--text-primary)}.AppShell-module__iyQi-W__link:active{transform:translateY(1px)}.AppShell-module__iyQi-W__on{background:var(--bg-selected);color:var(--text-primary);font-weight:600}.AppShell-module__iyQi-W__account{gap:var(--space-1);margin-top:var(--space-6);padding-top:var(--space-4);border-top:1px solid var(--border-subtle);display:grid}.AppShell-module__iyQi-W__account p{margin:0 0 var(--space-2);color:var(--text-secondary);text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.AppShell-module__iyQi-W__account button{cursor:pointer;text-align:left;background:0 0;border:0;width:100%}.AppShell-module__iyQi-W__main{min-width:0}.AppShell-module__iyQi-W__toolbar{height:var(--toolbar-height);border-bottom:1px solid var(--border-subtle);justify-content:center;display:flex}.AppShell-module__iyQi-W__bar{justify-content:space-between;align-items:center;gap:var(--space-4);width:min(1440px,100%);height:100%;padding:0 var(--space-7);display:flex}.AppShell-module__iyQi-W__clock{align-items:baseline;gap:var(--space-3);font-variant-numeric:tabular-nums;margin:0;font-size:14px;font-weight:500;display:flex}.AppShell-module__iyQi-W__clock span{color:var(--text-secondary);font-size:13px;font-weight:400}.AppShell-module__iyQi-W__alert{color:var(--danger);margin:0;font-size:14px}.AppShell-module__iyQi-W__syncIdle,.AppShell-module__iyQi-W__sync{min-height:1.4em;margin:0;font-size:13px;font-weight:500}.AppShell-module__iyQi-W__sync{color:var(--accent);animation:2.6s AppShell-module__iyQi-W__syncIn}@keyframes AppShell-module__iyQi-W__syncIn{0%{opacity:0;transform:translateY(4px)}15%{opacity:1;transform:translateY(0)}75%{opacity:1}to{opacity:0}}.AppShell-module__iyQi-W__content{width:min(1440px,100%);padding:var(--space-6) var(--space-7) var(--space-9);margin-inline:auto}@media (max-width:1024px){.AppShell-module__iyQi-W__bar,.AppShell-module__iyQi-W__content{padding-left:var(--space-5);padding-right:var(--space-5)}}@media (max-width:860px){.AppShell-module__iyQi-W__app{grid-template-columns:1fr}.AppShell-module__iyQi-W__sidebar{z-index:20;border-right:0;border-bottom:1px solid var(--border-subtle);min-height:0;position:sticky}.AppShell-module__iyQi-W__panel{height:auto;padding:var(--space-3) var(--space-4);position:static;overflow:visible}.AppShell-module__iyQi-W__nav{margin-top:var(--space-3);display:none}.AppShell-module__iyQi-W__navOpen{display:grid}.AppShell-module__iyQi-W__menuButton{min-width:44px;min-height:44px;padding:0 var(--space-3);border:1px solid var(--border-strong);border-radius:var(--radius-control);color:var(--text-primary);cursor:pointer;background:0 0;justify-content:center;align-items:center;font-size:14px;font-weight:600;display:inline-flex}.AppShell-module__iyQi-W__menuButton:active,.AppShell-module__iyQi-W__link:active{transform:translateY(1px)}.AppShell-module__iyQi-W__toolbar{height:auto;min-height:56px}.AppShell-module__iyQi-W__bar{min-height:56px;padding:var(--space-3) var(--space-4)}.AppShell-module__iyQi-W__content{padding:var(--space-5) var(--space-4) var(--space-8)}}
.hero{padding:var(--space-7);border-radius:var(--radius-surface);background:linear-gradient(180deg, #183e50 0%, var(--bg-surface) 100%)}:is(.hero h1,.sheet-title){margin:var(--space-2) 0 var(--space-3);letter-spacing:-.02em;font-size:36px;font-weight:700;line-height:1.25}.kicker{color:var(--text-secondary);letter-spacing:0;margin:0;font-size:13px;font-weight:500;line-height:1.4}.lede{max-width:68ch;color:var(--text-secondary);margin:0;font-size:16px;line-height:1.6}.lede a{color:var(--accent)}.lede a:hover{color:var(--accent-hover)}.stats{gap:var(--space-6);margin-top:var(--space-6);padding-top:var(--space-2);grid-template-columns:1.5fr repeat(3,1fr);display:grid}.plate{min-width:0}:is(.plate span,.meta){color:var(--text-secondary);font-size:13px;font-weight:400;line-height:1.5}.plate strong{margin-top:var(--space-2);color:var(--text-primary);font-variant-numeric:tabular-nums;letter-spacing:-.02em;font-size:32px;font-weight:700;line-height:1.2;transition:color .7s;display:block}.stats.fresh .plate strong{color:var(--accent)}.stats .plate:first-child strong{font-size:48px}.section{margin-top:var(--space-7)}.section h2{margin:0 0 var(--space-4);letter-spacing:-.02em;font-size:22px;font-weight:600;line-height:1.3}.section h2 .meta{margin-left:var(--space-2);font-size:14px;font-weight:400}.sheet-chart-title{margin:0 0 var(--space-3);font-size:16px;font-weight:600}.cadence{margin-top:var(--space-8)}.cadence>summary{width:fit-content;margin-bottom:var(--space-2);cursor:pointer;align-items:center;gap:10px;list-style:none;display:flex}.cadence>summary::-webkit-details-marker{display:none}.cadence-chevron{width:18px;height:18px;color:var(--text-secondary);transition:transform var(--motion) ease;flex:none}.cadence[open]>summary .cadence-chevron{transform:rotate(90deg)}.cadence-title{letter-spacing:-.02em;font-size:22px;font-weight:600}.platform-card{margin-top:var(--space-4);padding:var(--space-5);border:1px solid color-mix(in srgb, var(--brand,var(--border-strong)) 42%, var(--border-strong));border-radius:var(--radius-surface);background:linear-gradient(180deg, color-mix(in srgb, var(--brand,transparent) 16%, var(--bg-surface)), var(--bg-surface) 46%);box-shadow:inset 0 1px 0 #ffffff1a, 0 10px 28px color-mix(in srgb, var(--brand,transparent) 14%, transparent)}.platform-head{margin-bottom:var(--space-3);align-items:center;gap:10px;display:flex}.platform-mark{flex:none;width:28px;height:28px}.platform-card h3{margin:0;font-size:18px;font-weight:600}.platform-card h3 .meta{margin-left:var(--space-2);color:var(--text-muted);font-size:13px;font-weight:400}.sheet-fold{margin-top:var(--space-4);border-top:1px solid var(--border-subtle)}.sheet-fold summary{align-items:baseline;gap:var(--space-2);padding:var(--space-4);cursor:pointer;font-weight:600;list-style:none;display:flex}.sheet-fold summary::-webkit-details-marker{display:none}.sheet-fold[open] summary{border-bottom:1px solid var(--border-subtle)}.sheet-fold .sheet-block{padding:var(--space-4);margin-top:0}.sheet-fold .sheet-block+.sheet-block{border-top:1px solid var(--border-subtle)}.sheet-gap{margin:var(--space-2) 0 0}.filters{align-items:end;gap:var(--space-3);margin-bottom:var(--space-4);flex-wrap:wrap;display:flex}.filters label{gap:var(--space-2);color:var(--text-secondary);font-size:13px;font-weight:500;display:grid}:is(.filters select,.filters input,.inline-form input){min-width:140px;height:44px;padding:0 var(--space-3);border:1px solid var(--border-strong);border-radius:var(--radius-control);background:var(--bg-elevated);color:var(--text-primary)}:is(.filters select:focus-visible,.filters input:focus-visible,.inline-form input:focus-visible){border-color:var(--accent);outline:2px solid var(--accent);outline-offset:2px}:is(.filters button,.pager a){height:44px;padding:0 var(--space-4);border-radius:var(--radius-control);background:var(--accent);color:var(--on-accent);cursor:pointer;transition:background-color var(--motion) ease;border:0;justify-content:center;align-items:center;font-size:14px;font-weight:600;display:inline-flex}:is(.filters button:hover,.pager a:hover){background:var(--accent-hover)}:is(.filters button:active,.pager a:active,.star:active,button.tag:active){transform:translateY(1px)}.search-bar input{min-width:min(420px,70vw);font-size:16px}.table-wrap{border:1px solid var(--border-subtle);border-radius:var(--radius-surface);background:var(--bg-surface);max-width:100%;overflow-x:auto}table{border-collapse:collapse;background:0 0;width:100%}:is(th,td){border-bottom:1px solid var(--border-subtle);text-align:left;vertical-align:middle;padding:14px 16px}th{color:var(--text-secondary);letter-spacing:0;font-size:13px;font-weight:600}tbody tr{transition:background-color var(--motion) ease}tbody tr:hover{background:var(--bg-hover)}.title{font-weight:600}.num{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}:is(.title a:hover,.sub a:hover,.meta a){color:var(--accent)}.sub{color:var(--text-secondary);font-size:14px}.tag{margin-right:var(--space-1);border:1px solid var(--border-strong);border-radius:var(--radius-control);color:var(--text-secondary);align-items:center;padding:2px 8px;font-size:12px;font-weight:500;line-height:1.5;display:inline-flex}:is(a.tag,button.tag){min-height:44px;color:var(--text-primary);cursor:pointer;background:0 0;padding:0 14px;font-size:14px}:is(a.tag:hover,button.tag:hover){background:var(--bg-hover)}.tag.warn{border-color:var(--danger);color:var(--danger)}.tag.chip:hover{border-color:var(--accent);color:var(--accent)}.cards{gap:var(--space-4);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.card{padding:var(--space-5);border:1px solid var(--border-subtle);border-radius:var(--radius-surface);background:var(--bg-surface)}.card h3{margin:var(--space-2) 0;font-size:18px;font-weight:600;line-height:1.3}.result-card:hover{background:var(--bg-hover)}.pager{justify-content:space-between;align-items:center;gap:var(--space-3);margin-top:var(--space-4);color:var(--text-secondary);font-variant-numeric:tabular-nums;font-size:14px;display:flex}:is(.rank-no,.rank-small){color:var(--accent);font-variant-numeric:tabular-nums;font-size:16px;font-weight:600}.grid-table .rank-cell{text-align:center;font-variant-numeric:tabular-nums;min-width:64px;font-weight:600}:is(.rank-cell.top,.sheet-table .top){background:var(--bg-selected);color:var(--accent);font-weight:700}:is(.rank-cell.high,.sheet-table .high){background:var(--bg-selected);color:var(--text-primary)}:is(.rank-cell.mid,.sheet-table .mid){background:var(--bg-elevated);color:var(--text-primary)}:is(.rank-cell.low,.sheet-table .low){color:var(--text-secondary)}:is(.rank-cell.none,.sheet-table .miss){color:var(--text-muted)}.bar-cell{gap:var(--space-2);grid-template-columns:minmax(80px,1fr) auto;align-items:center;display:grid}.bar-track{background:var(--bg-elevated);border-radius:99px;height:6px}.bar-fill{border-radius:inherit;background:var(--accent);height:100%;transition:width .7s}.warn-text{color:var(--warning)}.top-grid{gap:var(--space-4);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.top-card h3{margin:0 0 var(--space-1)}.mini-table{margin-top:var(--space-3);font-size:14px}.mini-table td{padding:10px 8px}.mini-table td.rank-small{text-align:right;width:36px}.mosaic{gap:var(--space-2);flex-wrap:wrap;display:flex}.pixel{background:var(--border-strong);border-radius:2px;width:12px;height:12px}.pixel.found{background:var(--success)}.pixel.partial{background:var(--warning)}:is(.pixel.auth_required,.pixel.error){background:var(--danger)}.pixel.not_in_chart{background:var(--brand-mid)}:is(.pixel.unsupported,.pixel.unconfirmed){background:var(--border-strong)}.legend{gap:var(--space-3) var(--space-4);margin-top:var(--space-3);color:var(--text-secondary);flex-wrap:wrap;font-size:13px;display:flex}.legend i{margin-right:var(--space-2);vertical-align:-1px;display:inline-block}.mosaic.mini{margin:var(--space-2) 0;gap:3px}.mosaic.mini .pixel{width:8px;height:14px}.sheet-tabs{align-items:center;gap:var(--space-2);margin:var(--space-4) 0 var(--space-2);flex-wrap:wrap;display:flex}.sheet-tabs a{min-height:44px;padding:0 var(--space-3);color:var(--text-secondary);border-bottom:2px solid #0000;align-items:center;font-size:14px;font-weight:500;display:inline-flex}:is(.sheet-tabs a.on,.sheet-tabs a:hover){border-bottom-color:var(--accent);color:var(--text-primary)}.sheet-tabs a.manage{border:1px solid var(--border-strong);border-radius:var(--radius-control)}.sheet-table{font-variant-numeric:tabular-nums;font-size:12px}:is(.sheet-table th,.sheet-table td){text-align:center;white-space:pre-line;padding:4px 3px;line-height:1.2}.sheet-table th{font-size:11px;font-weight:500}.sheet-table .date-row th{color:var(--accent);font-weight:500}.sheet-table td.track{z-index:1;text-align:left;background:var(--bg-surface);min-width:168px;position:sticky;left:0}.sheet-table th:first-child{z-index:2;text-align:left;background:var(--bg-surface);position:sticky;left:0}.sheet-table .cell{min-width:26px;font-weight:600}.sheet-table .best{outline:1px solid var(--accent);outline-offset:-1px}.sheet-table .metric{color:var(--text-primary)}.spark{width:88px;height:22px;margin-top:var(--space-1);display:block}.spark polyline{fill:none;stroke:var(--accent);stroke-width:1.5px}.notes{color:var(--text-secondary);margin:0;padding-left:18px}.notes li{margin:var(--space-2) 0}.platform-list{margin:var(--space-2) 0 0;padding:0;font-size:14px;list-style:none}.platform-list li{margin:var(--space-1) 0}.id-chips{align-items:center;gap:var(--space-2);margin:var(--space-3) 0;flex-wrap:wrap;display:flex}.fav-head{justify-content:space-between;align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}:is(.fav-head h2,.fav-head h3){margin:0;font-size:22px;font-weight:600;line-height:1.3}:is(.fav-actions,.inline-form){align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.star{border:1px solid var(--border-strong);border-radius:var(--radius-control);min-height:44px;color:var(--text-primary);cursor:pointer;transition:background-color var(--motion) ease, color var(--motion) ease;background:0 0;padding:0 14px;font-size:14px;font-weight:600}:is(.star:hover,.star.on){background:var(--bg-selected);color:var(--text-primary)}.star.on{cursor:default}.fav-form{margin-top:var(--space-3)}.auth-screen{min-height:100vh;padding:var(--space-6);place-items:center;display:grid}.auth-card{max-width:440px}.auth-fields{justify-items:start;display:grid}.auth-fields input{width:min(100%,360px)}@media (max-width:1024px){:is(.stats,.top-grid){grid-template-columns:1fr 1fr}.stats .plate:first-child{grid-column:1/-1}}@media (max-width:860px){.hero{padding:var(--space-5)}:is(.hero h1,.sheet-title){font-size:28px}:is(.stats,.cards,.top-grid){grid-template-columns:1fr}.stats .plate:first-child strong{font-size:40px}}
:root{--bg-canvas:#080e10;--bg-navigation:#0c1316;--bg-surface:#111c21;--bg-elevated:#192830;--bg-hover:#20333c;--bg-selected:#183b49;--border-subtle:#24343c;--border-strong:#405760;--text-primary:#edf2f1;--text-secondary:#a8b7bc;--text-muted:#81949c;--brand-deep:#123c50;--brand-mid:#25617b;--accent:#82bdca;--accent-hover:#9aceda;--on-accent:#081216;--success:#84b49e;--warning:#d3b16e;--danger:#da8580;--accent-warm:#c98358;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:40px;--space-8:48px;--space-9:64px;--radius-control:8px;--radius-surface:12px;--nav-width:224px;--toolbar-height:68px;--motion:.16s;--font-ui:"Apple SD Gothic Neo", "Pretendard", var(--font-sans), "Noto Sans KR", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif}*{box-sizing:border-box}html,body{background:var(--bg-canvas);min-height:100%;color:var(--text-primary);font-family:var(--font-ui);letter-spacing:-.01em;margin:0;font-size:16px;font-weight:400;line-height:1.55}body{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}::selection{background:var(--bg-selected);color:var(--text-primary)}a{color:inherit;text-decoration:none}button,input,select{font:inherit;color:inherit}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}