.cc-root{--cc-positive:color-mix(in oklab, var(--success) 55%, white);--cc-light:color-mix(in oklab, var(--brand-secondary) 10%, transparent);--cc-glow:.65;background:radial-gradient(1200px 700px at 55% 0%, #0b1224 0%, transparent 70%), radial-gradient(900px 600px at 90% 100%, #120a24 0%, transparent 70%), var(--background);background-attachment:fixed}.cc-glass{background:linear-gradient(#ffffff0e,#ffffff04 40%),#0a0f1cd6;background:linear-gradient(lab(100% -.0000298023 .0000119209/.055),lab(100% -.0000298023 .0000119209/.015) 40%),lab(4.33925% .777707 -8.95335/.84);border:1px solid #ffffff1c;border:1px solid lab(100% -.0000298023 .0000119209/.11);border-radius:6px;transition:border-color .4s,box-shadow .4s;position:relative;box-shadow:inset 0 1px #ffffff14,0 30px 60px -32px #000000d9;box-shadow:inset 0 1px lab(100% -.0000298023 .0000119209/.08),0 30px 60px -32px lab(0% 0 0/.85098)}.cc-panel>.cc-glass{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.cc-panel:hover>.cc-glass,button.cc-glass:hover,a.cc-glass:hover{border-color:#fff3;border-color:lab(100% -.0000298023 .0000119209/.2)}.cc-panel[data-focus]>.cc-glass,.cc-glass[data-focus]{box-shadow:inset 0 1px 0 #ffffff24, 0 0 calc(60px * var(--cc-glow)) color-mix(in oklab, var(--brand-secondary) calc(var(--cc-glow) * 22%), transparent), 0 40px 80px -30px #000000e6;border-color:#ffffff38;border-color:lab(100% -.0000298023 .0000119209/.22)}@supports (color:lab(0% 0 0)){.cc-panel[data-focus]>.cc-glass,.cc-glass[data-focus]{box-shadow:inset 0 1px 0 lab(100% -.0000298023 .0000119209/.14), 0 0 calc(60px * var(--cc-glow)) color-mix(in oklab, var(--brand-secondary) calc(var(--cc-glow) * 22%), transparent), 0 40px 80px -30px #000000e6}}.cc-panel[data-focus]>.cc-signal,.cc-signal[data-focus]{border-color:color-mix(in oklab, var(--brand-primary) 60%, transparent);box-shadow:inset 0 1px 0 #ffffff1f, 0 0 calc(56px * var(--cc-glow)) color-mix(in oklab, var(--brand-primary) calc(var(--cc-glow) * 18%), transparent), 0 40px 80px -30px #000000e6}@supports (color:lab(0% 0 0)){.cc-panel[data-focus]>.cc-signal,.cc-signal[data-focus]{box-shadow:inset 0 1px 0 lab(100% -.0000298023 .0000119209/.12), 0 0 calc(56px * var(--cc-glow)) color-mix(in oklab, var(--brand-primary) calc(var(--cc-glow) * 18%), transparent), 0 40px 80px -30px #000000e6}}.cc-panel[data-focus] .cc-driver:not([data-key]),.cc-cause[data-focus] .cc-driver:not([data-key]){opacity:.35;transition:opacity .6s .9s}.cc-panel[data-focus]>.cc-cause,.cc-cause[data-focus]{box-shadow:inset 0 1px 0 #ffffff24, 0 0 calc(70px * var(--cc-glow)) color-mix(in oklab, var(--brand-primary) calc(var(--cc-glow) * 18%), transparent), 0 40px 80px -30px #000000e6}@supports (color:lab(0% 0 0)){.cc-panel[data-focus]>.cc-cause,.cc-cause[data-focus]{box-shadow:inset 0 1px 0 lab(100% -.0000298023 .0000119209/.14), 0 0 calc(70px * var(--cc-glow)) color-mix(in oklab, var(--brand-primary) calc(var(--cc-glow) * 18%), transparent), 0 40px 80px -30px #000000e6}}.cc-chip{min-height:2.5rem;color:var(--foreground);background:#ffffff08;background:lab(100% -.0000298023 .0000119209/.03);border:1px solid #ffffff24;border:1px solid lab(100% -.0000298023 .0000119209/.14);border-radius:999px;flex:none;padding:0 .95rem;font-size:.875rem;transition:background .3s,border-color .3s}.cc-chip:hover{border-color:#ffffff4d;border-color:lab(100% -.0000298023 .0000119209/.3)}.cc-chip[aria-pressed=true]{border-color:var(--brand-secondary);background:color-mix(in oklab, var(--brand-secondary) 22%, transparent)}.cc-action{border:1px solid #ffffff2e;border:1px solid lab(100% -.0000298023 .0000119209/.18);border-radius:4px;align-items:center;gap:.5rem;min-height:2.5rem;padding:0 .9rem;font-size:.875rem;transition:border-color .3s,background .3s;display:inline-flex}.cc-action:hover{border-color:#ffffff57;border-color:lab(100% -.0000298023 .0000119209/.34)}.cc-action-primary{border-color:var(--brand-primary);background:color-mix(in oklab, var(--brand-primary) 18%, transparent)}.cc-action-primary:hover{border-color:var(--brand-primary);background:color-mix(in oklab, var(--brand-primary) 28%, transparent)}.cc-chain-line{inset-inline:1.25rem;background:color-mix(in oklab, var(--brand-secondary) 55%, transparent);height:1px;position:absolute;top:1.15rem}.cc-chain-pulse{background:linear-gradient(90deg, transparent, var(--brand-secondary), transparent);opacity:0;border-radius:2px;width:18%;height:4px;position:absolute;top:-1.5px;left:0}@keyframes cc-breathe{50%{opacity:.35;transform:scale(1.6)}}@keyframes cc-flow{0%{stroke-dashoffset:1px}to{stroke-dashoffset:-1px}}@keyframes cc-tick{0%,86%,to{opacity:1}90%{opacity:.2}}@keyframes cc-pulse-run{0%{opacity:0;left:-18%}15%,85%{opacity:1}to{opacity:0;left:100%}}@keyframes cc-story-in{0%{opacity:0;filter:blur(3px);transform:translateY(22px)scale(.94)}}@keyframes cc-depth-in{0%{opacity:0;transform:translateY(14px)scale(.965)}}.cc-line{stroke-dasharray:1;stroke-dashoffset:1px;opacity:0;transition:opacity .35s,stroke-dashoffset 0s .35s}.cc-line[data-on]{stroke-dashoffset:0;opacity:1;transition:opacity .3s .4s,stroke-dashoffset .85s cubic-bezier(.16,1,.3,1) .45s}.cc-flow{stroke-dasharray:.06 1.94;opacity:0;transition:opacity .4s}.cc-line[data-on]+.cc-flow{opacity:1}.cc-breathe,.cc-tick{transform-box:fill-box;transform-origin:50%}@media (prefers-reduced-motion:no-preference){.cc-breathe{animation:3.2s ease-in-out infinite cc-breathe}.cc-flow{animation:5s linear infinite cc-flow}.cc-tick{animation:8s ease-in-out infinite cc-tick}.cc-chain-pulse{animation:4.6s ease-in-out 1.2s infinite cc-pulse-run}.cc-depth-in{animation:.7s cubic-bezier(.16,1,.3,1) backwards cc-depth-in}.cc-story-in{animation:.85s cubic-bezier(.16,1,.3,1) backwards cc-story-in}}@media (prefers-reduced-motion:reduce){.cc-flow{display:none}.cc-line,.cc-line[data-on]{transition:none}}.cc-story-backdrop{background:color-mix(in oklab, var(--background) 78%, transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.tw-backdrop{animation:.3s ease-out backwards tw-fade}.tw-enter{animation:.9s cubic-bezier(.16,1,.3,1) .4s backwards tw-enter}.tw-stage *{animation:none}.tw-stage[data-moving] .tw-pulse{animation:.45s ease-in-out infinite alternate tw-pulse}.tw-stage[data-moving] .tw-beam{animation:.6s ease-in-out infinite alternate tw-glow}@keyframes tw-fade{0%{opacity:0}}@keyframes tw-enter{0%{opacity:0;transform:scale(.96)}}@keyframes tw-pulse{0%{opacity:.35}}@keyframes tw-glow{0%{stroke-opacity:.5}}@media (prefers-reduced-motion:reduce){.tw-backdrop,.tw-enter,.tw-stage[data-moving] .tw-pulse,.tw-stage[data-moving] .tw-beam{animation:none}}
