spw-starflow{--sf-paper:#111722;--sf-ink:#eee9dd;--sf-line:#ffffff24;position:relative;z-index:auto;color:var(--sf-ink);font:12px/1.5 system-ui,sans-serif}
spw-starflow .sf-background{position:fixed;inset:0;z-index:0;pointer-events:none;opacity:0;transition:opacity 900ms ease;background:#080b12}
spw-starflow[data-active] .sf-background{opacity:1}
spw-starflow canvas{width:100%;height:100%;display:block;mix-blend-mode:screen;opacity:1}
spw-starflow[data-state=fallback] .sf-background{background:radial-gradient(1px 1px at 80% 20%,#b9d4ee 80%,transparent),radial-gradient(2px 2px at 92% 70%,#f2dcc0 80%,transparent),radial-gradient(1px 1px at 65% 50%,#d5eaff 80%,transparent),#080b12;background-size:211px 193px,377px 337px,293px 317px,auto}
spw-starflow .sf-controls{position:fixed;right:112px;bottom:24px;z-index:60;display:none;pointer-events:auto}
spw-starflow[data-active] .sf-controls{display:flex;align-items:center;gap:8px}
spw-starflow button,spw-starflow select{font:inherit;color:inherit;cursor:pointer}
spw-starflow button{border:1px solid var(--sf-line);background:#111722e8;border-radius:9px;padding:7px 12px}
spw-starflow button:hover{background:#253045}
spw-starflow button:focus-visible,spw-starflow select:focus-visible,spw-starflow input:focus-visible{outline:2px solid #d9b36c;outline-offset:3px}
spw-starflow .sf-toggle{display:flex;gap:8px;align-items:center;box-shadow:0 5px 24px #0003;backdrop-filter:blur(12px)}
spw-starflow .sf-toggle span:first-child{font-size:20px;color:#d8b975}
spw-starflow .sf-panel{position:absolute;width:280px;max-height:min(640px,calc(100svh - 110px));overflow:auto;right:0;bottom:53px;padding:17px;border:1px solid var(--sf-line);border-radius:15px;background:#111722f5;box-shadow:0 12px 50px #0007;backdrop-filter:blur(20px);box-sizing:border-box;overscroll-behavior:contain}
spw-starflow [hidden]{display:none!important}
spw-starflow .sf-panel header{display:flex;align-items:center;justify-content:space-between;margin-bottom:13px;letter-spacing:.08em}
spw-starflow [data-close]{padding:0 7px;border:0;font-size:22px;background:transparent}
spw-starflow label{display:block;margin:10px 0;color:#ccd3dd}
spw-starflow output{float:right;font-variant-numeric:tabular-nums;color:#e2c78d}
spw-starflow input[type=range]{display:block;width:100%;margin:7px 0 0;accent-color:#d3b576;height:16px;cursor:pointer}
spw-starflow select{display:block;width:100%;margin-top:5px;padding:6px;border:1px solid var(--sf-line);border-radius:6px;background:#182130}
spw-starflow .sf-select-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}
spw-starflow .sf-panel footer{display:flex;gap:8px;justify-content:space-between;margin-top:12px}
spw-starflow .sf-note{font-size:10px;color:#8794a7;margin:12px 0 0}
spw-starflow .sf-hint{font-size:10px;color:#b6c0ce;margin:14px 0 0}
spw-starflow details{border-top:1px solid var(--sf-line);padding:10px 0}
spw-starflow summary{cursor:pointer;font-weight:600;letter-spacing:.06em;padding:2px 0}
spw-starflow .sf-checkbox{display:flex;align-items:center;gap:8px}
spw-starflow input[type=checkbox]{accent-color:#d3b576;width:15px;height:15px}
spw-starflow .sf-panel footer{gap:5px}
spw-starflow .sf-panel footer button{padding:7px 8px}
html:not(.dark) spw-starflow[data-active] .sf-background{opacity:.08}
@media(max-width:640px){spw-starflow .sf-controls{right:84px;bottom:18px}spw-starflow .sf-panel{position:fixed;right:15px;bottom:72px;width:min(280px,calc(100vw - 30px));max-height:65svh}}
@media(prefers-reduced-motion:reduce){spw-starflow .sf-background{transition:none}}

spw-starflow .sf-immerse{backdrop-filter:blur(12px);color:#ded8ca;min-height:39px;white-space:nowrap}
spw-starflow .sf-immerse[aria-pressed=true]{border-color:#d3b57699;color:#f4dca8;background:#111722f0}
#spw-content{transition:opacity 450ms ease,visibility 450ms}
body[data-spw-immersive] #spw-content{opacity:0;visibility:hidden;pointer-events:none}
@media(prefers-reduced-motion:reduce){#spw-content{transition:none}}