.cosmic-home{isolation:isolate;position:relative}.cosmic-background{z-index:-1;pointer-events:none;position:fixed;inset:0;overflow:hidden}.cosmic-background canvas{width:100%;height:100%;display:block}.cosmic-fallback{width:100%;height:100%;color:var(--color-brand);opacity:0;position:absolute;inset:0}.cosmic-fallback[data-visible=true]{opacity:1}.cosmic-home .cosmic-hero{background:0 0}.cosmic-hero>div:first-child{opacity:.3}.cosmic-portrait{-webkit-mask-image:linear-gradient(90deg,#0000 0%,#0003 15%,#000 45%);mask-image:linear-gradient(90deg,#0000 0%,#0003 15%,#000 45%)}.cosmic-portrait img{-webkit-mask-image:linear-gradient(#0000,#000 8%,#000);mask-image:linear-gradient(#0000,#000 8%,#000)}.cosmic-controls{z-index:60;color:var(--color-bone);background:var(--color-surface-1);border:1px solid var(--color-edge-subtle);font-family:var(--font-jetbrains-mono), monospace;border-radius:.25rem;position:fixed;bottom:20px;right:24px;box-shadow:0 12px 48px #00000040}.cosmic-preview{width:510px;max-width:calc(100vw - 32px)}.cosmic-toolbar-heading{letter-spacing:.13em;text-transform:uppercase;cursor:pointer;width:100%;color:var(--color-brand-text);justify-content:space-between;align-items:center;padding:12px 15px;font-size:10px;display:flex}.cosmic-heading-detail{color:var(--color-bone)}.cosmic-options{grid-template-columns:repeat(3,1fr);gap:5px;padding:0 9px 9px;display:grid}.cosmic-options button{border:1px solid var(--color-edge-subtle);cursor:pointer;text-align:left;font-family:var(--font-inter), sans-serif;color:var(--color-bone);border-radius:.25rem;align-items:center;gap:10px;padding:12px 10px;font-size:12px;transition:background .2s,color .2s,border-color .2s;display:flex}.cosmic-options button small{font-family:var(--font-jetbrains-mono), monospace;letter-spacing:.15em;margin-bottom:2px;font-size:9px;display:block}.cosmic-options button[aria-pressed=true]{color:var(--color-paper);background:var(--color-surface-3);border-color:var(--color-brand-deep)}.cosmic-options button[aria-pressed=true] svg,.cosmic-options button[aria-pressed=true] small{color:var(--color-brand-light)}.cosmic-controls button:hover{background:var(--color-surface-2);color:var(--color-paper)}.cosmic-controls button:focus-visible{outline:2px solid var(--color-brand-light);outline-offset:3px}.cosmic-control-footer{letter-spacing:.04em;justify-content:space-between;align-items:center;gap:16px;padding:0 14px 8px;font-size:9px;display:flex}.cosmic-pause{cursor:pointer;align-items:center;gap:6px;min-height:32px;padding:7px 0;font-size:10px;display:flex}.cosmic-pause:disabled{opacity:.55;cursor:default}.cosmic-controls:not(.cosmic-preview) .cosmic-control-footer{padding:3px 12px}@media (max-width:640px){.cosmic-controls{right:12px;bottom:max(12px, env(safe-area-inset-bottom))}.cosmic-preview{max-width:calc(100vw - 24px)}.cosmic-options button{gap:6px;padding:9px 6px;font-size:10px}.cosmic-options button svg{flex-shrink:0;width:13px}.cosmic-heading-detail{display:none}.cosmic-control-footer{font-size:8px}}@media (prefers-reduced-motion:reduce){.cosmic-controls *{transition:none}}.cosmic-auto{cursor:pointer;align-items:center;gap:5px;min-height:32px;padding:4px;font-size:9px;display:flex}.cosmic-auto[aria-pressed=true]{color:var(--color-brand-light)}.cosmic-auto:disabled{opacity:.55;cursor:default}