.cosmic-test-demo{--cosmic-bg-img-filter:brightness(1.12) contrast(1.07) saturate(1.04);--cosmic-scrim-rgb:8, 12, 18;--cosmic-fade-rgb:17, 23, 30;background-color:#0a1018}.cosmic-test-demo .cosmic-test-page{isolation:isolate;min-height:100%;position:relative}.cosmic-test-demo .cosmic-test-atmosphere{z-index:0;pointer-events:none;background-color:#0a1018;position:fixed;inset:0;overflow:hidden}.cosmic-test-demo .cosmic-test-bg{object-fit:cover;object-position:center center;width:100%;height:100%;filter:var(--cosmic-bg-img-filter);display:block;position:absolute;inset:0}.cosmic-test-demo .cosmic-test-scrim{background: radial-gradient(ellipse 135% 26% at 50% 58%, rgba(var(--cosmic-scrim-rgb), .5) 0%, rgba(var(--cosmic-scrim-rgb), .3) 38%, rgba(var(--cosmic-scrim-rgb), .12) 64%, transparent 86%), linear-gradient(to bottom, transparent 0%, transparent 48%, rgba(var(--cosmic-scrim-rgb), .16) 54%, rgba(var(--cosmic-scrim-rgb), .42) 60%, rgba(var(--cosmic-scrim-rgb), .3) 68%, rgba(var(--cosmic-scrim-rgb), .1) 78%, transparent 90%),  radial-gradient(ellipse 118% 34% at 50% 26%, transparent 0%, transparent 30%, rgba(var(--cosmic-scrim-rgb), .06) 48%, rgba(var(--cosmic-scrim-rgb), .24) 68%, rgba(var(--cosmic-scrim-rgb), .48) 100%),  linear-gradient(to bottom, rgba(var(--cosmic-scrim-rgb), .52) 0%, rgba(var(--cosmic-scrim-rgb), .2) 7%, transparent 14%, transparent 36%, rgba(var(--cosmic-scrim-rgb), .1) 46%, rgba(var(--cosmic-scrim-rgb), .24) 72%, rgba(var(--cosmic-fade-rgb), .56) 100%),  linear-gradient(to right, rgba(var(--cosmic-scrim-rgb), .46) 0%, rgba(var(--cosmic-scrim-rgb), .2) 8%, rgba(var(--cosmic-scrim-rgb), .05) 18%, transparent 30%, transparent 70%, rgba(var(--cosmic-scrim-rgb), .05) 82%, rgba(var(--cosmic-scrim-rgb), .2) 92%, rgba(var(--cosmic-scrim-rgb), .46) 100%),  radial-gradient(ellipse 122% 48% at 50% 100%, rgba(var(--cosmic-scrim-rgb), .55) 0%, rgba(var(--cosmic-scrim-rgb), .3) 38%, rgba(var(--cosmic-scrim-rgb), .1) 60%, transparent 78%);position:absolute;inset:0}.cosmic-test-demo .cosmic-test-horizon-dim{pointer-events:none;background:radial-gradient(ellipse 145% 30% at 50% 60%, rgba(var(--cosmic-scrim-rgb), .36) 0%, rgba(var(--cosmic-scrim-rgb), .18) 42%, rgba(var(--cosmic-scrim-rgb), .05) 66%, transparent 82%);position:absolute;inset:0}.cosmic-test-demo .cosmic-test-fade{background:linear-gradient(to bottom, transparent 0%, rgba(var(--cosmic-fade-rgb), .06) 28%, rgba(var(--cosmic-fade-rgb), .16) 52%, rgba(var(--cosmic-fade-rgb), .38) 78%, var(--bg-primary,#11171e) 100%);height:38%;position:absolute;inset:auto 0 0}.cosmic-test-demo .cosmic-test-foreground{z-index:1;min-height:100%;position:relative}.cosmic-test-demo .cosmic-preview-banner{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#11171ec7}.cosmic-test-demo .cosmic-test-header{z-index:10;border-bottom:1px solid var(--border-subtle);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#11171ed1;padding:.65rem 1.25rem;position:sticky;top:0}.cosmic-test-demo .cosmic-test-nav{justify-content:space-between;align-items:center;gap:1rem;max-width:56rem;margin:0 auto;display:flex}.cosmic-test-demo .cosmic-test-nav-brand{letter-spacing:.06em;color:var(--text-primary);white-space:nowrap;align-items:center;gap:.5rem;font-size:.75rem;text-decoration:none;display:inline-flex}.cosmic-test-demo .cosmic-test-nav-brand:hover{color:#d4b872}.cosmic-test-demo .cosmic-test-nav-logo{object-fit:contain;flex-shrink:0;width:1.25rem;height:1.25rem}.cosmic-test-demo .cosmic-test-nav-home{color:var(--text-muted);white-space:nowrap;font-size:.75rem;text-decoration:none}.cosmic-test-demo .cosmic-test-nav-home:hover{color:#d4b872}.cosmic-test-demo .cosmic-test-progress{background:var(--accent-cool-soft);border-radius:2px;height:3px;overflow:hidden}.cosmic-test-demo .cosmic-test-progress-fill{background:var(--accent-cool);border-radius:2px;height:100%;transition:width .35s}.cosmic-test-demo .cosmic-test-option{--cosmic-stream-angle:0deg;isolation:isolate;text-align:left;width:100%;color:var(--text-primary);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border:1px solid var(--border-subtle);border-radius:var(--editorial-radius);background:#283440b8;padding:1rem 1.125rem;font-size:.9375rem;line-height:1.45;transition:border-color .35s,background .2s,box-shadow .35s;position:relative}.cosmic-test-demo .cosmic-test-option:before{content:"";z-index:1;border-radius:calc(var(--editorial-radius) + 2px);pointer-events:none;opacity:0;background:conic-gradient(from var(--cosmic-stream-angle), transparent 0%, transparent 32%, #b7bec62e 40%, #e8ebeee6 48%, #a9c1d2 54%, #b7bec680 62%, transparent 72%, transparent 100%);-webkit-mask-composite:xor;padding:2.5px;transition:opacity .35s;position:absolute;inset:-2px;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.cosmic-test-demo .cosmic-test-option:hover{border-color:#a9c1d27a;box-shadow:0 6px 20px #00000047,0 0 28px #a9c1d22e,0 0 10px #e8ebee14}.cosmic-test-demo .cosmic-test-option:hover:before,.cosmic-test-demo .cosmic-test-option--selected:before{opacity:1;animation:2.8s linear infinite cosmic-stream-spin}.cosmic-test-demo .cosmic-test-option--selected{background:var(--accent-cool-soft);border-color:#a9c1d28c;box-shadow:0 6px 20px #00000047,0 0 28px #a9c1d233,0 0 10px #e8ebee14}@media (prefers-reduced-motion:reduce){.cosmic-test-demo .cosmic-test-option:hover:before,.cosmic-test-demo .cosmic-test-option--selected:before{background:linear-gradient(135deg,#e8ebee8c,#a9c1d2bf,#b7bec666);animation:none}}.cosmic-test-demo .cosmic-test-option--center{text-align:center}.cosmic-test-demo .cosmic-test-hint{color:var(--text-muted);margin-top:-.5rem;margin-bottom:1rem;font-size:.75rem}.cosmic-test-demo .cosmic-test-nav{gap:.75rem;margin-top:1.5rem;padding-top:1rem;display:flex}.cosmic-test-demo .cosmic-test-nav .cosmic-btn-primary,.cosmic-test-demo .cosmic-test-nav .cosmic-btn-secondary{flex:1}.cosmic-test-demo h2{font-family:var(--font-noto-serif), "Songti SC", "Noto Serif SC", serif;font-weight:500}