:root{color-scheme:light;--bg: #ffffff;--bg-2: #fafafa;--bg-3: #f4f4f5;--surface: #ffffff;--surface-2: #fafafa;--surface-hover: #f5f5f5;--fg: #0a0a0b;--fg-1: #27272a;--fg-2: #52525b;--fg-3: #71717a;--fg-4: #a1a1aa;--line: #e4e4e7;--line-2: #ececef;--line-strong: #d4d4d8;--accent: #0a0a0b;--accent-fg: #ffffff;--ring: 0 0 0 3px rgba(10, 10, 11, .08);--brand: #f97316;--brand-soft: rgba(249, 115, 22, .1);--info: #3b82f6;--success: #10b981;--warning: #f59e0b;--danger: #ef4444;--shadow-xs: 0 1px 2px rgba(0, 0, 0, .04);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .06), 0 1px 2px rgba(0, 0, 0, .04);--shadow-md: 0 4px 12px rgba(0, 0, 0, .06), 0 2px 4px rgba(0, 0, 0, .04);--shadow-lg: 0 10px 40px rgba(0, 0, 0, .08), 0 2px 10px rgba(0, 0, 0, .04);--r-xs: 6px;--r-sm: 8px;--r-md: 12px;--r-lg: 16px;--r-xl: 20px;--r-2xl: 28px;--r-pill: 999px;--font-sans: "Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans KR", "Helvetica Neue", Arial, sans-serif;--font-mono: "SF Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;--max-w: 1240px;--header-h: 64px;--g-spp: #ff9900;--g-sp: #ff00ff;--g-s: #ffff00;--g-ap: #00b0f0;--g-a: #69d8ff;--g-bp: #00b050;--g-b: #05ff76;--g-cp: #c00000;--g-c: #ff3f3f;--g-f: #404040;--g-x: #808080;--g-misc:#b4b4b4;--c-yellow: #eab308;--c-red: #ef4444;--c-blue: #3b82f6}[data-theme=dark]{color-scheme:dark;--bg: #0a0a0b;--bg-2: #0f0f11;--bg-3: #17171a;--surface: #111114;--surface-2: #16161a;--surface-hover: #1c1c21;--fg: #fafafa;--fg-1: #e4e4e7;--fg-2: #a1a1aa;--fg-3: #71717a;--fg-4: #52525b;--line: #27272a;--line-2: #202023;--line-strong: #3f3f46;--accent: #fafafa;--accent-fg: #0a0a0b;--ring: 0 0 0 3px rgba(250, 250, 250, .1);--brand: #fb923c;--brand-soft: rgba(251, 146, 60, .12);--shadow-xs: 0 1px 2px rgba(0, 0, 0, .5);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .6), 0 1px 2px rgba(0, 0, 0, .4);--shadow-md: 0 4px 12px rgba(0, 0, 0, .45), 0 2px 4px rgba(0, 0, 0, .35);--shadow-lg: 0 10px 40px rgba(0, 0, 0, .55), 0 2px 10px rgba(0, 0, 0, .4)}*,*:before,*:after{box-sizing:border-box}html,body,#root{margin:0;padding:0;min-height:100%;background:var(--bg)}html{scroll-behavior:smooth}body{font-family:var(--font-sans);color:var(--fg);background:var(--bg);font-size:15px;line-height:1.55;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;font-feature-settings:"ss01","ss02","cv11"}::selection{background:var(--fg);color:var(--bg)}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;background:none;border:0;cursor:pointer;padding:0}input,select,textarea{font:inherit;color:inherit}h1,h2,h3,h4{margin:0;font-weight:700;letter-spacing:-.02em;color:var(--fg)}.container{max-width:var(--max-w);margin:0 auto;padding:0 24px}@media (max-width: 640px){.container{padding:0 18px}}.site-header{position:sticky;top:0;z-index:30;background:color-mix(in srgb,var(--bg) 82%,transparent);backdrop-filter:saturate(160%) blur(18px);-webkit-backdrop-filter:saturate(160%) blur(18px);border-bottom:1px solid var(--line)}.site-header__row{display:flex;align-items:center;gap:14px;height:var(--header-h)}.brand{display:inline-flex;align-items:center;gap:10px;font-weight:700;font-size:15px;letter-spacing:-.01em}.brand__mark{width:26px;height:26px;border-radius:8px;background:var(--fg);color:var(--bg);display:inline-grid;place-items:center;font-weight:800;font-size:12px;letter-spacing:0}.brand__logo{width:32px;height:32px;border-radius:50%;object-fit:cover;flex:none;display:block;background:var(--surface);box-shadow:0 0 0 1px var(--line);transition:box-shadow .2s ease,transform .2s ease}[data-theme=dark] .brand__logo{box-shadow:0 0 0 1px #ffffff14}.brand:hover .brand__logo{transform:scale(1.04)}.brand__sub{font-weight:500;font-size:12px;color:var(--fg-3);letter-spacing:-.005em}.site-header__spacer{flex:1}.site-header__links{display:flex;gap:6px;align-items:center}.icon-btn{display:inline-grid;place-items:center;width:36px;height:36px;border-radius:var(--r-pill);border:1px solid var(--line);background:var(--surface);color:var(--fg-1);transition:all .15s ease}.icon-btn:hover{color:var(--fg);background:var(--surface-hover);border-color:var(--line-strong)}.icon-btn svg{width:16px;height:16px}.chip-link{display:inline-flex;align-items:center;gap:6px;padding:0 12px;height:36px;border-radius:var(--r-pill);border:1px solid var(--line);font-size:13px;font-weight:500;color:var(--fg-1);background:var(--surface);transition:all .15s ease}.chip-link:hover{color:var(--fg);background:var(--surface-hover);border-color:var(--line-strong)}.chip-link svg{width:14px;height:14px}@media (max-width: 640px){.brand__sub,.chip-link span.label-full{display:none}.chip-link{padding:0;width:36px;justify-content:center}}.hero{padding:72px 0 28px;position:relative}.hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(600px 300px at 90% 0%,var(--brand-soft),transparent 60%),radial-gradient(500px 400px at 0% 100%,color-mix(in srgb,var(--info) 8%,transparent),transparent 60%);pointer-events:none;z-index:0}.hero>*{position:relative;z-index:1}.hero__eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:12px;letter-spacing:0;color:var(--fg-2);font-weight:500;padding:5px 10px 5px 8px;border:1px solid var(--line);border-radius:var(--r-pill);background:var(--surface)}.hero__eyebrow:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--brand);box-shadow:0 0 0 3px var(--brand-soft)}.hero__title{margin-top:20px;font-size:clamp(34px,6vw,60px);line-height:1.04;letter-spacing:-.035em;font-weight:800}.hero__title em{font-style:normal;color:var(--brand)}.hero__lead{margin-top:18px;max-width:620px;font-size:15px;color:var(--fg-2);line-height:1.65}.hero__stats{margin-top:28px;display:flex;flex-wrap:wrap;gap:28px}.hero__stat{display:flex;flex-direction:column;gap:2px}.hero__stat-num{font-size:24px;font-weight:700;letter-spacing:-.02em;color:var(--fg);font-variant-numeric:tabular-nums}.hero__stat-label{font-size:12px;color:var(--fg-3);font-weight:500}.controls{margin-top:36px;display:flex;flex-direction:column;gap:12px}.search-box{position:relative;display:flex;align-items:center;gap:12px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);padding:0 16px;transition:all .15s ease;box-shadow:var(--shadow-xs)}.search-box:focus-within{border-color:var(--fg);box-shadow:var(--ring)}.search-box>svg{width:18px;height:18px;color:var(--fg-3);flex:none}.search-box input{flex:1;background:transparent;border:0;outline:0;padding:15px 0;font-size:15px;color:var(--fg)}.search-box input::placeholder{color:var(--fg-3)}.search-box__count{font-size:12px;color:var(--fg-3);font-variant-numeric:tabular-nums;flex:none;padding:2px 10px;border-radius:var(--r-pill);background:var(--bg-3);font-weight:500}.filters{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.filter{position:relative;display:inline-flex;align-items:center;gap:8px;padding:0 32px 0 14px;height:36px;border-radius:var(--r-pill);background:var(--surface);border:1px solid var(--line);color:var(--fg-1);font-size:13px;font-weight:500;cursor:pointer;transition:all .15s ease}.filter:hover{border-color:var(--line-strong);background:var(--surface-hover)}.filter select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:0;outline:0;padding:0;font-size:13px;font-weight:500;color:inherit;cursor:pointer}.filter:after{content:"";position:absolute;right:14px;width:6px;height:6px;border-right:1.5px solid var(--fg-3);border-bottom:1.5px solid var(--fg-3);transform:rotate(45deg) translateY(-1px);pointer-events:none}.filter__label{color:var(--fg-3);font-weight:500}.filter-toggle{display:inline-flex;align-items:center;gap:6px;padding:0 14px;height:36px;border-radius:var(--r-pill);background:var(--surface);border:1px solid var(--line);color:var(--fg-1);font-size:13px;font-weight:500;transition:all .15s ease}.filter-toggle:hover{border-color:var(--line-strong);background:var(--surface-hover)}.filter-toggle[aria-pressed=true]{background:var(--fg);color:var(--bg);border-color:var(--fg)}.filter-clear{color:var(--fg-2);font-size:13px;padding:0 10px;height:36px;border-radius:var(--r-pill)}.filter-clear:hover:not(:disabled){color:var(--fg);background:var(--surface-hover)}.filter-clear:disabled{color:var(--fg-4);cursor:not-allowed}.filter-toggle--end{margin-left:auto}.dropdown{position:relative;min-width:0}.dropdown--end{margin-left:auto}.dropdown__trigger{display:inline-flex;align-items:center;gap:8px;height:36px;padding:0 12px 0 14px;border:1px solid var(--line);border-radius:var(--r-pill);background:var(--surface);color:var(--fg-1);font-size:13px;font-weight:500;transition:border-color .15s ease,background .15s ease}.dropdown__trigger:hover{border-color:var(--line-strong);background:var(--surface-hover)}.dropdown__trigger[aria-expanded=true]{border-color:var(--fg-2);background:var(--surface-hover)}.dropdown__label{color:var(--fg-3);font-weight:500;font-size:12.5px}.dropdown__value{font-weight:600;color:var(--fg);letter-spacing:-.01em}.dropdown__caret{width:12px;height:12px;color:var(--fg-3);transition:transform .15s ease;flex:none}.dropdown__trigger[aria-expanded=true] .dropdown__caret{transform:rotate(180deg);color:var(--fg)}.dropdown__menu{position:absolute;top:calc(100% + 6px);left:0;min-width:100%;max-width:min(320px,calc(100vw - 32px));max-height:340px;overflow-y:auto;padding:6px;border:1px solid var(--line);border-radius:var(--r-md);background:var(--surface);box-shadow:var(--shadow-lg);z-index:50;display:flex;flex-direction:column;gap:2px}.dropdown__menu[data-align=end]{left:auto;right:0}.dropdown__option{display:flex;align-items:center;gap:8px;padding:8px 10px;font-size:13px;color:var(--fg-1);border-radius:var(--r-sm);text-align:left;white-space:nowrap;transition:background .12s ease}.dropdown__option:hover{background:var(--surface-hover)}.dropdown__option[data-selected]{background:var(--bg-3);font-weight:600;color:var(--fg)}[data-theme=dark] .dropdown__option[data-selected]{background:var(--surface-2)}.dropdown__option-label{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis}.dropdown__hint{flex:none;color:var(--fg-3);font-size:12px;font-weight:500;font-variant-numeric:tabular-nums}.dropdown__option[data-selected] .dropdown__hint{color:var(--fg-2)}.dropdown__check{width:14px;height:14px;color:var(--fg);opacity:0;flex:none}.dropdown__option[data-selected] .dropdown__check{opacity:1}.dropdown__clear{align-self:flex-end;padding:4px 10px;font-size:11.5px;color:var(--fg-3);border-radius:var(--r-sm);margin-bottom:2px;font-weight:500}.dropdown__clear:hover{background:var(--surface-hover);color:var(--fg)}.results{padding:24px 0 96px}.results__head{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px;gap:16px}.results__title{font-size:13px;color:var(--fg-2);font-weight:500}.results__title strong{color:var(--fg);font-weight:700;font-variant-numeric:tabular-nums}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:14px}@media (min-width: 900px){.grid{gap:16px}}.card{--accent-hue: transparent;--accent-rest: 34%;--accent-hover: 70%;position:relative;display:flex;flex-direction:column;padding:20px 20px 18px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease,background .18s ease;text-align:left;color:inherit;overflow:hidden;isolation:isolate}.card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,transparent 0%,color-mix(in srgb,var(--fg) 2%,transparent) 100%);opacity:0;transition:opacity .18s ease;z-index:-1}.card:hover{transform:translateY(-2px);border-color:var(--line-strong);box-shadow:var(--shadow-md)}.card:hover:before{opacity:1}.card[data-accent=yellow]{--accent-hue: var(--c-yellow)}.card[data-accent=red]{--accent-hue: var(--c-red)}.card[data-accent=blue]{--accent-hue: var(--c-blue)}.card[data-accent]{border-color:color-mix(in srgb,var(--accent-hue) var(--accent-rest),var(--line));background:linear-gradient(180deg,color-mix(in srgb,var(--accent-hue) 4%,var(--surface)) 0%,var(--surface) 60%)}[data-theme=dark] .card[data-accent]{background:linear-gradient(180deg,color-mix(in srgb,var(--accent-hue) 8%,var(--surface)) 0%,var(--surface) 60%)}.card[data-accent]:hover{border-color:color-mix(in srgb,var(--accent-hue) var(--accent-hover),var(--line-strong));box-shadow:0 0 0 3px color-mix(in srgb,var(--accent-hue) 14%,transparent),var(--shadow-md)}.card__accent{position:absolute;top:0;right:0;display:inline-flex;align-items:center;gap:4px;padding:4px 10px 4px 8px;font-size:10.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:color-mix(in srgb,var(--accent-hue) 72%,var(--fg) 28%);background:color-mix(in srgb,var(--accent-hue) 14%,var(--surface));border-left:1px solid color-mix(in srgb,var(--accent-hue) 34%,var(--line));border-bottom:1px solid color-mix(in srgb,var(--accent-hue) 34%,var(--line));border-radius:0 var(--r-lg) 0 var(--r-sm)}[data-theme=dark] .card__accent{color:color-mix(in srgb,var(--accent-hue) 80%,var(--fg) 20%);background:color-mix(in srgb,var(--accent-hue) 18%,var(--surface))}.card__accent svg{width:11px;height:11px}.card[data-accent] .card__rank{top:36px}.card__rank{position:absolute;top:18px;right:20px;font-size:11px;font-weight:600;color:var(--fg-4);font-variant-numeric:tabular-nums;letter-spacing:.02em}.card__head{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--fg-3);font-weight:500}.card__region{color:var(--fg-1);display:inline-flex;align-items:center;gap:5px;font-weight:500}.card__region:before{content:"";width:4px;height:4px;border-radius:50%;background:var(--fg-4)}.card__divider{width:2px;height:2px;border-radius:50%;background:var(--fg-4)}.card__name{font-weight:700;font-size:19px;line-height:1.3;letter-spacing:-.022em;margin:12px 0;color:var(--fg);word-break:keep-all}.card__branch{font-size:13px;color:var(--fg-2);margin-bottom:14px}.card__oneliner{margin:0 0 16px;font-size:13.5px;line-height:1.55;color:var(--fg-2);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card__footer{margin-top:auto;padding-top:14px;border-top:1px solid var(--line-2);display:flex;align-items:center;gap:10px}.card__meta{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.meta-chip{display:inline-flex;align-items:center;justify-content:center;font-weight:700;font-variant-numeric:tabular-nums;letter-spacing:-.005em;flex:none}.meta-chip--id{min-width:44px;height:30px;padding:0 10px;border-radius:var(--r-pill);background:var(--fg);color:var(--bg);font-size:11.5px}.meta-chip--ring{position:relative;width:32px;height:32px}.meta-chip--ring svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;transform:rotate(-90deg)}.ring__track{fill:none;stroke:var(--line);stroke-width:2.5}.ring__fill{fill:none;stroke:#8b5cf6;stroke-width:2.5;stroke-linecap:round;transition:stroke-dashoffset .4s ease}[data-theme=dark] .ring__fill{stroke:#a78bfa}.ring__text{position:relative;z-index:1;font-size:12px;font-weight:700;color:var(--fg);font-variant-numeric:tabular-nums;letter-spacing:-.01em}.meta-stat{display:inline-flex;align-items:center;gap:5px;font-size:11.5px;color:var(--fg-3);font-weight:500;padding-left:4px}.meta-stat__label{color:var(--fg-3)}.grade{--hue: var(--g-misc);display:inline-flex;align-items:center;padding:3px 9px;border-radius:var(--r-xs);font-size:11px;font-weight:700;letter-spacing:.02em;line-height:1.4;font-variant-numeric:tabular-nums;white-space:nowrap;background:color-mix(in srgb,var(--hue) 14%,var(--surface));color:color-mix(in srgb,var(--hue) 62%,var(--fg) 38%);border:1px solid color-mix(in srgb,var(--hue) 34%,var(--line))}[data-theme=dark] .grade{background:color-mix(in srgb,var(--hue) 18%,var(--surface-2));color:color-mix(in srgb,var(--hue) 78%,var(--fg) 22%);border-color:color-mix(in srgb,var(--hue) 32%,var(--line))}.grade--lg{font-size:13px;padding:5px 12px;letter-spacing:.04em;border-radius:var(--r-sm)}.grade[data-grade="S++"]{--hue: var(--g-spp)}.grade[data-grade="S+"]{--hue: var(--g-sp)}.grade[data-grade=S]{--hue: var(--g-s)}.grade[data-grade="A+"]{--hue: var(--g-ap)}.grade[data-grade=A]{--hue: var(--g-a)}.grade[data-grade="B+"]{--hue: var(--g-bp)}.grade[data-grade=B]{--hue: var(--g-b)}.grade[data-grade="C+"]{--hue: var(--g-cp)}.grade[data-grade=C]{--hue: var(--g-c)}.grade[data-grade=F]{--hue: var(--g-f)}.grade[data-grade=X]{--hue: var(--g-x)}.grade[data-grade=Misc]{--hue: var(--g-misc)}.state{padding:80px 20px;text-align:center;color:var(--fg-3)}.state h3{font-size:20px;color:var(--fg);margin-bottom:8px;letter-spacing:-.02em}.state p{font-size:14px;line-height:1.6}.skeleton{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px}.skeleton__card{height:180px;border-radius:var(--r-lg);background:linear-gradient(90deg,transparent 0%,color-mix(in srgb,var(--fg) 4%,transparent) 50%,transparent 100%),var(--surface);background-size:200% 100%;animation:shimmer 1.6s ease-in-out infinite;border:1px solid var(--line)}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.detail{padding:32px 0 96px}.detail__back{display:inline-flex;align-items:center;gap:6px;font-size:13px;color:var(--fg-3);margin-bottom:24px;font-weight:500;padding:6px 10px 6px 8px;border-radius:var(--r-pill);border:1px solid var(--line);background:var(--surface);transition:all .15s ease}.detail__back:hover{color:var(--fg);border-color:var(--line-strong);background:var(--surface-hover)}.detail__kicker{display:flex;flex-wrap:wrap;gap:10px;align-items:center;color:var(--fg-3);font-size:13px;margin-bottom:16px}.detail__kicker .region-tag{display:inline-flex;align-items:center;gap:6px;color:var(--fg-1);font-weight:500}.detail__kicker .region-tag:before{content:"";width:4px;height:4px;border-radius:50%;background:var(--brand)}.detail__title{font-size:clamp(32px,5vw,48px);font-weight:800;line-height:1.08;letter-spacing:-.035em;margin-bottom:12px}.detail__branch{font-size:16px;color:var(--fg-2)}.detail__header{margin-bottom:24px}@media (min-width: 900px){.detail__header{margin-bottom:32px}}.detail__oneliner{--accent-hue: var(--brand);position:relative;font-size:clamp(18px,2.2vw,22px);line-height:1.5;color:var(--fg);padding:24px 26px 24px 32px;background:linear-gradient(180deg,color-mix(in srgb,var(--accent-hue) 5%,var(--surface-2)) 0%,var(--surface-2) 60%);border:1px solid color-mix(in srgb,var(--accent-hue) 24%,var(--line));border-radius:var(--r-lg);font-weight:500;letter-spacing:-.015em}[data-theme=dark] .detail__oneliner{background:linear-gradient(180deg,color-mix(in srgb,var(--accent-hue) 10%,var(--surface-2)) 0%,var(--surface-2) 60%)}.detail__oneliner:before{content:"";position:absolute;left:0;top:16px;bottom:16px;width:3px;background:var(--accent-hue);border-radius:0 3px 3px 0}.detail__oneliner[data-accent=yellow]{--accent-hue: var(--c-yellow)}.detail__oneliner[data-accent=red]{--accent-hue: var(--c-red)}.detail__oneliner[data-accent=blue]{--accent-hue: var(--c-blue)}.detail__grid{display:grid;grid-template-columns:1fr;gap:24px}.detail__media{display:flex;flex-direction:column;gap:14px}.detail__content{display:flex;flex-direction:column;gap:28px;min-width:0}.detail__content .section{margin-bottom:0}@media (min-width: 900px){.detail__grid{grid-template-columns:minmax(0,1.1fr) minmax(340px,440px);grid-template-areas:"content media";gap:40px;align-items:start}.detail__content{grid-area:content;gap:32px}.detail__media{grid-area:media;position:sticky;top:calc(var(--header-h) + 20px);max-height:calc(100vh - var(--header-h) - 40px);overflow-y:auto;scrollbar-width:thin}.detail__media::-webkit-scrollbar{width:6px}.detail__media::-webkit-scrollbar-thumb{background:var(--line-strong);border-radius:var(--r-pill)}}@media (min-width: 1200px){.detail__grid{grid-template-columns:minmax(0,1.2fr) minmax(380px,460px);gap:56px}}.detail__note{margin:10px 0 0;font-size:12px;color:var(--fg-3);line-height:1.5}.section{margin-bottom:28px}.section__title{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--fg-3);font-weight:700;margin-bottom:12px}.stat-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:0;padding:4px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);overflow:hidden}.stat{display:flex;flex-direction:column;gap:6px;padding:16px 18px;border-radius:var(--r-md)}.stat+.stat{box-shadow:inset 1px 0 0 var(--line-2)}@media (max-width: 600px){.stat+.stat{box-shadow:inset 0 1px 0 var(--line-2)}}.stat__label{font-size:11px;color:var(--fg-3);font-weight:600;letter-spacing:.08em;text-transform:uppercase}.stat__value{font-size:18px;font-weight:700;color:var(--fg);letter-spacing:-.015em;display:flex;align-items:center;gap:6px}.dots{display:inline-flex;gap:3px;align-items:center}.dots span{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--line)}.dots span[data-on=true]{background:var(--fg)}.dots[data-over=true] span[data-on=true]{background:var(--c-red)}.dots[data-over=true] span[data-on=true]:last-of-type{box-shadow:0 0 0 2px color-mix(in srgb,var(--c-red) 22%,transparent)}[data-theme=dark] .dots[data-over=true] span[data-on=true]:last-of-type{box-shadow:0 0 0 2px color-mix(in srgb,var(--c-red) 32%,transparent)}.rating-bars{display:flex;flex-direction:column;gap:14px;padding:24px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg)}.rating-bar{display:grid;grid-template-columns:72px 1fr 32px;align-items:center;gap:14px}.rating-bar__label{font-size:13px;color:var(--fg-2);font-weight:500}.rating-bar__track{position:relative;height:6px;border-radius:var(--r-pill);background:var(--bg-3);overflow:hidden}.rating-bar__fill{position:absolute;inset:0 auto 0 0;background:linear-gradient(90deg,var(--brand),color-mix(in srgb,var(--brand) 60%,#fff 40%));border-radius:var(--r-pill);transition:width .3s ease}.rating-bar__value{font-weight:700;font-size:13px;color:var(--fg);text-align:right;font-variant-numeric:tabular-nums}.rating-bar[data-tier=exceptional] .rating-bar__track{height:8px;background:color-mix(in srgb,#fb923c 10%,var(--bg-3));overflow:visible}.rating-bar[data-tier=exceptional] .rating-bar__fill{background:linear-gradient(90deg,#f59e0b,#fb923c,#f43f5e,#a855f7,#fb923c);background-size:220% 100%;animation:gradientSlide 3.2s linear infinite;box-shadow:0 0 10px color-mix(in srgb,#fb923c 55%,transparent),0 0 18px color-mix(in srgb,#f43f5e 35%,transparent),inset 0 0 4px #ffffff59}[data-theme=dark] .rating-bar[data-tier=exceptional] .rating-bar__fill{box-shadow:0 0 12px color-mix(in srgb,#fb923c 70%,transparent),0 0 24px color-mix(in srgb,#f43f5e 45%,transparent),inset 0 0 4px #ffffff47}.rating-bar[data-tier=exceptional] .rating-bar__value{color:color-mix(in srgb,#f59e0b 62%,var(--fg) 38%);font-weight:800}[data-theme=dark] .rating-bar[data-tier=exceptional] .rating-bar__value{color:color-mix(in srgb,#fbbf24 75%,var(--fg) 25%)}@keyframes gradientSlide{to{background-position:-220% 0}}@media (prefers-reduced-motion: reduce){.rating-bar[data-tier=exceptional] .rating-bar__fill{animation:none}}.rating-overall{display:flex;align-items:baseline;gap:10px;margin-bottom:18px;padding-bottom:18px;border-bottom:1px solid var(--line-2);position:relative}.rating-overall[data-tier=exceptional] .rating-overall__number{background:linear-gradient(90deg,#f59e0b,#fb923c 45%,#f43f5e);background-size:220% 100%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;animation:gradientSlide 4s linear infinite;filter:drop-shadow(0 0 14px color-mix(in srgb,#fb923c 35%,transparent))}.rating-overall__number{font-size:44px;font-weight:800;color:var(--fg);line-height:1;letter-spacing:-.04em;font-variant-numeric:tabular-nums}.rating-overall__suffix{font-size:13px;color:var(--fg-3);font-weight:500}.tip-block{padding:20px 22px;background:var(--brand-soft);border-radius:var(--r-lg);border:1px solid color-mix(in srgb,var(--brand) 30%,transparent)}.tip-block__label{font-size:11px;color:var(--brand);letter-spacing:.12em;text-transform:uppercase;font-weight:700;margin-bottom:8px}.tip-block__body{font-size:14px;color:var(--fg);line-height:1.65;white-space:pre-line;font-weight:500}.remark-card{padding:16px 20px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-md);color:var(--fg-1);font-size:14px;line-height:1.6;white-space:pre-line}.related{margin-top:56px;padding-top:32px;border-top:1px solid var(--line)}.related__head{display:flex;align-items:baseline;flex-wrap:wrap;gap:10px 14px;margin-bottom:20px}.related__title{font-size:20px;font-weight:700;letter-spacing:-.02em;color:var(--fg)}.related__caption{font-size:12.5px;color:var(--fg-3);font-weight:500}.related__more{display:flex;justify-content:center;margin-top:24px}.related__more-btn{display:inline-flex;align-items:center;gap:8px;padding:0 20px;height:42px;border-radius:var(--r-pill);background:var(--surface);border:1px solid var(--line);color:var(--fg-1);font-size:13.5px;font-weight:600;letter-spacing:-.005em;transition:all .15s ease}.related__more-btn:hover{background:var(--surface-hover);border-color:var(--line-strong);color:var(--fg);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.ig-embed{position:relative;background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);overflow:hidden;min-height:540px;isolation:isolate}[data-theme=dark] .ig-embed{border-color:#ffffff1a;box-shadow:0 0 0 1px #ffffff0a,0 8px 28px #00000080}.ig-embed iframe{width:100%;height:720px;border:0;display:block;background:#fff;color-scheme:light}@media (max-width: 480px){.ig-embed iframe{height:680px}}.ig-embed__skeleton{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:#71717a;font-size:13px;background:#fff;pointer-events:none;z-index:1}.ig-embed__skeleton svg{width:32px;height:32px;opacity:.35;animation:igPulse 1.4s ease-in-out infinite}@keyframes igPulse{0%,to{opacity:.25;transform:scale(1)}50%{opacity:.55;transform:scale(1.04)}}.ig-embed[data-loaded=true] .ig-embed__skeleton{opacity:0;transition:opacity .25s ease .1s}.ig-embed__fallback{padding:40px 24px;text-align:center;color:#52525b;display:flex;flex-direction:column;gap:16px;align-items:center}.review-link{display:inline-flex;align-items:center;gap:8px;padding:0 20px;height:46px;background:linear-gradient(45deg,#f09433,#e6683c,#dc2743,#cc2366,#bc1888);color:#fff;border-radius:var(--r-md);font-weight:600;font-size:14px;letter-spacing:-.005em;transition:transform .15s ease,box-shadow .15s ease;box-shadow:0 2px 8px color-mix(in srgb,#dc2743 28%,transparent)}[data-theme=dark] .review-link{box-shadow:0 2px 10px color-mix(in srgb,#dc2743 40%,transparent)}.review-link:hover{transform:translateY(-1px);box-shadow:0 4px 14px color-mix(in srgb,#dc2743 38%,transparent)}[data-theme=dark] .review-link:hover{box-shadow:0 4px 18px color-mix(in srgb,#dc2743 52%,transparent)}.review-link svg{width:16px;height:16px}.remark-chip{display:inline-flex;align-items:center;padding:2px 8px;border-radius:var(--r-xs);font-size:11px;font-weight:600;background:var(--bg-3);color:var(--fg-2);letter-spacing:.02em}.remark-chip--danger{background:color-mix(in srgb,var(--danger) 14%,transparent);color:var(--danger)}.remark-chip--brand{background:var(--brand-soft);color:var(--brand)}.id-tag{font-family:var(--font-mono);font-size:13px;color:var(--fg-3);letter-spacing:0}.site-footer{border-top:1px solid var(--line);padding:48px 0 56px;background:var(--bg);color:var(--fg-2);font-size:13px}.site-footer__row{display:flex;flex-direction:column;gap:28px}@media (min-width: 720px){.site-footer__row{flex-direction:row;align-items:flex-start;justify-content:space-between;gap:48px}}.site-footer__block{max-width:560px}.site-footer__heading{font-weight:700;font-size:14px;color:var(--fg);margin-bottom:10px;letter-spacing:-.01em}.site-footer p{margin:0 0 14px;line-height:1.7;color:var(--fg-2)}.site-footer a{color:var(--fg-1);text-decoration:underline;text-underline-offset:3px;text-decoration-color:var(--line-strong)}.site-footer a:hover{text-decoration-color:var(--fg)}.site-footer__links{display:flex;flex-wrap:wrap;gap:8px}.site-footer .chip-link{background:var(--surface)}.site-footer__meta{font-size:12px;color:var(--fg-3)}.site-footer__meta strong{color:var(--fg);font-weight:600}.legend{display:flex;flex-wrap:wrap;gap:6px;margin-top:24px}mark.hl{background:color-mix(in srgb,var(--brand) 25%,transparent);color:inherit;padding:0 2px;border-radius:3px;font-weight:600}.play-toggle{display:inline-flex;height:36px;padding:3px;border:1px solid var(--line);border-radius:var(--r-pill);background:var(--surface);gap:2px}.play-toggle button{padding:0 12px;font-size:12.5px;font-weight:500;color:var(--fg-2);border-radius:var(--r-pill);display:inline-flex;align-items:center;transition:all .15s ease;white-space:nowrap}.play-toggle button:hover{color:var(--fg-1);background:var(--surface-hover)}.play-toggle button[aria-pressed=true]{background:var(--fg);color:var(--bg)}@media (max-width: 640px){.play-toggle{flex-wrap:wrap;height:auto}.play-toggle button{height:30px}}.card__actions{margin-left:auto;display:inline-flex;gap:4px}.card-action{width:30px;height:30px;border-radius:999px;display:inline-grid;place-items:center;color:var(--fg-3);background:transparent;border:1px solid transparent;transition:all .15s ease}.card-action svg{width:15px;height:15px}.card-action:hover{color:var(--fg);background:var(--surface-hover);border-color:var(--line)}.card-action[data-active]{color:var(--success);background:color-mix(in srgb,var(--success) 14%,transparent);border-color:color-mix(in srgb,var(--success) 30%,transparent)}.card-action--wish[data-active]{color:var(--danger);background:color-mix(in srgb,var(--danger) 14%,transparent);border-color:color-mix(in srgb,var(--danger) 30%,transparent)}.card-action[data-tooltip]{position:relative}.card-action[data-tooltip]:after{content:attr(data-tooltip);position:absolute;bottom:calc(100% + 6px);right:0;padding:5px 9px;border-radius:6px;background:var(--fg);color:var(--bg);font-size:11.5px;font-weight:500;letter-spacing:-.01em;white-space:nowrap;pointer-events:none;opacity:0;transform:translateY(4px);transition:opacity .12s ease,transform .12s ease;z-index:10;box-shadow:var(--shadow-sm)}.card-action[data-tooltip]:hover:after,.card-action[data-tooltip]:focus-visible:after{opacity:1;transform:translateY(0)}.card[data-played]{opacity:.72}.card[data-played]:hover{opacity:1}.infinite-sentinel{margin-top:24px;padding:24px 0 8px;text-align:center;font-size:13px;color:var(--fg-3);display:flex;align-items:center;justify-content:center;gap:8px}.infinite-sentinel__spinner{width:14px;height:14px;border:2px solid var(--line-strong);border-top-color:var(--fg-1);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.detail__actions{display:flex;gap:10px;margin-top:18px;flex-wrap:wrap}.detail-action{display:inline-flex;align-items:center;gap:7px;height:38px;padding:0 16px;border-radius:var(--r-pill);background:var(--surface);border:1px solid var(--line);color:var(--fg-1);font-size:13.5px;font-weight:600;transition:all .15s ease}.detail-action svg{width:16px;height:16px}.detail-action:hover:not(:disabled){border-color:var(--line-strong);background:var(--surface-hover)}.detail-action:disabled{opacity:.45;cursor:not-allowed}.detail-action[data-active]{background:color-mix(in srgb,var(--success) 16%,transparent);border-color:color-mix(in srgb,var(--success) 38%,transparent);color:var(--success)}.detail-action--wish[data-active]{background:color-mix(in srgb,var(--danger) 14%,transparent);border-color:color-mix(in srgb,var(--danger) 38%,transparent);color:var(--danger)}.detail__branch-link{color:inherit;text-decoration:underline;text-decoration-color:var(--line-strong);text-underline-offset:3px;transition:text-decoration-color .15s ease}.detail__branch-link:hover{text-decoration-color:var(--fg)}.cafe-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:10px;margin-top:20px}.cafe-stat{display:flex;flex-direction:column;gap:4px;padding:14px 18px;border:1px solid var(--line);border-radius:var(--r-md);background:var(--surface)}.cafe-stat__label{font-size:12px;color:var(--fg-3);font-weight:500}.cafe-stat__value{font-size:22px;font-weight:700;color:var(--fg);letter-spacing:-.02em;font-variant-numeric:tabular-nums}.stats-grid{display:grid;grid-template-columns:1fr;gap:14px;margin-top:24px}.stats-card{padding:20px 22px;border:1px solid var(--line);border-radius:var(--r-md);background:var(--surface);min-width:0}.stats-card .section__title{margin-bottom:14px}@media (min-width: 860px){.stats-grid{grid-template-columns:1fr 1fr;gap:16px}}.stats-cafes{display:grid;grid-template-columns:1fr;gap:14px;margin-top:14px}@media (min-width: 900px){.stats-cafes{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}}.bars{display:flex;flex-direction:column;gap:9px}.bars__row{display:grid;grid-template-columns:64px 1fr 42px;gap:12px;align-items:center;min-height:26px}.bars__key{display:inline-flex;align-items:center;justify-content:flex-start;font-size:12.5px;color:var(--fg-2)}.bars__key--text{font-weight:600;color:var(--fg-1)}.bars__track{position:relative;height:10px;border-radius:var(--r-pill);background:var(--bg-3);overflow:hidden}.bars__fill{position:absolute;top:0;right:0;bottom:0;left:0;width:0;background:linear-gradient(90deg,color-mix(in srgb,var(--brand) 85%,transparent),var(--brand));border-radius:inherit;transition:width .4s ease}.bars__value{text-align:right;font-size:13px;color:var(--fg-1);font-weight:600;font-variant-numeric:tabular-nums}.cafe-rank{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:2px}.cafe-rank__item{display:grid;grid-template-columns:28px 1fr auto;gap:12px;align-items:center;padding:10px 14px;border-radius:var(--r-sm);transition:background .15s ease}.cafe-rank__item:hover{background:var(--surface-hover)}.cafe-rank__no{font-weight:700;color:var(--fg-3);font-variant-numeric:tabular-nums;font-size:13px}.cafe-rank__name{font-weight:600;color:var(--fg);font-size:14px}.cafe-rank__name:hover{text-decoration:underline}.cafe-rank__meta{font-size:12.5px;color:var(--fg-3)}.site-header__tabs{display:inline-flex;align-items:center;gap:2px;margin-left:8px;padding-left:12px;border-left:1px solid var(--line);height:28px}.nav-tab{display:inline-flex;align-items:center;gap:6px;height:34px;padding:0 12px;border-radius:var(--r-sm);font-size:13px;font-weight:600;color:var(--fg-2);letter-spacing:-.01em;transition:color .15s ease,background .15s ease}.nav-tab svg{width:15px;height:15px}.nav-tab:hover{color:var(--fg);background:var(--surface-hover)}.nav-tab--active{color:var(--fg);background:var(--bg-3)}[data-theme=dark] .nav-tab--active{background:var(--surface-2)}@media (max-width: 640px){.site-header__tabs{margin-left:6px;padding-left:8px}.nav-tab{padding:0 10px;font-size:12.5px}.nav-tab span{display:none}}.icon-btn--active{background:var(--bg-3);color:var(--fg);border-color:var(--line-strong)}[data-theme=dark] .icon-btn--active{background:var(--surface-2)}.settings{padding:32px 0 96px}.settings-section{margin-top:24px;padding:22px 24px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg)}.settings-section__title{font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--fg-3);font-weight:700;margin-bottom:6px}.settings-row{display:flex;align-items:flex-start;gap:20px;padding:16px 0;border-top:1px solid var(--line-2)}.settings-row:first-of-type{border-top:0;padding-top:8px}.settings-row__text{flex:1;min-width:0}.settings-row__label{font-size:15px;font-weight:600;color:var(--fg);letter-spacing:-.01em;margin-bottom:4px}.settings-row__hint{font-size:12.5px;color:var(--fg-3);line-height:1.55;margin:6px 0 0}.settings-empty{margin:16px 0 0;padding:14px 16px;border:1px dashed var(--line);border-radius:var(--r-md);color:var(--fg-3);font-size:13px}.toggle-switch{flex:none;width:44px;height:26px;border-radius:999px;background:var(--bg-3);border:1px solid var(--line);position:relative;transition:background .15s ease,border-color .15s ease;cursor:pointer}.toggle-switch__thumb{position:absolute;top:2px;left:2px;width:20px;height:20px;border-radius:50%;background:var(--surface);box-shadow:var(--shadow-xs);transition:transform .18s ease,background .18s ease}.toggle-switch[data-on]{background:var(--fg);border-color:var(--fg)}.toggle-switch[data-on] .toggle-switch__thumb{transform:translate(18px);background:var(--bg)}.share-block{margin-top:16px;display:flex;flex-direction:column;gap:14px}.share-field__label{font-size:12px;font-weight:600;color:var(--fg-2);margin-bottom:6px;letter-spacing:-.005em}.share-field__row{display:flex;gap:8px;align-items:stretch;flex-wrap:wrap}.share-code{flex:1 1 260px;min-width:0;padding:10px 12px;border:1px solid var(--line);border-radius:var(--r-sm);background:var(--bg-2);font-family:var(--font-mono);font-size:12.5px;color:var(--fg);word-break:break-all;line-height:1.5;max-height:160px;overflow:auto}.share-code--url{font-size:12px;color:var(--fg-1)}.share-action{flex:none;padding:0 14px;height:38px;border-radius:var(--r-sm);border:1px solid var(--line);background:var(--fg);color:var(--bg);font-size:13px;font-weight:600;cursor:pointer;transition:opacity .15s ease,background .15s ease}.share-action:hover:not(:disabled){opacity:.9}.share-action:disabled{opacity:.4;cursor:not-allowed}.share-action--ghost{background:var(--surface);color:var(--fg-1);border-color:var(--line-strong)}.share-action--ghost:hover:not(:disabled){background:var(--surface-hover);color:var(--fg)}.qr-wrap{margin-top:4px;padding:18px;border:1px solid var(--line);border-radius:var(--r-md);background:var(--bg-2);display:flex;flex-direction:column;align-items:center;gap:10px}.qr-wrap__img{width:240px;height:240px;background:#fff;border-radius:var(--r-sm);padding:8px}.qr-wrap__placeholder{width:240px;height:240px;display:grid;place-items:center;color:var(--fg-3);background:var(--surface);border-radius:var(--r-sm);font-size:13px}.qr-wrap__caption{margin:0;font-size:12px;color:var(--fg-3);text-align:center}.danger-zone{border-color:color-mix(in srgb,var(--danger) 32%,var(--line));background:color-mix(in srgb,var(--danger) 4%,var(--surface))}[data-theme=dark] .danger-zone{background:color-mix(in srgb,var(--danger) 6%,var(--surface))}.danger-zone__title{color:var(--danger)}.danger-btn{flex:none;padding:0 16px;height:38px;border-radius:var(--r-sm);border:1px solid color-mix(in srgb,var(--danger) 48%,var(--line));background:var(--surface);color:var(--danger);font-size:13px;font-weight:600;cursor:pointer;transition:background .15s ease,color .15s ease,border-color .15s ease}.danger-btn:hover:not(:disabled){background:var(--danger);color:#fff;border-color:var(--danger)}.danger-btn:disabled{opacity:.4;cursor:not-allowed}.invite-list{margin-top:20px;display:flex;flex-direction:column;gap:1px;background:var(--line-2);border:1px solid var(--line);border-radius:var(--r-md);overflow:hidden}.invite-list__row{display:grid;grid-template-columns:56px auto 1fr auto auto;align-items:center;gap:12px;padding:10px 14px;background:var(--surface);font-size:13px}.invite-list__id{font-family:var(--font-mono);font-size:12px;color:var(--fg-3)}.invite-list__grade{display:inline-flex}.invite-list__name{font-weight:600;color:var(--fg);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.invite-list__name--unknown{color:var(--fg-3);font-style:italic;font-weight:500}.invite-list__row--unknown{grid-template-columns:56px 1fr auto}.invite-list__meta{color:var(--fg-3);font-size:12px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (max-width: 640px){.invite-list__row{grid-template-columns:48px auto 1fr auto;row-gap:4px}.invite-list__meta{grid-column:2 / -1;font-size:11.5px}}.invite-chip{flex:none;padding:2px 8px;border-radius:var(--r-pill);font-size:11px;font-weight:700;letter-spacing:.02em;white-space:nowrap}.invite-chip--played{background:color-mix(in srgb,var(--success) 14%,transparent);color:var(--success);border:1px solid color-mix(in srgb,var(--success) 30%,transparent)}.invite-chip--wish{background:color-mix(in srgb,var(--danger) 14%,transparent);color:var(--danger);border:1px solid color-mix(in srgb,var(--danger) 30%,transparent)}.invite-chip--both{background:color-mix(in srgb,var(--brand) 14%,transparent);color:var(--brand);border:1px solid color-mix(in srgb,var(--brand) 34%,transparent)}.invite-cta{margin-top:24px}.invite-actions{margin-top:16px;display:flex;flex-wrap:wrap;gap:10px}.invite-confirm{background:var(--fg);color:var(--bg);border-color:var(--fg)}.invite-confirm:hover{background:var(--fg-1);color:var(--bg);border-color:var(--fg-1)}.invite-warning{margin-top:24px;padding:20px 22px;border:1px solid color-mix(in srgb,var(--warning) 38%,var(--line));background:color-mix(in srgb,var(--warning) 8%,var(--surface));border-radius:var(--r-lg)}[data-theme=dark] .invite-warning{background:color-mix(in srgb,var(--warning) 12%,var(--surface))}.invite-warning__title{font-weight:700;font-size:15px;color:var(--fg);margin-bottom:6px}.invite-warning__body{margin:0 0 12px;color:var(--fg-1);font-size:13.5px;line-height:1.6}.invite-warning__list{margin:0 0 8px;padding-left:18px;font-size:13px;line-height:1.75;color:var(--fg-1)}.invite-warning__list strong{color:var(--fg)}@property --invite-home-progress{syntax: "<percentage>"; initial-value: 0%; inherits: false;}.invite-auto-home{position:relative;isolation:isolate;border:2px solid transparent;--invite-home-progress: 0%;--invite-home-track: color-mix(in srgb, var(--bg) 22%, transparent);--invite-home-fill: var(--bg);background:linear-gradient(var(--fg),var(--fg)) padding-box,conic-gradient(from -90deg,var(--invite-home-fill) var(--invite-home-progress),var(--invite-home-track) 0) border-box;animation:inviteAutoHomeFill 5s linear forwards}.invite-auto-home:hover{background:linear-gradient(var(--fg-1),var(--fg-1)) padding-box,conic-gradient(from -90deg,var(--invite-home-fill) var(--invite-home-progress),var(--invite-home-track) 0) border-box}.invite-auto-home__label{position:relative;z-index:1}@keyframes inviteAutoHomeFill{0%{--invite-home-progress: 0%}to{--invite-home-progress: 100%}}@media (prefers-reduced-motion: reduce){.invite-auto-home{animation:none;--invite-home-progress: 100%}}