:root{--sa-void: #0b0b0e;--sa-panel: #131316;--sa-amber: #f5a623;--sa-cyan: #22d3ee;--sa-alu: #9a9ba0;--sa-text: #f2f1ed;--sa-text-dim: #9a9aa2;--sa-display: "Oswald", sans-serif;--sa-body: "Inter", sans-serif}*{box-sizing:border-box}html,body,#root{margin:0;padding:0;height:100%;background:var(--sa-void);color:var(--sa-text);font-family:var(--sa-body)}.sa-root{position:relative;width:100%;height:100%;min-height:420px;overflow:hidden;border-radius:8px}.sa-canvas-wrap canvas{touch-action:none;display:block}.sa-header{position:absolute;top:0;left:0;z-index:5;padding:28px 32px 0;pointer-events:none}.sa-eyebrow{font-family:var(--sa-display);font-size:12px;font-weight:600;letter-spacing:.18em;color:var(--sa-amber)}.sa-header h1{font-family:var(--sa-display);font-size:clamp(22px,4vw,36px);font-weight:600;margin:6px 0 4px;letter-spacing:.01em}.sa-header p{margin:0;color:var(--sa-text-dim);font-size:14px}.sa-category-panel{position:absolute;bottom:20px;left:50%;transform:translate(-50%);z-index:5;display:flex;gap:8px;background:#131316bf;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid rgba(154,155,160,.25);border-radius:999px;padding:6px}.sa-pill{font-family:var(--sa-display);font-size:12px;font-weight:500;letter-spacing:.04em;text-transform:uppercase;color:var(--sa-text-dim);background:transparent;border:none;border-radius:999px;padding:8px 16px;cursor:pointer;transition:background .15s ease,color .15s ease}.sa-pill:hover{color:var(--sa-text)}.sa-pill.is-active{background:var(--sa-cyan);color:#05171a}.sa-canvas-wrap{position:absolute;top:0;right:0;bottom:0;left:0}.sa-callout{position:absolute;top:28px;right:28px;z-index:6;width:240px;background:#131316e6;border:1px solid rgba(34,211,238,.35);border-radius:10px;padding:16px 18px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.sa-callout-close{position:absolute;top:8px;right:10px;background:none;border:none;color:var(--sa-text-dim);font-size:18px;cursor:pointer;line-height:1}.sa-callout-eyebrow{display:block;font-size:11px;color:var(--sa-amber);text-transform:uppercase;letter-spacing:.08em;margin-bottom:4px}.sa-callout h3{font-family:var(--sa-display);margin:0 0 10px;font-size:20px}.sa-callout ul{margin:0;padding-left:16px;font-size:13px;color:var(--sa-text-dim);line-height:1.6}.sa-footer{position:absolute;bottom:20px;right:28px;z-index:5}.sa-footer a{font-family:var(--sa-display);font-size:13px;letter-spacing:.06em;text-transform:uppercase;color:#05171a;background:var(--sa-amber);border-radius:999px;padding:10px 20px;text-decoration:none}@media (max-width: 640px){.sa-root{min-height:360px}.sa-header{padding:14px 14px 0}.sa-header h1{font-size:18px}.sa-header p{display:none}.sa-category-panel{max-width:calc(100% - 24px);overflow-x:auto;-webkit-overflow-scrolling:touch;justify-content:flex-start;bottom:12px;scrollbar-width:none}.sa-category-panel::-webkit-scrollbar{display:none}.sa-pill{font-size:11px;padding:7px 12px;white-space:nowrap}.sa-callout{top:auto;bottom:68px;right:12px;left:12px;width:auto;padding:12px 14px}.sa-callout h3{font-size:17px}.sa-footer{bottom:auto;top:14px;right:14px}.sa-footer a{font-size:11px;padding:8px 14px}}@media (max-width: 400px){.sa-header h1{font-size:16px}}