/* Shared YOU’RE NEXT theme. Layout variants do not own separate palettes. */
@font-face{font-family:'Noto Sans KR';src:url('fonts/NotoSansKR-Variable.woff2') format('woff2');font-weight:100 900;font-display:swap}
@font-face{font-family:Sora;src:url('fonts/sora-700.ttf') format('truetype');font-weight:700;font-display:swap}
@font-face{font-family:Sora;src:url('fonts/sora-800.ttf') format('truetype');font-weight:800;font-display:swap}
@font-face{font-family:'Instrument Sans';src:url('fonts/instrument-sans-500.ttf') format('truetype');font-weight:400 500;font-display:swap}
@font-face{font-family:'Instrument Sans';src:url('fonts/instrument-sans-600.ttf') format('truetype');font-weight:600 900;font-display:swap}
:root{--panel:var(--surface);--line:var(--border);--line2:var(--card-border);--ink:var(--text);--mint:var(--pos);--cream:var(--text);--copper:var(--muted);--pink:var(--vhigh);--green:var(--pos);--gradient:var(--spectrum-vivid);--spectrum:var(--spectrum-vivid);--font:'Instrument Sans','Noto Sans KR',system-ui,sans-serif;--display:'Sora','Noto Sans KR',system-ui,sans-serif}
html,body{background-color:var(--bg);color:var(--text)}
body{font-family:var(--font)}
h1,h2,h3,.brand,.brand span{font-family:var(--display);color:var(--text)}
.header,.site-header,.header-main,.header .shell{background:var(--top-bg);border-color:var(--border)}
.category-line,.mobile-dock,.mobile-nav{background:var(--bg-2);border-color:var(--border)}
.brand-mark,.ring{background:conic-gradient(from 210deg,#3DE8C6,#FFC83D,#FF7A45,#FF3D8A,#3DE8C6)}
.navigation a[aria-current]:after,.primary-nav a[aria-current]:after,.main-nav a[aria-current=page]:after{background:var(--spectrum-vivid)}
.desktop-nav a[aria-current]{border-color:var(--pos)}
.locale,.header-end,.sample,.sample-note,.example-note,.page-heading>p,.page-head p,.section-subtitle,.overline,.eyebrow,.product-category,.category-label,.post-kicker{color:var(--muted)}
.job-hero,.flagship,.hero{background-color:var(--bg);background-image:radial-gradient(ellipse at 0 0,rgba(61,232,198,.15),transparent 52%),radial-gradient(ellipse at 100% 100%,rgba(255,61,138,.09),transparent 50%);border-color:var(--card-border)}
.job-hero,.flagship,.new-highlight,.launch-banner,.new-feature,.editorial{border-radius:20px}
.hero-grid{background-image:linear-gradient(var(--grid) 1px,transparent 1px),linear-gradient(90deg,var(--grid) 1px,transparent 1px);opacity:1}
.job-hero h1 em,.flagship h1 em,.hero h1 em,.hero-card .editorial-copy h2 em{background:var(--spectrum-vivid);background-clip:text;-webkit-background-clip:text;color:transparent;text-shadow:none;font-style:normal}
.new-highlight,.launch-banner,.new-feature,.theme-panel,.theme-layout,.community-aside,.community-hero,.community-strip,.latest-panel,.community-list,.community-side,.reading-stack{background-color:var(--surface);background-image:none;border-color:var(--card-border)}
.cover,.product-card,.poster-visual,.catalog-card,.editorial,.all-services-banner,.theme-menu{background:var(--card-bg);border-color:var(--card-border)}
.cover,.product-card,.poster-visual,.catalog-card{border-radius:14px}
.new-highlight h3 em,.cover h3 em,.launch-copy h2 em,.new-copy h2 span{color:var(--text)}
.cover-label,.poster-caption p,.card-caption>div>span,.product-copy>p,.app-info p,.editorial-copy>p,.hero-description,.job-hero p,.flagship-copy>p,.new-highlight p,.launch-copy>p,.new-copy p{color:var(--muted)}
.cover:before{background:linear-gradient(90deg,rgba(15,18,26,.64),transparent 86%)}
.cover:after{opacity:.18}
.badge,.badge-new,.new-badge,.new-label b,.launch-tag{background:rgba(61,232,198,.1);color:var(--pos);border-color:rgba(61,232,198,.3)}
.badge.flagship,.flagship-kicker b,.badge-popular,.poster-badge{background:var(--card-glass);color:var(--text);border-color:var(--card-border)}
.new-kicker h2,.text-link,.text-cta,.secondary-action,.launch-meta,.post-category,.post-topic{color:var(--text)}
.button,.primary-action,.hero-action,.action{background:linear-gradient(var(--bg-2),var(--bg-2)) padding-box,var(--spectrum-vivid) border-box;color:var(--text);border:1px solid transparent;border-radius:12px;box-shadow:var(--shadow-1)}
.button:hover,.primary-action:hover,.hero:hover .hero-action,.flagship:hover .primary-action,.action:hover{background:linear-gradient(var(--surface-3),var(--surface-3)) padding-box,var(--spectrum-vivid) border-box;color:var(--text)}
.open-pill{background:var(--surface-3);color:var(--text);border:1px solid var(--card-border)}
.hero-card .open-pill{background:linear-gradient(var(--surface-3),var(--surface-3)) padding-box,var(--spectrum-vivid) border-box;border-color:transparent;color:var(--text)}
.category-filters button,.filter-list button,.filters button,.theme-tabs button,.theme-menu>button,.community-filters button{background:var(--bg-2);color:var(--muted);border-color:var(--card-border)}
.category-filters button[aria-pressed=true],.category-filters button.active,.filter-list button[aria-pressed=true],.filters button[aria-pressed=true],.theme-tabs button[aria-selected=true],.theme-tabs button.active,.theme-menu>button[aria-selected=true],.community-filters button[aria-pressed=true]{background:var(--surface-3);color:var(--text);border-color:var(--border-2)}
.icon-button,.rail-controls button,.shelf-controls button{background:var(--surface);color:var(--text);border-color:var(--card-border)}
.catalog-search,.header-search{background:var(--bg-2);border-color:var(--border-2)}
.artwork,.art-fallback,.product-image,.hero-art.has-art,.flagship .hero-art.has-art,.launch-art,.app-icon,.catalog-cover,.hero-card .editorial-art,.new-card .editorial-art,.escape-card .editorial-art{background:var(--card-bg)}
.flagship:after{background:linear-gradient(90deg,transparent 42%,rgba(15,18,26,.12) 63%,transparent)}
.flagship .hero-art.has-art{background:var(--bg);mask-image:linear-gradient(90deg,transparent,#000 35%)}
.flagship-number,.launch-index,.hero-index{color:var(--faint)}
.editorial-footer{background:var(--card-bg);border-color:var(--card-border)}
.hero-card .editorial-shade,.new-card .editorial-shade,.escape-card .editorial-shade{background:linear-gradient(0deg,rgba(15,18,26,.96) 0%,rgba(15,18,26,.66) 35%,rgba(15,18,26,.08) 90%),linear-gradient(90deg,rgba(15,18,26,.30),transparent)}
.hero:before{background:linear-gradient(90deg,#0B0D12 2%,rgba(11,13,18,.95) 20%,rgba(11,13,18,.67) 42%,rgba(11,13,18,.08) 75%),linear-gradient(0deg,#0B0D12 0%,transparent 22%)}
.new-feature:before{background:linear-gradient(90deg,#12151E 4%,rgba(18,21,30,.88) 33%,rgba(18,21,30,.12) 80%)}
.footer,.site-footer,.community-post,.thread,.app-row,.feed-heading,.catalog-toolbar,.theme-section{border-color:var(--border)}
@media(max-width:650px){.new-feature:before{background:linear-gradient(0deg,#12151E 0%,rgba(18,21,30,.94) 24%,rgba(18,21,30,.44) 65%,rgba(18,21,30,.06) 100%)}.flagship .hero-art.has-art{background:var(--bg);opacity:.45}.catalog-grid .cover:before{background:linear-gradient(180deg,rgba(15,18,26,.65),transparent)}.hero-card .editorial-shade{background:linear-gradient(0deg,rgba(15,18,26,.98) 0%,rgba(15,18,26,.65) 48%,rgba(15,18,26,.08) 90%)}}

.button.primary{background:linear-gradient(var(--bg-2),var(--bg-2)) padding-box,var(--spectrum-vivid) border-box;color:var(--text);border:1px solid transparent}.job-hero:hover .button.primary{background:linear-gradient(var(--surface-3),var(--surface-3)) padding-box,var(--spectrum-vivid) border-box;color:var(--text)}