.sc-section{position:relative;padding:clamp(64px,8vw,120px) 0;border-top:1px solid var(--color-edge);overflow:hidden}.sc-switch{position:relative;display:inline-grid;grid-auto-flow:column;grid-auto-columns:1fr;padding:4px;border-radius:999px;border:1px solid var(--color-edge);background:color-mix(in srgb,var(--color-raise) 80%,transparent)}.sc-switch button{position:relative;z-index:1;min-height:40px;padding:0 20px;border-radius:999px;font-size:13.5px;font-weight:600;color:var(--color-ink-dim);transition:color .2s;white-space:nowrap}.sc-switch button[aria-pressed=true]{color:#fff}.sc-switch-thumb{position:absolute;top:4px;bottom:4px;left:4px;width:calc(50% - 4px);border-radius:999px;background:linear-gradient(120deg,#7c5cff,#2ad4ff);box-shadow:0 6px 20px -8px #7c5cff;transition:transform .28s cubic-bezier(.2,.8,.2,1)}.sc-switch-thumb[data-pos="1"]{transform:translateX(100%)}.sc-view{animation:sc-view-in .45s cubic-bezier(.16,1,.3,1)}@keyframes sc-view-in{0%{opacity:0;transform:translateY(10px)}}@media (prefers-reduced-motion:reduce){.sc-view{animation:none}.sc-switch-thumb{transition:none}}.sc-option{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;border-radius:999px;border:1px solid #ffb54766;background:#ffb5471a;color:#ffb547;font:600 11px/1 var(--font-mono,ui-monospace),monospace;letter-spacing:.16em;text-transform:uppercase}.cf{margin-top:24px}.cf,.cf-stage{position:relative}.cf-stage{height:clamp(400px,40vw,560px);perspective:1600px;perspective-origin:50% 50%;touch-action:pan-y;user-select:none;-webkit-touch-callout:none}.cf-glow{bottom:4%;width:min(60vw,720px);height:160px;transform:translateX(-50%);border-radius:50%;background:radial-gradient(closest-side,color-mix(in srgb,var(--cf-accent) 55%,transparent),transparent);filter:blur(30px);opacity:.7;transition:background .8s;pointer-events:none}.cf-card,.cf-glow{position:absolute;left:50%}.cf-card{top:50%;width:clamp(180px,17vw,270px);aspect-ratio:9/16;border-radius:22px;overflow:hidden;background:#0b0b10;border:1px solid color-mix(in srgb,#fff 12%,transparent);box-shadow:0 30px 80px -30px #000,0 0 calc(var(--focus, 0) * 50px) -10px var(--card-accent);will-change:transform,opacity;backface-visibility:hidden}.cf-card img{width:100%;height:100%;object-fit:cover;object-position:top;pointer-events:none}.cf-card:before{z-index:1;background:#05050a;opacity:calc((1 - var(--focus, 0)) * .5)}.cf-card:after,.cf-card:before{content:"";position:absolute;inset:0;pointer-events:none}.cf-card:after{background:linear-gradient(180deg,transparent 50%,rgba(0,0,0,.82))}.cf-card-info{position:absolute;left:18px;right:18px;bottom:16px;z-index:2;display:grid;gap:3px;color:#fff;opacity:calc(.4 + var(--focus, 0) * .6)}.cf-card-info b{font-size:clamp(18px,1.6vw,24px);font-weight:650;letter-spacing:-.01em}.cf-card-info small{font-size:12.5px;color:rgba(255,255,255,.75)}.cf-card:focus-visible{outline:2px solid var(--card-accent);outline-offset:4px}.cf-bar{position:relative;z-index:2;display:flex;align-items:center;gap:12px;width:fit-content;max-width:calc(100% - 32px);margin:8px auto 0;padding:8px;border-radius:999px;border:1px solid var(--color-edge);background:color-mix(in srgb,var(--color-raise) 80%,transparent);backdrop-filter:blur(14px)}.cf-btn{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;border:1px solid var(--color-edge);color:var(--color-ink);transition:border-color .2s,background-color .2s}.cf-btn:focus-visible,.cf-btn:hover{border-color:var(--cf-accent);background:color-mix(in srgb,var(--cf-accent) 15%,transparent)}.cf-now{display:grid;min-width:150px;padding:0 8px}.cf-now b{font-size:15px;color:var(--color-ink)}.cf-now span{font-size:12px;color:var(--color-ink-dim);white-space:nowrap}.cf-open{padding:11px 16px;border-radius:999px;background:var(--cf-accent);color:#fff;font-size:13px;font-weight:600;white-space:nowrap;transition:background .6s,transform .2s}.cf-open:hover{transform:translateY(-1px)}@media (max-width:560px){.cf-now{min-width:0}.cf-now span{display:none}}.sg{display:grid;grid-template-columns:minmax(0,1fr) clamp(400px,44%,620px);gap:20px;padding:clamp(14px,2vw,24px);border-radius:28px;background:radial-gradient(80% 90% at 20% 50%,color-mix(in srgb,var(--sg-accent) 14%,transparent),transparent 60%),#07090c;border:1px solid rgba(255,255,255,.08);color:#eef1f4}.sg-map{position:relative;min-height:580px}.sg-lines{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.sg-lines path{fill:none;stroke:rgba(255,255,255,.16);stroke-width:1.2;vector-effect:non-scaling-stroke;transition:stroke .4s}.sg-lines path.dim{stroke:rgba(255,255,255,.07);stroke-dasharray:3 5}.sg-lines path.on{stroke:color-mix(in srgb,var(--sg-accent) 80%,#fff);stroke-width:1.8}.sg-lines path.flow{stroke-dasharray:2 7;animation:sg-flow 1.6s linear infinite}.sg-lines path.flow.on{stroke-dasharray:none;animation:none}@keyframes sg-flow{to{stroke-dashoffset:-18}}.sg-orb{position:absolute;width:var(--orb);height:var(--orb);transform:translate(-50%,-50%)}.sg-orb-halo{position:absolute;inset:-70%;border-radius:50%;background:radial-gradient(closest-side,color-mix(in srgb,var(--sg-accent) 38%,transparent),color-mix(in srgb,#6d5dfb 12%,transparent) 55%,transparent 72%);filter:blur(6px);animation:sg-halo 7s ease-in-out infinite}@keyframes sg-halo{50%{transform:scale(1.08);opacity:.8}}.sg-orb-rings{position:absolute;inset:-38%;width:176%;height:176%;overflow:visible}.sg-ring circle{fill:none;stroke:color-mix(in srgb,var(--sg-accent) 55%,#fff);stroke-opacity:.35;stroke-width:.8;vector-effect:non-scaling-stroke}.sg-ring-a circle:first-child{stroke-dasharray:2 6}.sg-ring-b circle:first-child{stroke-opacity:.2}.sg-ring .sat{fill:#fff;stroke:none;filter:drop-shadow(0 0 4px var(--sg-accent))}.sg-ring{transform-origin:100px 100px;transform-box:view-box}.sg-ring-a{animation:sg-spin 26s linear infinite}.sg-ring-b{animation:sg-spin 18s linear infinite reverse}@keyframes sg-spin{to{transform:rotate(1turn)}}.sg-orb-core{inset:0;overflow:hidden;background:radial-gradient(circle at 30% 24%,rgba(255,255,255,.92) 0,rgba(255,255,255,.4) 7%,rgba(255,255,255,0) 22%),radial-gradient(circle at 50% 120%,color-mix(in srgb,#22d3ee 45%,transparent) 0,transparent 45%),radial-gradient(circle at 42% 38%,color-mix(in srgb,var(--sg-accent) 55%,#fff) 0,var(--sg-accent) 34%,color-mix(in srgb,var(--sg-accent) 55%,#0b0716) 72%,#05040b 100%);box-shadow:inset -18px -22px 44px rgba(0,0,0,.6),inset 0 0 0 1px rgba(255,255,255,.14),inset 6px 8px 18px rgba(255,255,255,.12),0 0 0 1px color-mix(in srgb,var(--sg-accent) 30%,transparent),0 0 70px color-mix(in srgb,var(--sg-accent) 50%,transparent),0 0 140px color-mix(in srgb,var(--sg-accent) 22%,transparent);animation:sg-breathe 6s ease-in-out infinite;transition:background .6s,box-shadow .6s}.sg-orb-core,.sg-orb-core i{position:absolute;border-radius:50%}.sg-orb-core i{inset:-20%;background:conic-gradient(from 210deg,transparent 0 62%,rgba(255,255,255,.16) 70%,transparent 80% 100%);animation:sg-spin 12s linear infinite}.sg-orb-core:after{content:"";position:absolute;left:18%;right:18%;bottom:7%;height:22%;border-radius:50%;background:radial-gradient(closest-side,rgba(255,255,255,.22),transparent);filter:blur(4px)}@keyframes sg-breathe{50%{transform:scale(1.035)}}.sg-orb-label{position:absolute;left:50%;top:calc(100% + 34px);transform:translateX(-50%);display:grid;justify-items:center;gap:2px;white-space:nowrap;text-align:center}.sg-orb-label b{font-size:14px}.sg-orb-label small{font-size:11px;color:rgba(255,255,255,.55)}.sg-sparks circle{mix-blend-mode:screen}.sg-leaves li,.sg-shelves li{position:absolute;transform:translateY(-50%)}.sg-shelf{display:flex;align-items:center;gap:10px;width:100%;min-height:44px;padding:8px 12px;border-radius:12px;text-align:left;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.1);color:rgba(255,255,255,.8);transition:background .2s,border-color .2s,transform .2s}.sg-shelf b{font-size:20px;font-weight:600;min-width:18px;color:#fff}.sg-shelf span{font-size:11.5px;line-height:1.2}.sg-shelf:hover{transform:translateX(3px);border-color:rgba(255,255,255,.22)}.sg-shelf[aria-pressed=true]{border-color:color-mix(in srgb,var(--sg-accent) 80%,#fff);background:color-mix(in srgb,var(--sg-accent) 18%,transparent);box-shadow:0 0 30px -10px var(--sg-accent)}.sg-leaf{display:flex;align-items:center;gap:10px;min-height:44px;padding:6px 12px 6px 6px;border-radius:999px;text-align:left;color:#fff;transition:background .2s;animation:sg-in .45s cubic-bezier(.16,1,.3,1) both}@keyframes sg-in{0%{opacity:0;transform:translateX(-8px)}}.sg-leaf i{width:12px;height:12px;margin-left:-6px;border-radius:50%;background:var(--leaf-accent,#888);box-shadow:0 0 12px var(--leaf-accent,#888)}.sg-leaf b{display:block;font-size:14px}.sg-leaf small{display:block;font-size:11px;color:rgba(255,255,255,.55)}.sg-leaf:hover,.sg-leaf[aria-pressed=true]{background:rgba(255,255,255,.07)}.sg-leaf-empty{opacity:.6}.sg-panel{align-self:center;display:flex;flex-direction:column;padding:22px;border-radius:20px;background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.02));border:1px solid rgba(255,255,255,.1)}.sg-panel-shelf{display:flex;align-items:center;justify-content:space-between;font-size:13px;color:color-mix(in srgb,var(--sg-accent) 70%,#fff)}.sg-panel-shelf em{font-style:normal;padding:4px 10px;border-radius:999px;border:1px solid rgba(255,255,255,.18);color:rgba(255,255,255,.75);font-size:11px}.sg-panel h3{margin-top:12px;font-size:30px;font-weight:650;letter-spacing:-.02em}.sg-panel-tag{margin-top:6px;color:rgba(255,255,255,.7);font-size:14px;line-height:1.5}.sg-panel img{margin-top:16px;width:100%;aspect-ratio:16/9;object-fit:cover;object-position:top;border-radius:12px;border:1px solid rgba(255,255,255,.1)}.sg-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:14px}.sg-stats div{padding:12px;border-radius:12px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08)}.sg-stats b{display:block;font-size:22px;font-weight:600}.sg-stats span{font-size:11px;color:rgba(255,255,255,.6)}.sg-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.sg-primary{display:inline-flex;align-items:center;min-height:44px;padding:0 18px;border-radius:999px;background:var(--sg-accent);color:#fff;font-size:14px;font-weight:600;transition:transform .2s,background .6s}.sg-primary:hover{transform:translateY(-1px)}.sg-ghost{display:inline-flex;align-items:center;min-height:44px;padding:0 18px;border-radius:999px;border:1px solid rgba(255,255,255,.22);color:#fff;font-size:14px;transition:background .2s}.sg-ghost:hover{background:rgba(255,255,255,.08)}@media (max-width:960px){.sg{grid-template-columns:1fr}.sg-map{min-height:0}.sg-lines,.sg-orb{display:none}.sg-leaves,.sg-shelves{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.sg-leaves li,.sg-shelves li{position:static;transform:none}.sg-shelf{width:auto}.sg-shelves li{width:auto!important}}@media (prefers-reduced-motion:reduce){.sg-leaf,.sg-lines path.flow,.sg-orb-core,.sg-orb-core i,.sg-orb-halo,.sg-ring{animation:none}}