.shell{--glow-a:20%;--glow-edge:30%;--tone:var(--accent);--ink:var(--accent);--glow-r:240px}html[data-theme=sibmo] .shell{--glow-a:12%;--glow-edge:22%}html .shell[data-glow-section=setup]{--tone:#60a5fa;--ink:#60a5fa}html .shell[data-glow-section=chat-rules]{--tone:#f87171;--ink:#f87171}html .shell[data-glow-section=replies]{--tone:#a78bfa;--ink:#a78bfa}html .shell[data-glow-section=live]{--tone:#22d3ee;--ink:#22d3ee}html .shell[data-glow-section=games]{--tone:#fbbf24;--ink:#fbbf24}html .shell[data-glow-section=clips]{--tone:#34d399;--ink:#34d399}html .shell[data-glow-section=account]{--tone:#818cf8;--ink:#818cf8}html[data-theme=sibmo] .shell[data-glow-section=setup]{--ink:#1d4ed8}html[data-theme=sibmo] .shell[data-glow-section=chat-rules]{--ink:#b91c1c}html[data-theme=sibmo] .shell[data-glow-section=replies]{--ink:#6d28d9}html[data-theme=sibmo] .shell[data-glow-section=live]{--ink:#0e7490}html[data-theme=sibmo] .shell[data-glow-section=games]{--ink:#b45309}html[data-theme=sibmo] .shell[data-glow-section=clips]{--ink:#047857}html[data-theme=sibmo] .shell[data-glow-section=account]{--ink:#4338ca}html .shell .tl-card{--tone:var(--tl,var(--accent));--ink:var(--tl,var(--accent))}html .shell .mc__pane,html .shell .mcx-panel,html .shell .sm-card,html .shell .sm-linkcard,html .shell .st-intro,html .shell .tkcard{background:radial-gradient(100% 100% at 75% 20%,color-mix(in srgb,var(--tone) var(--glow-a),transparent),transparent 68%) 100% 0 /min(var(--glow-r),60%) min(var(--glow-r),80%) no-repeat,var(--surface)}html .shell .mc__list{background:radial-gradient(100% 100% at 75% 20%,color-mix(in srgb,var(--tone) var(--glow-a),transparent),transparent 68%) 100% 0 /min(var(--glow-r),60%) min(var(--glow-r),80%) no-repeat,var(--surface-sunken)}html .shell .hero,html .shell .mc__list,html .shell .mc__pane,html .shell .mcx-panel,html .shell .sm-card,html .shell .sm-linkcard,html .shell .st-intro{border-color:color-mix(in srgb,var(--tone) var(--glow-edge),transparent)}html .shell .sm-card{border-radius:16px;box-shadow:none}html .shell .hero{background:radial-gradient(100% 100% at 75% 20%,color-mix(in srgb,var(--tone) var(--glow-a),transparent),transparent 68%) 100% 0 /min(320px,60%) min(320px,80%) no-repeat,var(--surface);box-shadow:none}@media (hover:hover){html .shell .sm-card:hover{box-shadow:0 14px 34px -22px color-mix(in srgb,var(--tone) 60%,transparent)}}html .shell .sm-card__title{font-size:15px;font-weight:800}html .shell .sm-linkcard .sm-linkcard__icon{border:1px solid color-mix(in srgb,var(--tone) var(--glow-edge),transparent);border-radius:12px;background:color-mix(in srgb,var(--tone) 10%,transparent);color:var(--ink);box-shadow:0 0 18px -8px color-mix(in srgb,var(--tone) 70%,transparent)}html .shell .sm-linkcard:hover{border-color:color-mix(in srgb,var(--tone) 55%,transparent);box-shadow:0 0 40px -14px var(--tone)}html .shell .sm-linkcard:before{background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--tone) 22%,transparent),transparent)}html .shell .sm-btn.sm-btn{border-radius:11px;font-weight:800;transition:transform .15s ease,box-shadow .2s ease,filter .2s ease,background-color .2s ease,border-color .2s ease,color .2s ease}html .shell .sm-btn:not(.sm-btn--ghost):not(.sm-btn--quiet):not(.sm-btn--danger){background:var(--accent);color:#fff;box-shadow:0 10px 24px -12px var(--accent)}html .shell .sm-btn.sm-btn--danger{box-shadow:0 10px 24px -12px var(--danger)}html .shell .sm-btn.sm-btn--ghost{border-color:color-mix(in srgb,var(--tone) 35%,transparent);background:color-mix(in srgb,var(--tone) 10%,transparent);color:var(--ink);box-shadow:none}html .shell .sm-btn.sm-btn--ghost:hover:not(:disabled){border-color:color-mix(in srgb,var(--tone) 55%,transparent);background:color-mix(in srgb,var(--tone) 16%,transparent)}html .shell .sm-btn.sm-btn--quiet:hover:not(:disabled){background:color-mix(in srgb,var(--tone) 9%,transparent);color:var(--ink)}html .shell .sm-btn.sm-btn:hover:not(:disabled){transform:translateY(-1px);filter:none}html .shell .sm-btn.sm-btn:active:not(:disabled){transform:translateY(0);filter:brightness(.96)}html .shell .sm-btn.sm-btn:before{content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;background:linear-gradient(180deg,rgba(255,255,255,.22),rgba(255,255,255,0) 52%);pointer-events:none}html .shell .sm-btn.sm-btn--quiet:before{background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,0) 52%)}html .shell .sm-btn.sm-btn:after{content:"";position:absolute;inset:-30% auto -30% 110%;z-index:auto;width:42%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.6),transparent);transform:skewX(-22deg);transition:none;pointer-events:none}html[data-theme=sibmo] .shell .sm-btn.sm-btn--ghost:after,html[data-theme=sibmo] .shell .sm-btn.sm-btn--quiet:after{background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--tone) 32%,transparent),transparent)}html .shell .sm-btn.sm-btn:focus-visible:after,html .shell .sm-btn.sm-btn:hover:not(:disabled):after{transform:skewX(-22deg);animation:glow-shine .75s ease-out}@keyframes glow-shine{0%{left:110%}to{left:-60%}}@media (prefers-reduced-motion:reduce){html .shell .sm-btn.sm-btn:after{display:none}html .shell .sm-btn.sm-btn{transition:none}}