.app-shell--bare{background:#0b1026}.app-header{display:flex;align-items:center;justify-content:center;padding:var(--space-4);position:sticky;top:0;z-index:10;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(180deg,#0b1026e6,#0b102600)}.app-brand{display:inline-flex;align-items:center;gap:var(--space-2);text-decoration:none}.app-brand:hover{text-decoration:none}.app-brand__mark{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:linear-gradient(135deg,var(--color-mint),var(--color-sky));color:var(--color-accent-ink);font-weight:900;font-size:.85rem;box-shadow:var(--shadow-glow)}.app-brand__name{font-weight:900;letter-spacing:.14em;color:var(--color-text)}.app-footer{padding:var(--space-5) var(--space-4) calc(var(--space-5) + env(safe-area-inset-bottom));border-top:1px solid var(--color-line);display:flex;flex-direction:column;gap:var(--space-3);align-items:center}.app-footer__nav{display:flex;flex-wrap:wrap;gap:var(--space-2) var(--space-4);justify-content:center}.app-footer__nav a{color:var(--color-text-dim);font-size:var(--text-sm)}.app-footer__nav a.is-active{color:var(--color-mint)}.app-footer__copy{font-size:var(--text-xs)}.ad-slot{width:100%;border-radius:var(--radius-md);overflow:hidden}.ad-slot--placeholder{display:flex;align-items:center;justify-content:center;background:repeating-linear-gradient(45deg,#ffffff05,#ffffff05 10px,#ffffff0a 10px,#ffffff0a 20px);border:1px dashed var(--color-line);color:var(--color-text-mute);font-size:var(--text-sm);letter-spacing:.04em}.car-picker{display:flex;flex-direction:column;gap:var(--space-4);align-items:center}.car-picker__head{display:flex;align-items:baseline;justify-content:space-between;width:100%}.car-picker__head .text-dim{font-size:var(--text-sm);font-weight:700;letter-spacing:.06em}.car-picker__name{font-size:var(--text-lg);font-weight:800}.car-picker__preview{display:grid;place-items:center;padding:var(--space-4) var(--space-6);border-radius:var(--radius-lg);background:radial-gradient(120px 120px at 50% 55%,color-mix(in oklab,var(--glow) 40%,transparent),transparent 70%)}.car-picker__swatches{display:flex;gap:var(--space-3);flex-wrap:wrap;justify-content:center}.car-swatch{width:40px;height:40px;border-radius:var(--radius-pill);border:3px solid transparent;cursor:pointer;transition:transform var(--duration-fast) var(--ease-out-expo),border-color var(--duration-fast) var(--ease-out-expo);box-shadow:var(--shadow-sm)}.car-swatch:hover{transform:scale(1.08)}.car-swatch.is-active{border-color:var(--color-text);transform:scale(1.12)}.car-swatch:focus-visible{outline:3px solid var(--color-sky);outline-offset:2px}.home-hero{text-align:center;padding:var(--space-6) 0 var(--space-2)}.home-hero__eyebrow{color:var(--color-mint);font-weight:700;letter-spacing:.14em;font-size:var(--text-sm);text-transform:uppercase}.home-hero__title{font-size:var(--text-hero);font-weight:900;line-height:.9;letter-spacing:.02em;margin:var(--space-3) 0;background:linear-gradient(135deg,#fff,var(--color-sky));-webkit-background-clip:text;background-clip:text;color:transparent}.home-hero__num{color:var(--color-yellow);-webkit-text-fill-color:var(--color-yellow);margin-left:.1em}.home-hero__sub{font-size:var(--text-base);line-height:1.5;margin-bottom:var(--space-6)}.home-cta{gap:var(--space-3)}.home-cta__row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3)}.home-best{display:flex;flex-direction:column;gap:var(--space-2)}.home-best__label{font-size:var(--text-sm);font-weight:700;letter-spacing:.06em}.home-best__body{display:flex;align-items:baseline;justify-content:space-between}.home-best__nick{font-size:var(--text-xl);font-weight:800}.home-best__score{font-size:var(--text-2xl);font-weight:900;color:var(--color-mint);font-variant-numeric:tabular-nums}.home-best__empty{font-size:var(--text-sm)}.ranking-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-2)}.ranking-row{display:grid;grid-template-columns:40px 1fr auto;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:#18224799;border:1px solid var(--color-line);border-radius:var(--radius-md)}.ranking-row--top{background:linear-gradient(100deg,#38f2c824,#4cc2ff0f);border-color:#38f2c866}.ranking-row__rank{font-size:var(--text-lg);font-weight:800;text-align:center;font-variant-numeric:tabular-nums;color:var(--color-text-dim)}.ranking-row--top .ranking-row__rank{font-size:1.4rem}.ranking-row__main{display:flex;flex-direction:column;min-width:0}.ranking-row__nick{font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ranking-row__meta{font-size:var(--text-xs);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ranking-row__score{font-size:var(--text-lg);font-weight:900;color:var(--color-mint);font-variant-numeric:tabular-nums}.ranking-empty{text-align:center;padding:var(--space-6) var(--space-4)}.ranking-head{display:flex;flex-direction:column;gap:var(--space-1)}.ranking-title{font-size:var(--text-2xl);font-weight:900}.ranking-tabs{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-2);background:#0b102680;padding:var(--space-1);border-radius:var(--radius-pill);border:1px solid var(--color-line)}.ranking-tab{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:transparent;color:var(--color-text-dim);padding:var(--space-3);border-radius:var(--radius-pill);font-weight:700;font-size:var(--text-base);cursor:pointer;transition:all var(--duration-fast) var(--ease-out-expo)}.ranking-tab.is-active{background:linear-gradient(135deg,var(--color-mint),var(--color-sky));color:var(--color-accent-ink)}.ranking-note{font-size:var(--text-sm);text-align:center}.content{display:flex;flex-direction:column;gap:var(--space-5);line-height:1.6}.content__title{font-size:var(--text-2xl);font-weight:900}.content__section{display:flex;flex-direction:column;gap:var(--space-2)}.content__section h2{font-size:var(--text-lg);font-weight:800;color:var(--color-text)}.content__list{margin:0;padding-left:var(--space-5);display:flex;flex-direction:column;gap:var(--space-2);color:var(--color-text-dim)}.content__list strong{color:var(--color-text)}.content__formula{background:#0b102699;border:1px solid var(--color-line);border-radius:var(--radius-md);padding:var(--space-4);font-weight:700;color:var(--color-mint);text-align:center}.contact-card{display:flex;flex-direction:column;gap:var(--space-2);align-items:flex-start}.contact-email{font-size:var(--text-xl);font-weight:800;color:var(--color-sky)}:root{--color-bg: #0b1026;--color-bg-2: #121a3a;--color-surface: #182247;--color-surface-2: #202b57;--color-road: #2b3350;--color-line: #33406e;--color-text: #eef1ff;--color-text-dim: #9aa6d4;--color-text-mute: #6b76a3;--color-mint: #38f2c8;--color-sky: #4cc2ff;--color-yellow: #ffd23f;--color-danger: #ff5a5f;--color-orange: #ff9f43;--color-accent: var(--color-mint);--color-accent-ink: #052a22;--font-sans: "Pretendard", system-ui, -apple-system, "Apple SD Gothic Neo", "Noto Sans KR", "Segoe UI", Roboto, sans-serif;--font-display: "Pretendard", system-ui, sans-serif;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.375rem;--text-2xl: clamp(1.75rem, 1.2rem + 2.6vw, 2.5rem);--text-hero: clamp(2.75rem, 1.5rem + 7vw, 4.5rem);--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.5rem;--space-6: 2rem;--space-8: 3rem;--radius-sm: 8px;--radius-md: 14px;--radius-lg: 22px;--radius-pill: 999px;--shadow-sm: 0 2px 8px rgba(3, 6, 20, .4);--shadow-md: 0 10px 30px rgba(3, 6, 20, .5);--shadow-glow: 0 0 24px rgba(56, 242, 200, .35);--duration-fast: .14s;--duration-normal: .26s;--ease-out-expo: cubic-bezier(.16, 1, .3, 1);--app-max: 480px}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:var(--font-sans);color:var(--color-text);background:radial-gradient(1200px 600px at 50% -10%,var(--color-bg-2),transparent 60%),var(--color-bg);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overscroll-behavior:none}#root{display:flex;justify-content:center}a{color:var(--color-sky);text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3,p{margin:0}button{font-family:inherit}.app-shell{width:100%;max-width:var(--app-max);min-height:100dvh;display:flex;flex-direction:column;position:relative}.page{flex:1;padding:var(--space-5) var(--space-4) var(--space-6);display:flex;flex-direction:column;gap:var(--space-5)}.btn{--btn-bg: var(--color-surface-2);--btn-fg: var(--color-text);-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--color-line);background:var(--btn-bg);color:var(--btn-fg);padding:var(--space-4) var(--space-5);border-radius:var(--radius-pill);font-size:var(--text-lg);font-weight:700;cursor:pointer;transition:transform var(--duration-fast) var(--ease-out-expo),filter var(--duration-fast) var(--ease-out-expo),box-shadow var(--duration-normal) var(--ease-out-expo);will-change:transform}.btn:hover{filter:brightness(1.08)}.btn:active{transform:translateY(2px) scale(.985)}.btn:focus-visible{outline:3px solid var(--color-sky);outline-offset:2px}.btn--primary{--btn-bg: linear-gradient(135deg, var(--color-mint), var(--color-sky));--btn-fg: var(--color-accent-ink);border-color:transparent;box-shadow:var(--shadow-glow)}.btn--ghost{--btn-bg: transparent}.btn--block{width:100%}.card{background:linear-gradient(180deg,var(--color-surface),var(--color-surface-2));border:1px solid var(--color-line);border-radius:var(--radius-lg);padding:var(--space-5);box-shadow:var(--shadow-md)}.text-dim{color:var(--color-text-dim)}.text-mute{color:var(--color-text-mute)}.stack{display:flex;flex-direction:column;gap:var(--space-3)}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(prefers-reduced-motion:reduce){*{animation-duration:.001ms!important;transition-duration:.001ms!important}}