:root{--bg:#f5f4ff;--ink:#2b2d59;--card:#ffffffa8;--dialog-bg:#fff;--accent:#5550c9;--line:#ffffffdd;--radius:24px;--hero:transparent}body{background:radial-gradient(ellipse at 5% 15%,#dde9ff 0,transparent 35%),radial-gradient(ellipse at 100% 40%,#f9dcf1 0,transparent 45%),#f5f4ff}.l-header{background:#ffffff88;backdrop-filter:blur(16px);border:0}.l-header nav a{padding:6px 11px;border-radius:30px;background:#ffffff88}.l-header nav [aria-current]{background:#5550c9;color:white;text-decoration:none}.l-card,.t-card{backdrop-filter:blur(12px);box-shadow:0 12px 45px #6e77b510}.l-art{background:radial-gradient(circle,#d3c6ff 0,transparent 68%)}.l-orbit{width:320px;height:200px;transform:rotate(-30deg);animation:orbit 15s linear infinite;box-shadow:0 0 0 30px #ffffff38,0 0 0 65px #ffffff25}.l-orbit:after{content:"";position:absolute;top:0;left:25px;width:40px;height:40px;background:#ff986d;border-radius:50%;box-shadow:0 8px 20px #dc998855}.l-art>span{color:#5550c9}.l-cta{margin:40px auto;max-width:1180px;border-radius:40px;background:#ffffff88;padding-inline:20px}.l-section{border:0}.l-key-info{gap:20px}.t-btn{border-radius:40px}@keyframes orbit{to{transform:rotate(330deg)}}@media(max-width:600px){.l-orbit{width:220px;height:130px}}

/* 밴드 — 유리면 아래로 색 오브가 흐른다. 반전 면만 짙은 보랏빛 유리로 바꾼다. */
.theme-orbit{--surface-alt:#ffffff66;--surface-deep:linear-gradient(140deg,#3a3491,#6a5fd8 58%,#8a6fd0);--surface-deep-ink:#fff}
.theme-orbit .l-band[data-band=deep] .l-card{background:#ffffff1c;border-color:#ffffff3d}
.theme-orbit .l-band[data-band=deep] .l-card p{opacity:.86}
.theme-orbit .l-band[data-parallax]:before,.theme-orbit .l-band[data-parallax]:after{content:"";position:absolute;z-index:0;border-radius:50%;filter:blur(75px);pointer-events:none}
.theme-orbit .l-band[data-parallax]{overflow-x:clip}
.theme-orbit .l-band[data-parallax]:before{width:330px;height:330px;left:-110px;top:8%;background:#cbd8ff;opacity:.55;transform:translateY(calc(var(--band-progress,0)*-70px))}
.theme-orbit .l-band[data-parallax]:after{width:260px;height:260px;right:-90px;bottom:6%;background:#f8d5ef;opacity:.5;transform:translateY(calc(var(--band-progress,0)*80px))}
.theme-orbit .l-band[data-band=deep]:before{background:#8ea8ff;opacity:.3}
.theme-orbit .l-band[data-band=deep]:after{background:#ffb59a;opacity:.28}
/* 시그니처 — 유리가 초점을 잡듯 흐림에서 선명해진다. */
.theme-orbit .l-grid .l-card,.theme-orbit .l-key-info .l-card{transition:filter .75s ease,opacity .75s ease;transition-delay:calc(var(--i,0)*80ms)}
/* 숨김은 base.js 가 직접 붙이는 is-io 에만 — .js(인라인 한 줄)로 걸면 스크립트가 죽어도 숨은 채 남는다.
   (2026-10-18 신호를 못 받는 그리드, 2026-10-23 스크롤을 한 번에 지나친 묶음 — 둘 다 주제가 사라졌다) */
.theme-orbit .l-grid.is-io .l-card,.theme-orbit .l-key-info.is-io .l-card{filter:blur(8px);opacity:0}
.theme-orbit .l-grid.is-io.is-in .l-card,.theme-orbit .l-key-info.is-io.is-in .l-card{filter:none;opacity:1}
.theme-orbit .l-progress{background:linear-gradient(90deg,#5550c9,#ff986d)}