/* GENERATED by tools/build_ui_styles.py — do not edit by hand */

/* ---- dictionary controls + tiles ---- */
.st-dict [hidden]{display:none!important}
.st-controls{position:sticky;top:0;z-index:6;background:var(--bg-soft);padding:8px 0 10px;margin-bottom:10px;border-bottom:1px solid var(--border)}
.st-search{position:relative}
.st-search input{width:100%;font:inherit;font-size:14px;color:var(--text);background:var(--bg);border:1px solid var(--border);border-radius:999px;padding:8px 38px 8px 34px}
.st-search input:focus{outline:none;border-color:var(--accent-dim)}
.st-search input::-webkit-search-cancel-button,.st-search input::-webkit-search-decoration{-webkit-appearance:none;appearance:none}
.st-search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--text-dim);pointer-events:none}
.st-clear{position:absolute;right:8px;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--text-dim);font-size:19px;line-height:1;cursor:pointer;padding:2px 6px}
.st-chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}
.st-chip{font-family:var(--mono);font-size:12px;color:var(--text-dim);background:var(--bg);border:1px solid var(--border);border-radius:999px;padding:3px 11px;cursor:pointer}
.st-chip:hover{color:var(--text);border-color:var(--accent-dim)}
.st-chip.active,.st-toggle[aria-pressed="true"]{color:var(--bg);background:var(--accent-dim);border-color:var(--accent-dim)}
.st-toggle{margin-left:auto}
.st-count{font-family:var(--mono);font-size:12px;color:var(--text-dim);margin-top:6px}
.st-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.st-tile{border:1px solid var(--border);border-radius:10px;overflow:hidden;background:var(--bg);transition:border-color .15s}
.st-tile:hover{border-color:var(--accent-dim)}
.st-tile.open{grid-column:1/-1;border-color:var(--accent-dim)}
.st-face{display:block;cursor:pointer;outline:none}
.st-face:focus-visible{box-shadow:inset 0 0 0 2px var(--accent)}
.st-name{display:flex;align-items:center;gap:8px;padding:8px 10px;font-size:13.5px;font-weight:600;color:var(--text);border-top:1px solid var(--border)}
.st-meta{margin-left:auto;font-family:var(--mono);font-size:11px;color:var(--text-dim);font-weight:400;white-space:nowrap}
.st-name::after{content:"+";font-family:var(--mono);color:var(--text-dim);font-size:15px}
.st-tile.open .st-name::after{content:"−";color:var(--accent)}
.st-tile.open .st-face .sp{height:250px}
.st-detail{padding:12px;border-top:1px solid var(--border);display:flex;flex-direction:column;gap:12px}
.st-variants{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:10px}
.st-variant{border:1px solid var(--border);border-radius:8px;overflow:hidden}
.st-variant .sp{height:180px}
.st-variant .sp.m .sp-phone{transform:scale(.88)}
.st-vname{padding:6px 9px;font-size:12.5px;font-weight:600;border-top:1px solid var(--border)}
.st-demos{display:flex;flex-wrap:wrap;gap:6px}
.st-demos a{font-size:12.5px;color:var(--accent);text-decoration:none;border:1px solid var(--border);border-radius:999px;padding:3px 10px;background:var(--bg-soft)}
.st-demos a:hover{border-color:var(--accent-dim)}
.st-demos a::after{content:" ↗"}
.st-detail .cmd-group{margin:0}
.st-tile mark{background:rgba(245,180,0,.4);color:inherit;border-radius:2px}
.st-empty{color:var(--text-dim);font-size:14px;padding:14px 0}
@media (max-width:600px){.st-grid{grid-template-columns:1fr}.st-toggle{margin-left:0}}

/* ---- specimen base ---- */
.sp{--bg:#fff;--fg:#111;--mut:rgba(0,0,0,.14);--sf:#fff;--sfb:1px solid #ddd;--r:8px;--sh:none;--ac:#111;--act:#fff;--br:6px;--bsh:none;--bb:none;--ch:#eee;--cht:#333;--chb:none;--ff:system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;--fw:700;--tt:none;--ls:0;
  position:relative;height:200px;overflow:hidden;background:var(--bg);color:var(--fg);font-family:var(--ff);padding:14px;display:flex;flex-direction:column;gap:9px;isolation:isolate;line-height:1.2;text-align:left}
.sp *{box-sizing:border-box}
.sp-bar{display:flex;align-items:center;gap:7px;position:relative;z-index:1}
.sp-dot{width:10px;height:10px;border-radius:50%;background:var(--ac);flex:none}
.sp-nav{height:6px;width:34%;border-radius:3px;background:var(--mut)}
.sp-card{position:relative;z-index:1;background:var(--sf);border:var(--sfb);border-radius:var(--r);box-shadow:var(--sh);padding:12px 14px;display:flex;flex-direction:column;gap:8px;flex:1;min-height:0}
.sp-t{font-weight:var(--fw);font-size:17px;text-transform:var(--tt);letter-spacing:var(--ls);line-height:1.1}
.sp-l{height:6px;border-radius:3px;background:var(--mut);width:86%;flex:none}
.sp-l.s{width:54%}
.sp-row{display:flex;gap:8px;align-items:center;margin-top:auto;position:relative;z-index:1;flex-wrap:wrap}
.sp-btn{background:var(--ac);color:var(--act);border:var(--bb);border-radius:var(--br);box-shadow:var(--bsh);font-size:12px;font-weight:700;padding:7px 13px;line-height:1;white-space:nowrap;display:inline-block}
.sp-chip{background:var(--ch);color:var(--cht);border:var(--chb);border-radius:999px;font-size:11px;padding:4px 9px;line-height:1;white-space:nowrap}
.sp-head{font-size:12px;font-weight:700;opacity:.8;position:relative;z-index:1}
.sp-sub{height:6px;width:40%;border-radius:3px;background:var(--mut)}

/* type */
.sp-huge{font-weight:900;font-size:58px;line-height:.9;letter-spacing:-.05em;position:relative;z-index:1}

/* micro */
.sp-toggle{width:34px;height:20px;border-radius:999px;background:#d1d5db;position:relative;animation:sp-tgbg 2.4s steps(1) infinite}
.sp-toggle i{position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.3);animation:sp-tg 2.4s cubic-bezier(.3,1.6,.5,1) infinite}
.sp-spin{width:18px;height:18px;border-radius:50%;border:2.5px solid #e5e7eb;border-top-color:#f59e0b;animation:sp-rot .8s linear infinite}
.sp-save{animation:sp-save 2.4s ease infinite}
@keyframes sp-tg{0%,45%{transform:translateX(0)}50%,95%{transform:translateX(14px)}}
@keyframes sp-tgbg{0%{background:#d1d5db}50%{background:#22c55e}}
@keyframes sp-save{0%,40%{transform:scale(1);background:var(--ac)}50%{transform:scale(.92)}60%,100%{transform:scale(1);background:#22c55e}}
@keyframes sp-rot{to{transform:rotate(360deg)}}

/* bento */
.sp-bento{display:grid;grid-template-columns:1.6fr 1fr 1fr;grid-template-rows:1fr 1fr;gap:8px;flex:1;min-height:0;position:relative;z-index:1}
.sp-cell{background:var(--sf);border:var(--sfb);border-radius:var(--r);box-shadow:var(--sh);padding:10px;display:flex;flex-direction:column;justify-content:space-between;min-height:0;overflow:hidden}
.sp-cell.a{grid-row:span 2;gap:6px;justify-content:flex-start}
.sp-cell.d{grid-column:span 2;align-items:flex-start;justify-content:center}
.sp-cell b{font-size:20px;font-weight:800;line-height:1}
.sp-cell small{font-size:10px;opacity:.7}

/* dashboards */
.sp-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;position:relative;z-index:1}
.sp-kpis.big{grid-template-columns:repeat(2,1fr)}
.sp-kpi{background:var(--sf);border:var(--sfb);border-radius:var(--r);box-shadow:var(--sh);padding:6px 8px;display:flex;flex-direction:column;gap:2px;min-width:0}
.sp-kpi small{font-size:9px;opacity:.65;text-transform:uppercase;letter-spacing:.04em}
.sp-kpi b{font-size:15px;font-weight:800;white-space:nowrap}
.sp-kpis.big .sp-kpi b{font-size:24px}
.sp-kpi em{font-style:normal;font-size:10px;font-weight:700}
.sp .up,.sp .pos{color:#16a34a}.sp .dn,.sp .neg{color:#dc2626}
.sp-panel{background:var(--sf);border:var(--sfb);border-radius:var(--r);box-shadow:var(--sh);padding:8px;flex:1;min-height:0;position:relative;z-index:1;overflow:hidden}
.sp-split{display:grid;grid-template-columns:1.3fr 1fr;gap:10px}
.sp-bars{display:flex;align-items:flex-end;gap:4px;height:100%}
.sp-bars i{flex:1;background:var(--ac);border-radius:2px 2px 0 0;opacity:.9}
.sp-table{display:flex;flex-direction:column;justify-content:space-between;font-size:10px}
.sp-table div{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--mut);padding:2px 0}
.sp-table span:first-child{width:40%;height:5px;border-radius:3px;background:var(--mut)}
.sp-table .n{font-variant-numeric:tabular-nums;font-weight:600}
.sp-heat{display:grid;grid-template-columns:repeat(10,1fr);gap:3px;height:calc(100% - 18px)}
.sp-heat i{border-radius:2px}
.sp-scale{display:flex;align-items:center;gap:6px;font-size:9px;margin-top:5px;opacity:.75}
.sp-scale i{flex:1;height:5px;border-radius:3px;background:linear-gradient(90deg,hsl(220,85%,55%),hsl(60,85%,62%),hsl(0,85%,55%))}
.sp-spark{width:100%;height:60%}
.sp-spark polyline{fill:none;stroke:var(--ac);stroke-width:3;vector-effect:non-scaling-stroke}
.sp-alert{font-size:10px;font-weight:700;color:#dc2626;margin-top:6px;animation:sp-blink 1.6s ease-in-out infinite}
.sp-mon{display:flex;flex-direction:column;gap:5px;font-size:11px}
.sp-mon .r{display:flex;align-items:center;gap:7px}
.sp-mon .r b{margin-left:auto;font-variant-numeric:tabular-nums}
.sp-mon .r i{width:8px;height:8px;border-radius:50%}
.sp-mon i.ok{background:#22c55e}.sp-mon i.warn{background:#f59e0b}.sp-mon i.crit{background:#ef4444;box-shadow:0 0 0 0 rgba(239,68,68,.7);animation:sp-ping 1.2s infinite}
.sp-live{width:100%;flex:1;min-height:0}
.sp-live polyline{fill:none;stroke:#22c55e;stroke-width:2;vector-effect:non-scaling-stroke;stroke-dasharray:400;animation:sp-draw 3s linear infinite}
.sp-crumb{font-size:11px;position:relative;z-index:1}.sp-crumb b{opacity:.5;margin:0 3px}.sp-crumb u{text-decoration:none;font-weight:800;color:var(--ac)}
.sp-hbars{display:flex;flex-direction:column;justify-content:space-around}
.sp-hbars div{display:grid;grid-template-columns:52px 1fr;align-items:center;gap:6px;font-size:10px}
.sp-hbars i{height:11px;border-radius:3px;background:var(--ac);opacity:.35}
.sp-hbars div:first-child i{opacity:1;animation:sp-grow 2.6s ease-out infinite}
.sp-legend{display:flex;gap:10px;align-items:center;font-size:10px;position:relative;z-index:1}
.sp-legend span::before{content:"";display:inline-block;width:8px;height:8px;border-radius:2px;margin-right:4px;vertical-align:-1px}
.sp-legend .a::before{background:#3b82f6}.sp-legend .b::before{background:#f97316}
.sp-legend em{margin-left:auto;font-style:normal;font-weight:800;color:#16a34a}
.sp-pairs{display:flex;align-items:flex-end;justify-content:space-around;gap:6px}
.sp-pairs .g{display:flex;align-items:flex-end;gap:3px;height:100%;flex:1}
.sp-pairs i{flex:1;border-radius:2px 2px 0 0;animation:sp-rise 2.8s ease-out infinite;transform-origin:bottom}
.sp-pairs i.a{background:#3b82f6}.sp-pairs i.b{background:#f97316}
.sp-fc{width:100%;height:100%}
.sp-fc .band{fill:rgba(139,92,246,.18)}
.sp-fc polyline{fill:none;stroke-width:2.5;vector-effect:non-scaling-stroke}
.sp-fc .act{stroke:#0f172a}.sp-fc .fc{stroke:#8b5cf6;stroke-dasharray:5 4}
.sp-fc .anom{fill:#ef4444;animation:sp-blink 1.2s infinite}
.sp-funnel{display:flex;flex-direction:column;justify-content:space-around;gap:4px}
.sp-funnel div{position:relative;height:22px;display:flex;align-items:center;font-size:10px;padding:0 6px}
.sp-funnel i{position:absolute;left:0;top:0;bottom:0;border-radius:4px;background:#3b82f6;opacity:.85}
.sp-funnel div:nth-child(2) i{background:#22c55e}.sp-funnel div:nth-child(3) i{background:#f59e0b}.sp-funnel div:nth-child(4) i{background:#ef4444}
.sp-funnel span,.sp-funnel b{position:relative;color:#fff;font-weight:700;text-shadow:0 1px 1px rgba(0,0,0,.3)}
.sp-funnel b{margin-left:auto;color:var(--fg);text-shadow:none}
.sp-ledger{display:flex;flex-direction:column;justify-content:space-around;font-size:11px}
.sp-ledger div{display:flex;justify-content:space-between;border-bottom:1px solid var(--mut);padding:3px 0}
.sp-sales{display:grid;grid-template-columns:78px 1fr;gap:10px;align-items:center}
.sp-gauge{position:relative;height:58px}
.sp-gauge .arc{position:absolute;left:4px;top:6px;width:70px;height:35px;border-radius:35px 35px 0 0;background:conic-gradient(from -90deg at 50% 100%,#ef4444 0 45deg,#f59e0b 0 110deg,#22c55e 0 180deg,transparent 0);-webkit-mask:radial-gradient(circle at 50% 100%,transparent 20px,#000 21px);mask:radial-gradient(circle at 50% 100%,transparent 20px,#000 21px)}
.sp-gauge .needle{position:absolute;left:38px;top:13px;width:2px;height:28px;background:var(--fg);transform-origin:50% 100%;animation:sp-needle 3s ease-in-out infinite alternate}
.sp-gauge small{position:absolute;top:44px;left:0;width:78px;text-align:center;font-size:9px;font-weight:700}
.sp-board{display:flex;flex-direction:column;gap:6px;font-size:10px}
.sp-board div{display:grid;grid-template-columns:20px 1fr 30px;grid-template-rows:auto 5px;column-gap:6px;align-items:center}
.sp-board i{grid-row:span 2;width:20px;height:20px;border-radius:50%;background:var(--ac);color:var(--act);font-style:normal;font-size:8px;font-weight:800;display:grid;place-items:center}
.sp-board em{grid-column:2;height:5px;border-radius:3px;background:linear-gradient(90deg,#22c55e var(--w),var(--mut) var(--w))}
.sp-board b{grid-row:1;grid-column:3;text-align:right}

/* terminal */
.sp-term{font-family:"Cascadia Code",Consolas,"Courier New",monospace;font-size:12px;display:flex;flex-direction:column;gap:5px;position:relative;z-index:1}
.sp-term .p{color:var(--ac)}.sp-term .ok{color:var(--ac)}.sp-term .dim{opacity:.55}
.sp-term .cur{display:inline-block;width:8px;height:14px;background:var(--fg);vertical-align:-2px;animation:sp-blink 1s steps(1) infinite}

/* voice / zero */
.sp-voice{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;position:relative;z-index:1}
.sp-orb{width:54px;height:54px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff,var(--ac) 60%);box-shadow:0 0 0 0 var(--ac);animation:sp-breathe 2.4s ease-in-out infinite}
.sp-wave{display:flex;align-items:center;gap:3px;height:20px}
.sp-wave i{width:3px;height:100%;border-radius:2px;background:var(--ac);animation:sp-wave 1s ease-in-out infinite}
.sp-wave i:nth-child(2n){animation-delay:-.3s}.sp-wave i:nth-child(3n){animation-delay:-.6s}.sp-wave i:nth-child(4n){animation-delay:-.15s}
.sp-cap{font-size:13px;opacity:.85}
.sp-zero{flex:1;display:flex;flex-direction:column;justify-content:space-between;position:relative;z-index:1}
.sp-time{font-size:44px;font-weight:200;letter-spacing:-.03em}
.sp-suggest{display:flex;align-items:center;gap:8px;font-size:12px;background:var(--sf);border-radius:14px;padding:9px 10px;box-shadow:var(--sh);animation:sp-fadeup 3s ease-out infinite}
.sp-suggest .sp-btn{margin-left:auto}
.sp-pulse{width:8px;height:8px;border-radius:50%;background:var(--ac);animation:sp-blink 1.4s ease-in-out infinite}

/* chat */
.sp-chat{flex:1;display:flex;flex-direction:column;gap:7px;justify-content:flex-end;position:relative;z-index:1}
.sp-msg{max-width:78%;padding:7px 10px;border-radius:14px;font-size:12px}
.sp-msg.u{align-self:flex-end;background:var(--ac);color:var(--act);border-bottom-right-radius:4px}
.sp-msg.a{align-self:flex-start;background:var(--sf);box-shadow:var(--sh);border-bottom-left-radius:4px;display:flex;align-items:center;gap:6px}
.sp-ai{color:var(--ac);font-size:13px}
.sp-typing{display:flex;gap:3px}.sp-typing i{width:6px;height:6px;border-radius:50%;background:var(--ac);opacity:.4;animation:sp-dots 1.2s infinite}
.sp-typing i:nth-child(2){animation-delay:.2s}.sp-typing i:nth-child(3){animation-delay:.4s}
.sp-input{display:flex;align-items:center;font-size:12px;opacity:.9;background:var(--sf);border:var(--sfb);border-radius:999px;padding:6px 6px 6px 12px;color:var(--cht)}
.sp-send{margin-left:auto;width:22px;height:22px;border-radius:50%;background:var(--ac);color:var(--act);display:grid;place-items:center;font-size:12px;font-weight:800}

/* product / cube */
.sp-prod{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;z-index:1;perspective:420px}
.sp-obj{animation:sp-float 3.2s ease-in-out infinite}
.sp-shadow{width:90px;height:14px;margin-top:6px;border-radius:50%;background:radial-gradient(ellipse,rgba(0,0,0,.35),transparent 70%);animation:sp-shadow 3.2s ease-in-out infinite}
.sp-cube{width:58px;height:58px;position:relative;transform-style:preserve-3d;animation:sp-cube 7s linear infinite}
.sp-cube i{position:absolute;inset:0;border:1px solid rgba(0,0,0,.08)}
.sp-cube i:nth-child(1){transform:translateZ(29px);background:#e4572e}
.sp-cube i:nth-child(2){transform:rotateY(180deg) translateZ(29px);background:#c2410c}
.sp-cube i:nth-child(3){transform:rotateY(90deg) translateZ(29px);background:#f97316}
.sp-cube i:nth-child(4){transform:rotateY(-90deg) translateZ(29px);background:#ea580c}
.sp-cube i:nth-child(5){transform:rotateX(90deg) translateZ(29px);background:#fdba74}
.sp-cube i:nth-child(6){transform:rotateX(-90deg) translateZ(29px);background:#9a3412}
.sp-swt{width:16px;height:16px;border-radius:50%;box-shadow:0 0 0 2px #fff,0 0 0 3px rgba(0,0,0,.15)}

/* editorial */
.sp-ed{flex:1;display:flex;flex-direction:column;gap:6px;position:relative;z-index:1}
.sp-kick{font-size:10px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--ac)}
.sp-hl{font-family:Georgia,"Times New Roman",serif;font-size:24px;line-height:1;font-weight:700;letter-spacing:-.01em}
.sp-edgrid{display:grid;grid-template-columns:1fr 1.2fr;gap:10px;flex:1;min-height:0;border-top:1px solid var(--fg);padding-top:8px}
.sp-img{background:linear-gradient(135deg,#9ca3af,#4b5563);min-height:0}
.sp-cols{display:flex;flex-direction:column;gap:6px}
.sp-cols .sp-l{height:4px;border-radius:0;width:100%}

/* hud */
.sp-hud{flex:1;position:relative;z-index:1;display:flex;align-items:center;justify-content:center}
.sp-ring{position:absolute;width:118px;height:118px;border-radius:50%;border:1px solid var(--ac);border-top-color:transparent;border-bottom-color:transparent;animation:sp-rot 6s linear infinite;opacity:.9}
.sp-ring.r2{width:88px;height:88px;border-style:dashed;border-color:var(--ac);opacity:.5;animation-direction:reverse;animation-duration:9s}
.sp-hudtxt{position:relative;display:flex;flex-direction:column;align-items:center;gap:4px;font-family:Consolas,monospace;font-size:10px;letter-spacing:.12em;color:var(--ac)}
.sp-hudtxt b{font-size:12px;text-shadow:0 0 8px var(--ac)}
.sp-hudtxt .bar{width:90px;height:3px;background:rgba(0,255,255,.2)}.sp-hudtxt .bar i{display:block;height:100%;width:60%;background:var(--ac);animation:sp-grow 2s ease-in-out infinite alternate}
.sp-hud .c{position:absolute;width:14px;height:14px;border-color:var(--ac);border-style:solid;border-width:0}
.sp-hud .tl{top:0;left:0;border-top-width:2px;border-left-width:2px}.sp-hud .tr{top:0;right:0;border-top-width:2px;border-right-width:2px}
.sp-hud .bl{bottom:0;left:0;border-bottom-width:2px;border-left-width:2px}.sp-hud .br{bottom:0;right:0;border-bottom-width:2px;border-right-width:2px}

/* story */
.sp-story{position:absolute;inset:0;overflow:hidden}
.sp-sun{position:absolute;width:60px;height:60px;border-radius:50%;background:#ffd166;top:26px;right:40px;animation:sp-par 6s ease-in-out infinite alternate}
.sp-mtn{position:absolute;left:-20%;right:-20%;bottom:0}
.sp-mtn.m1{height:70%;background:#8ecae6;clip-path:polygon(0 100%,15% 40%,30% 70%,50% 20%,70% 60%,85% 35%,100% 100%);animation:sp-par 6s ease-in-out infinite alternate}
.sp-mtn.m2{height:52%;background:#219ebc;clip-path:polygon(0 100%,20% 45%,40% 80%,60% 30%,80% 70%,100% 100%);animation:sp-par2 6s ease-in-out infinite alternate}
.sp-mtn.m3{height:30%;background:#023047;clip-path:polygon(0 100%,10% 50%,35% 80%,55% 40%,75% 75%,100% 30%,100% 100%);animation:sp-par3 6s ease-in-out infinite alternate}
.sp-storytxt{position:absolute;left:16px;top:16px;color:#023047;display:flex;flex-direction:column}
.sp-storytxt small{font-size:10px;letter-spacing:.2em;text-transform:uppercase;font-weight:700}
.sp-storytxt b{font-family:Georgia,serif;font-size:24px}
@keyframes sp-par{to{transform:translateX(-12px)}}@keyframes sp-par2{to{transform:translateX(-28px)}}@keyframes sp-par3{to{transform:translateX(-50px)}}

/* swiss */
.sp-swiss{position:absolute;inset:0;padding:14px;background:repeating-linear-gradient(90deg,transparent 0 calc(100%/12 - 1px),rgba(0,0,0,.07) calc(100%/12 - 1px) calc(100%/12));display:grid;grid-template-columns:repeat(12,1fr);grid-template-rows:auto 1fr auto;gap:6px}
.sp-num{grid-column:1/4;font-size:40px;font-weight:800;line-height:.8}
.sp-swhl{grid-column:5/13;font-size:22px;font-weight:700;line-height:1;letter-spacing:-.02em}
.sp-swred{grid-column:1/5;grid-row:2;background:#e30613}
.sp-swcols{grid-column:5/13;grid-row:2/4;display:grid;grid-template-columns:repeat(3,1fr);gap:8px;align-content:end}
.sp-swcols i{height:40px;border-top:2px solid #000}

/* polaroid */
.sp-polaroid{position:relative;z-index:1;align-self:center;background:#fff;padding:8px 8px 22px;width:128px;box-shadow:0 8px 18px rgba(60,40,10,.35);transform:rotate(-4deg);animation:sp-shake 4s ease-in-out infinite}
.sp-photo{height:92px;background:linear-gradient(180deg,#e8b4b8 0,#d4a574 45%,#4a7b7c 100%);filter:sepia(.35) saturate(.85) contrast(.95)}
.sp-capt{font-family:"Segoe Print","Bradley Hand","Comic Sans MS",cursive;font-size:12px;color:#5a4632;text-align:center;margin-top:5px}
.sp-film{position:absolute;right:12px;bottom:10px;font-family:"Courier New",monospace;font-size:10px;color:#b4541a;letter-spacing:.1em;z-index:1}
@keyframes sp-shake{0%,100%{transform:rotate(-4deg)}50%{transform:rotate(-2deg) translateY(-2px)}}

/* shapes (bauhaus) */
.sp-shapes{display:flex;align-items:flex-end;gap:6px;height:56px}
.sp-shapes .circle{width:44px;height:44px;border-radius:50%;background:#d02020}
.sp-shapes .square{width:40px;height:40px;background:#1040c0}
.sp-shapes .tri{width:0;height:0;border-left:24px solid transparent;border-right:24px solid transparent;border-bottom:42px solid #f0c020}

/* phone frame for mobile styles */
.sp.m{background:linear-gradient(135deg,#e3e7ee,#c9cfd9);align-items:center;justify-content:center;padding:8px}
.sp-phone{position:relative;width:124px;height:184px;border-radius:24px;border:5px solid #16181d;background:var(--bg);color:var(--fg);overflow:hidden;display:flex;flex-direction:column;gap:6px;padding:18px 9px 9px;box-shadow:0 10px 24px rgba(0,0,0,.25);isolation:isolate}
.sp-notch{position:absolute;top:4px;left:50%;transform:translateX(-50%);width:38px;height:8px;border-radius:6px;background:#16181d;z-index:5}
.sp.m .sp-bar{gap:5px}.sp.m .sp-dot{width:8px;height:8px}
.sp.m .sp-card{padding:8px;gap:6px}
.sp.m .sp-t{font-size:12px}
.sp.m .sp-l{height:4px}
.sp.m .sp-btn{font-size:9px;padding:6px 9px}
.sp.m .sp-chip{font-size:8px;padding:3px 6px}
.sp.m .sp-huge{font-size:36px}
.sp.m .sp-term{font-size:8.5px;gap:4px}
.sp.m .sp-term .cur{width:5px;height:9px}
.sp.m .sp-row{gap:5px}
.sp.m .sp-shapes{height:38px;gap:4px}
.sp.m .sp-shapes .circle{width:28px;height:28px}.sp.m .sp-shapes .square{width:26px;height:26px}
.sp.m .sp-shapes .tri{border-left-width:15px;border-right-width:15px;border-bottom-width:26px}

/* shared keyframes */
@keyframes sp-blink{50%{opacity:.25}}
@keyframes sp-ping{70%{box-shadow:0 0 0 6px rgba(239,68,68,0)}100%{box-shadow:0 0 0 0 rgba(239,68,68,0)}}
@keyframes sp-draw{from{stroke-dashoffset:400}to{stroke-dashoffset:0}}
@keyframes sp-grow{from{width:15%}}
@keyframes sp-rise{from{transform:scaleY(.15)}}
@keyframes sp-needle{from{transform:rotate(-70deg)}to{transform:rotate(55deg)}}
@keyframes sp-breathe{0%,100%{transform:scale(1);box-shadow:0 0 0 0 rgba(0,0,0,0)}50%{transform:scale(1.08);box-shadow:0 0 0 12px rgba(107,143,175,.15)}}
@keyframes sp-wave{0%,100%{transform:scaleY(.25)}50%{transform:scaleY(1)}}
@keyframes sp-dots{0%,80%,100%{opacity:.3;transform:translateY(0)}40%{opacity:1;transform:translateY(-3px)}}
@keyframes sp-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
@keyframes sp-shadow{0%,100%{transform:scale(1);opacity:1}50%{transform:scale(.8);opacity:.6}}
@keyframes sp-cube{from{transform:rotateX(-22deg) rotateY(0)}to{transform:rotateX(-22deg) rotateY(360deg)}}
@keyframes sp-fadeup{0%{opacity:0;transform:translateY(8px)}15%,85%{opacity:1;transform:none}100%{opacity:0}}
@keyframes sp-drift{0%{transform:translate(0,0) rotate(0)}100%{transform:translate(-8%,6%) rotate(25deg)}}
@keyframes sp-glitch{0%,90%,100%{transform:none}92%{transform:translate(-2px,1px) skewX(-8deg)}95%{transform:translate(2px,-1px) skewX(6deg)}}
@keyframes sp-marquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@keyframes sp-hue{to{filter:hue-rotate(360deg)}}
@keyframes sp-squish{0%,100%{transform:scale(1,1)}40%{transform:scale(1.18,.82)}60%{transform:scale(.92,1.08)}80%{transform:scale(1.03,.97)}}
@keyframes sp-morph{0%,100%{border-radius:42% 58% 63% 37%/41% 44% 56% 59%}50%{border-radius:61% 39% 35% 65%/58% 62% 38% 42%}}
@keyframes sp-cursor{0%{transform:translate(20px,70px)}35%{transform:translate(150px,40px) scale(1.6)}65%{transform:translate(240px,110px) scale(1)}100%{transform:translate(20px,70px)}}
@media (prefers-reduced-motion: reduce){.sp *,.sp::before,.sp::after{animation:none!important}}

.sp.sp-swiss-modernism-2-0{--bg:#fff;--fg:#000;--ff:"Helvetica Neue",Helvetica,Arial,sans-serif}


.sp.m.sp-minimalist-monochrome{--bg:#fff;--fg:#000;--sf:#fff;--sfb:1px solid #000;--r:0;--ac:#000;--act:#fff;--br:0;--ch:#fff;--cht:#000;--chb:1px solid #000;--mut:#000}
.sp.m.sp-minimalist-monochrome .sp-btn{animation:sp-invert 2s steps(1) infinite}
.sp.m.sp-minimalist-monochrome .sp-chip{border-radius:0}.sp.m.sp-minimalist-monochrome .sp-l{height:1px;border-radius:0}
@keyframes sp-invert{50%{background:#fff;color:#000;box-shadow:inset 0 0 0 1px #000}}


.sp.sp-minimalism-and-swiss-style{--bg:#fff;--fg:#000;--sf:transparent;--sfb:none;--r:0;--ac:#000;--br:0;--ch:transparent;--cht:#000;--chb:1px solid #000;--fw:700;--ls:-.02em;--mut:#000}
.sp.sp-minimalism-and-swiss-style .sp-card{border-top:3px solid #000;padding:10px 0 0}
.sp.sp-minimalism-and-swiss-style .sp-l{height:2px;border-radius:0;opacity:.85}
.sp.sp-minimalism-and-swiss-style .sp-dot{border-radius:0;background:#e30613}
.sp.sp-minimalism-and-swiss-style .sp-nav{height:2px;border-radius:0}
.sp.sp-minimalism-and-swiss-style .sp-chip{border-radius:0}


.sp.m.sp-neumorphism-mobile{--bg:#e0e5ec;--fg:#4a5568;--sf:#e0e5ec;--sfb:none;--r:16px;--sh:6px 6px 12px #a3b1c6,-6px -6px 12px #fff;--ac:#e0e5ec;--act:#6c63ff;--br:12px;--bsh:4px 4px 8px #a3b1c6,-4px -4px 8px #fff;--ch:#e0e5ec;--cht:#6c63ff;--mut:#cfd6e0}
.sp.m.sp-neumorphism-mobile .sp-chip{box-shadow:inset 2px 2px 4px #a3b1c6,inset -2px -2px 4px #fff}


.sp.sp-neumorphism{--bg:#e6e7ee;--fg:#44506a;--sf:#e6e7ee;--sfb:none;--r:18px;--sh:9px 9px 18px #c3c5cf,-9px -9px 18px #fff;--ac:#e6e7ee;--act:#5b6ea8;--br:14px;--bsh:5px 5px 10px #c3c5cf,-5px -5px 10px #fff;--ch:#e6e7ee;--cht:#7a86a3;--mut:#d3d6e0}
.sp.sp-neumorphism .sp-chip{box-shadow:inset 3px 3px 6px #c3c5cf,inset -3px -3px 6px #fff}
.sp.sp-neumorphism .sp-dot{box-shadow:inset 2px 2px 4px #c3c5cf,inset -2px -2px 4px #fff;background:#e6e7ee}
.sp.sp-neumorphism .sp-l{box-shadow:inset 2px 2px 3px #c3c5cf,inset -2px -2px 3px #fff;background:#e6e7ee}


.sp.sp-glassmorphism{--bg:linear-gradient(135deg,#0080ff,#8b00ff 55%,#ff1493);--fg:#fff;--sf:rgba(255,255,255,.16);--sfb:1px solid rgba(255,255,255,.38);--r:18px;--sh:0 8px 24px rgba(0,0,0,.18);--ac:rgba(255,255,255,.92);--act:#5b2bd6;--br:999px;--ch:rgba(255,255,255,.2);--cht:#fff;--chb:1px solid rgba(255,255,255,.35);--mut:rgba(255,255,255,.45)}
.sp.sp-glassmorphism .sp-card{backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
.sp.sp-glassmorphism::before{content:"";position:absolute;width:120px;height:120px;border-radius:50%;background:#20b2aa;right:8%;top:28%;z-index:0}
.sp.sp-glassmorphism::after{content:"";position:absolute;width:84px;height:84px;border-radius:50%;background:#ffd23f;left:22%;bottom:-24px;z-index:0}


.sp.m.sp-kinetic-brutalism-mobile{--bg:#09090b;--fg:#dfe104}
.sp.m.sp-kinetic-brutalism-mobile .sp-huge{font-size:40px;line-height:.85;text-transform:uppercase}
.sp.m.sp-kinetic-brutalism-mobile .sp-marq{margin:auto -9px 0;background:#dfe104;color:#09090b;font:900 11px Arial,sans-serif;white-space:nowrap;overflow:hidden;padding:4px 0}
.sp.m.sp-kinetic-brutalism-mobile .sp-marq span{display:inline-block;animation:sp-marquee 3s linear infinite}


.sp.sp-brutalism{--bg:#fff;--fg:#000;--sf:#fff;--sfb:3px solid #000;--r:0;--ac:#ff0000;--act:#fff;--br:0;--bb:3px solid #000;--ch:#0000ff;--cht:#fff;--ff:"Times New Roman",Times,serif;--fw:900;--mut:#000}
.sp.sp-brutalism .sp-l{border-radius:0;height:8px}
.sp.sp-brutalism .sp-bar{border-bottom:3px solid #000;padding-bottom:7px}
.sp.sp-brutalism .sp-dot{border-radius:0;background:#ffff00;border:2px solid #000}
.sp.sp-brutalism .sp-chip{border-radius:0;font-family:Arial,sans-serif;font-weight:700}
.sp.sp-brutalism .sp-btn{font-family:Arial,sans-serif}


.sp.sp-3d-and-hyperrealism{--bg:radial-gradient(circle at 50% 25%,#23508a,#001f3f 70%);--fg:#fff;--ac:linear-gradient(#ffe46b,#ffd700 55%,#c99700);--act:#001f3f;--br:10px;--bsh:0 5px 0 #8a6d00,0 12px 18px rgba(0,0,0,.5);--ch:rgba(192,192,192,.18);--cht:#e5e5e5;--chb:1px solid rgba(192,192,192,.5)}
.sp.sp-3d-and-hyperrealism .sp-obj{width:88px;height:88px;border-radius:50%;background:radial-gradient(circle at 32% 26%,#fffbe0,#ffd700 28%,#b8860b 62%,#3a2a00);box-shadow:inset -12px -16px 26px rgba(0,0,0,.45),0 0 30px rgba(255,215,0,.25)}
.sp.sp-3d-and-hyperrealism .sp-shadow{background:radial-gradient(ellipse,rgba(0,0,0,.7),transparent 70%)}
.sp.sp-3d-and-hyperrealism .sp-row{justify-content:center}


.sp.sp-vibrant-and-block-based{--bg:#111;--fg:#111;--r:6px;--sfb:none;--ac:#111;--act:#39ff14;--br:6px;--fw:900;--mut:rgba(0,0,0,.35)}
.sp.sp-vibrant-and-block-based .sp-cell.a{background:#39ff14}
.sp.sp-vibrant-and-block-based .sp-cell.a .sp-t{font-size:22px;line-height:.95}
.sp.sp-vibrant-and-block-based .sp-cell.b{background:#ff1493;color:#fff}
.sp.sp-vibrant-and-block-based .sp-cell.c{background:#00ffff}
.sp.sp-vibrant-and-block-based .sp-cell.d{background:#ffd700}
.sp.sp-vibrant-and-block-based .sp-cell b{font-size:24px;font-weight:900}


.sp.m.sp-modern-dark-cinema-mobile{--bg:#020203;--fg:#f5f5f7;--sf:#0a0a0c;--sfb:1px solid #16161b;--r:14px;--ac:#5e6ad2;--act:#fff;--br:999px;--bsh:0 0 14px rgba(94,106,210,.6);--ch:#16161b;--cht:#9aa0c7;--mut:#1d1d24}
.sp.m.sp-modern-dark-cinema-mobile .sp-card::before{content:"";height:48px;border-radius:10px;background:linear-gradient(135deg,#1a1f4d,#5e6ad2 60%,#c2410c);margin-bottom:2px}
.sp.m.sp-modern-dark-cinema-mobile .sp-bar{display:none}


.sp.m.sp-bitcoin-defi-mobile{--bg:#030304;--fg:#fff;--sf:#0f1115;--sfb:1px solid #1f2229;--r:16px;--ac:linear-gradient(135deg,#f7931a,#ea580c);--act:#fff;--br:999px;--bsh:0 0 16px rgba(247,147,26,.6);--ch:rgba(255,214,0,.12);--cht:#ffd600;--mut:#23262e}
.sp.m.sp-bitcoin-defi-mobile .sp-t{font-size:16px;background:linear-gradient(90deg,#ffd600,#f7931a);-webkit-background-clip:text;background-clip:text;color:transparent}


.sp.sp-dark-mode-oled{--bg:#000;--fg:#ededed;--sf:#121212;--sfb:1px solid #1f1f1f;--r:14px;--ac:#0a84ff;--act:#fff;--br:10px;--bsh:0 0 16px rgba(10,132,255,.55);--ch:#1c1c1e;--cht:#8e8e93;--mut:#2c2c2e}
.sp.sp-dark-mode-oled .sp-t{text-shadow:0 0 12px rgba(255,255,255,.22)}


.sp.sp-accessible-and-ethical{--bg:#fff;--fg:#0b0c0c;--sf:#fff;--sfb:2px solid #0b0c0c;--r:0;--ac:#00703c;--act:#fff;--br:0;--bsh:0 3px 0 #002d18,0 0 0 3px #fff,0 0 0 6px #ffdd00;--ch:#f3f2f1;--cht:#0b0c0c;--chb:1px solid #0b0c0c;--ff:Arial,Helvetica,sans-serif;--mut:#505a5f}
.sp.sp-accessible-and-ethical .sp-t{font-size:19px}
.sp.sp-accessible-and-ethical .sp-btn{font-size:13px}
.sp.sp-accessible-and-ethical .sp-bar{background:#0b0c0c;margin:-14px -14px 0;padding:9px 14px}
.sp.sp-accessible-and-ethical .sp-dot{border-radius:0;background:#fff}
.sp.sp-accessible-and-ethical .sp-nav{background:#fff;opacity:.8;border-radius:0}


.sp.m.sp-claymorphism-mobile{--bg:#efe7ff;--fg:#3b1a70;--sf:#fff;--sfb:none;--r:22px;--sh:6px 8px 16px rgba(124,58,237,.25),inset -4px -4px 8px rgba(124,58,237,.12),inset 4px 4px 8px #fff;--ac:linear-gradient(#a78bfa,#7c3aed);--act:#fff;--br:999px;--bsh:0 5px 10px rgba(124,58,237,.45),inset 0 2px 3px rgba(255,255,255,.5);--ch:#fce7f3;--cht:#db2777;--fw:800;--mut:#ede4ff}


.sp.sp-claymorphism{--bg:#fdeee8;--fg:#3b3b5c;--sf:#add8e6;--sfb:none;--r:26px;--sh:10px 10px 22px rgba(0,0,0,.14),inset -7px -7px 14px rgba(0,0,0,.12),inset 7px 7px 14px rgba(255,255,255,.65);--ac:#fdbcb4;--act:#6b3a33;--br:999px;--bsh:5px 5px 10px rgba(0,0,0,.16),inset -4px -4px 8px rgba(0,0,0,.12),inset 4px 4px 8px rgba(255,255,255,.75);--ch:#98ff98;--cht:#1f5130;--ff:"Nunito","Trebuchet MS",sans-serif;--fw:800;--mut:rgba(255,255,255,.75)}
.sp.sp-claymorphism .sp-chip{box-shadow:3px 3px 6px rgba(0,0,0,.12),inset -3px -3px 6px rgba(0,0,0,.1),inset 3px 3px 6px rgba(255,255,255,.7);font-weight:800}
.sp.sp-claymorphism .sp-dot{width:14px;height:14px;background:#e6e6fa;box-shadow:inset -2px -2px 4px rgba(0,0,0,.15)}


.sp.sp-gradient-mesh-aurora-evolved{--bg:#fff;--fg:#fff;--sf:rgba(255,255,255,.18);--sfb:1px solid rgba(255,255,255,.4);--r:18px;--ac:#fff;--act:#7a1fa2;--br:999px;--ch:rgba(255,255,255,.22);--cht:#fff;--mut:rgba(255,255,255,.5)}
.sp.sp-gradient-mesh-aurora-evolved .sp-card{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.sp.sp-gradient-mesh-aurora-evolved::before{content:"";position:absolute;inset:-20%;background:radial-gradient(at 20% 20%,#00ffff 0,transparent 45%),radial-gradient(at 80% 10%,#ff00ff 0,transparent 45%),radial-gradient(at 70% 80%,#ffff00 0,transparent 45%),radial-gradient(at 15% 85%,#0066ff 0,transparent 45%),radial-gradient(at 50% 50%,#00ff88 0,transparent 50%);filter:blur(10px);animation:sp-hue 10s linear infinite;z-index:0}


.sp.sp-aurora-ui{--bg:#0b1026;--fg:#fff;--sf:rgba(255,255,255,.07);--sfb:1px solid rgba(255,255,255,.14);--r:16px;--ac:linear-gradient(90deg,#0080ff,#ff1493);--act:#fff;--br:999px;--ch:rgba(255,255,255,.1);--cht:#cde;--mut:rgba(255,255,255,.22)}
.sp.sp-aurora-ui .sp-card{backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
.sp.sp-aurora-ui::before{content:"";position:absolute;inset:-45%;background:radial-gradient(circle at 30% 40%,#0080ff 0,transparent 32%),radial-gradient(circle at 70% 30%,#ff1493 0,transparent 32%),radial-gradient(circle at 50% 75%,#00ffc8 0,transparent 30%);filter:blur(26px);opacity:.8;animation:sp-drift 9s ease-in-out infinite alternate;z-index:0}


.sp.sp-vaporwave{--bg:linear-gradient(#2b0a3d 35%,#b967ff 70%,#ff71ce);--fg:#fff;--sf:rgba(43,10,61,.55);--sfb:1px solid #01cdfe;--r:4px;--ac:#05ffa1;--act:#2b0a3d;--br:2px;--ch:transparent;--cht:#01cdfe;--chb:1px solid #01cdfe;--ff:Arial,sans-serif;--mut:rgba(1,205,254,.4)}
.sp.sp-vaporwave .sp-card{max-width:72%}
.sp.sp-vaporwave .sp-t{text-shadow:3px 3px 0 #ff71ce,6px 6px 0 #01cdfe}
.sp.sp-vaporwave::before{content:"";position:absolute;width:96px;height:96px;right:20px;top:26px;border-radius:50%;background:linear-gradient(#ffe66d,#ff71ce);-webkit-mask:repeating-linear-gradient(180deg,#000 0 9px,transparent 9px 12px);mask:repeating-linear-gradient(180deg,#000 0 9px,transparent 9px 12px);z-index:0}
.sp.sp-vaporwave::after{content:"";position:absolute;left:-30%;right:-30%;bottom:-8px;height:40%;background:repeating-linear-gradient(90deg,rgba(1,205,254,.8) 0 1px,transparent 1px 22px),repeating-linear-gradient(0deg,rgba(1,205,254,.8) 0 1px,transparent 1px 14px);transform:perspective(120px) rotateX(60deg);transform-origin:bottom;z-index:0}


.sp.sp-chromatic-aberration-rgb-split{--bg:#000;--fg:#fff;--ac:#fff;--act:#000;--br:0;--mut:#333}
.sp.sp-chromatic-aberration-rgb-split .sp-huge{font-size:66px;text-shadow:-4px 0 rgba(255,0,0,.9),4px 0 rgba(0,255,255,.9),0 2px rgba(0,255,0,.6);animation:sp-rgb 1.8s infinite}
.sp.sp-chromatic-aberration-rgb-split .sp-sub{display:none}
.sp.sp-chromatic-aberration-rgb-split::before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,rgba(255,255,255,.05) 0 1px,transparent 1px 3px);z-index:3;pointer-events:none;animation:sp-blink .15s steps(2) infinite}
@keyframes sp-rgb{0%,86%,100%{text-shadow:-4px 0 rgba(255,0,0,.9),4px 0 rgba(0,255,255,.9),0 2px rgba(0,255,0,.6);transform:none}90%{text-shadow:-9px 0 rgba(255,0,0,.9),7px 0 rgba(0,255,255,.9),0 -3px rgba(0,255,0,.6);transform:skewX(-6deg)}}


.sp.sp-retro-futurism{--bg:linear-gradient(#1a1a2e 50%,#5d34d0);--fg:#fff;--sf:rgba(26,26,46,.82);--sfb:1px solid #00ffff;--r:3px;--sh:0 0 14px rgba(0,255,255,.55);--ac:#ff006e;--act:#fff;--br:2px;--bsh:0 0 14px #ff006e;--ch:transparent;--cht:#00ffff;--chb:1px solid #00ffff;--ff:"Trebuchet MS",sans-serif;--tt:uppercase;--ls:.12em;--mut:rgba(0,255,255,.35)}
.sp.sp-retro-futurism .sp-card{max-width:75%}
.sp.sp-retro-futurism .sp-t{text-shadow:0 0 8px #ff006e,0 0 16px #ff006e;font-style:italic}
.sp.sp-retro-futurism::after{content:"";position:absolute;left:-30%;right:-30%;bottom:-10px;height:52%;background:repeating-linear-gradient(90deg,rgba(255,0,110,.7) 0 1px,transparent 1px 24px),repeating-linear-gradient(0deg,rgba(255,0,110,.7) 0 1px,transparent 1px 16px);transform:perspective(140px) rotateX(58deg);transform-origin:bottom;z-index:0}
.sp.sp-retro-futurism::before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,rgba(0,0,0,.18) 0 1px,transparent 1px 3px);z-index:3;pointer-events:none}


.sp.m.sp-flat-design-mobile-touch-first{--bg:#fff;--fg:#1e293b;--sf:#eff6ff;--sfb:none;--r:0;--ac:#10b981;--act:#fff;--br:4px;--ch:#3b82f6;--cht:#fff;--mut:#bfdbfe}
.sp.m.sp-flat-design-mobile-touch-first .sp-bar{background:#3b82f6;margin:-18px -9px 0;padding:18px 9px 8px}
.sp.m.sp-flat-design-mobile-touch-first .sp-dot{background:#fff}.sp.m.sp-flat-design-mobile-touch-first .sp-nav{background:rgba(255,255,255,.6)}
.sp.m.sp-flat-design-mobile-touch-first .sp-card{margin:0 -9px}


.sp.sp-flat-design{--bg:#ecf0f1;--fg:#2c3e50;--sf:#fff;--sfb:none;--r:3px;--ac:#e74c3c;--act:#fff;--br:3px;--ch:#2ecc71;--cht:#fff;--mut:#bdc3c7}
.sp.sp-flat-design .sp-bar{background:#3498db;margin:-14px -14px 0;padding:11px 14px}
.sp.sp-flat-design .sp-dot{background:#f1c40f;border-radius:2px}
.sp.sp-flat-design .sp-nav{background:rgba(255,255,255,.65)}


.sp.sp-skeuomorphism{--bg:repeating-linear-gradient(90deg,#8b5a2b 0 7px,#7a4c22 7px 10px,#98653b 10px 18px);--fg:#4a3a22;--sf:linear-gradient(#fdfaf1,#eee3c8);--sfb:1px solid #c7b385;--r:5px;--sh:inset 0 1px 0 #fff,0 10px 18px rgba(0,0,0,.5);--ac:linear-gradient(#7cbcff,#2a6fd6);--act:#fff;--br:7px;--bb:1px solid #1f4f9a;--bsh:inset 0 1px 0 rgba(255,255,255,.6),0 2px 3px rgba(0,0,0,.45);--ch:linear-gradient(#f7f7f7,#b9b9b9);--cht:#333;--chb:1px solid #8a8a8a;--ff:Georgia,serif;--mut:rgba(120,150,200,.35)}
.sp.sp-skeuomorphism .sp-t{text-shadow:0 1px 0 #fff}
.sp.sp-skeuomorphism .sp-l{height:1px;border-radius:0}
.sp.sp-skeuomorphism .sp-btn{text-shadow:0 -1px 0 rgba(0,0,0,.35)}
.sp.sp-skeuomorphism .sp-nav,.sp.sp-skeuomorphism .sp-dot{opacity:0}


.sp.sp-liquid-glass{--bg:linear-gradient(160deg,#ffb199,#ff6a88 40%,#6a82fb);--fg:#fff;--sf:rgba(255,255,255,.2);--sfb:1px solid rgba(255,255,255,.65);--r:28px;--sh:inset 0 1px 1px rgba(255,255,255,.95),inset 0 -10px 22px rgba(255,255,255,.14),0 12px 30px rgba(0,0,0,.2);--ac:rgba(255,255,255,.3);--act:#fff;--br:999px;--bb:1px solid rgba(255,255,255,.75);--bsh:inset 0 1px 1px rgba(255,255,255,.9);--ch:rgba(255,255,255,.22);--cht:#fff;--ff:-apple-system,"SF Pro Display","Segoe UI",sans-serif;--mut:rgba(255,255,255,.5)}
.sp.sp-liquid-glass .sp-card{backdrop-filter:blur(10px) saturate(180%);-webkit-backdrop-filter:blur(10px) saturate(180%)}
.sp.sp-liquid-glass .sp-card::before{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(135deg,rgba(255,255,255,.55),transparent 42%);pointer-events:none}
.sp.sp-liquid-glass .sp-btn{backdrop-filter:blur(6px)}


.sp.sp-motion-driven{--bg:#0f0f0f;--fg:#fff;--sf:#1a1a1a;--sfb:none;--r:12px;--ac:#ff4d00;--act:#fff;--br:999px;--ch:#262626;--cht:#ff9a6b;--mut:#3a3a3a}
.sp.sp-motion-driven .sp-t{animation:sp-slidein 2.8s cubic-bezier(.2,.8,.2,1) infinite}
.sp.sp-motion-driven .sp-l{animation:sp-grow 2.8s cubic-bezier(.2,.8,.2,1) infinite}
.sp.sp-motion-driven .sp-btn{animation:sp-pop 2.8s ease infinite}
.sp.sp-motion-driven::before{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:linear-gradient(90deg,#ff4d00,#ffd000,#ff4d00);background-size:200% 100%;animation:sp-slide 1.6s linear infinite;z-index:2}
@keyframes sp-slidein{0%{transform:translateX(-30px);opacity:0}25%,100%{transform:none;opacity:1}}
@keyframes sp-pop{0%,30%{transform:scale(.6);opacity:0}45%{transform:scale(1.08);opacity:1}55%,100%{transform:scale(1)}}
@keyframes sp-slide{to{background-position:-200% 0}}


.sp.sp-micro-interactions{--bg:#f8fafc;--fg:#0f172a;--sf:#fff;--sfb:1px solid #e2e8f0;--r:12px;--sh:0 4px 14px rgba(15,23,42,.06);--ac:#3b82f6;--act:#fff;--br:8px;--mut:#e2e8f0}


.sp.sp-inclusive-design{--bg:#fff;--fg:#000;--sf:#fff;--sfb:2px solid #000;--r:10px;--ac:#6b21a8;--act:#fff;--br:10px;--bsh:0 0 0 3px #fff,0 0 0 7px #000;--ch:#fff7d6;--cht:#000;--chb:2px solid #000;--mut:#4b5563}
.sp.sp-inclusive-design .sp-t{font-size:20px}
.sp.sp-inclusive-design .sp-btn{font-size:14px;padding:9px 14px}
.sp.sp-inclusive-design .sp-chip{font-size:12px;font-weight:700;border-radius:6px}


.sp.sp-zero-interface{--bg:#f5f1e8;--fg:#3f3a33;--sf:#fffdf8;--sh:0 8px 24px rgba(60,50,30,.1);--ac:#3f3a33;--act:#fff;--br:999px}


.sp.m.sp-saas-mobile-high-tech-boutique{--bg:#f7f9ff;--fg:#0b1b3f;--sf:#fff;--sfb:none;--r:16px;--sh:0 8px 20px rgba(0,82,255,.12);--ac:linear-gradient(135deg,#0052ff,#4d7cff);--act:#fff;--br:12px;--bsh:0 6px 14px rgba(0,82,255,.4);--ch:#e8efff;--cht:#0052ff;--mut:#e3e9f7}


.sp.m.sp-enterprise-saas-mobile{--bg:#f8fafc;--fg:#1e1b4b;--sf:#fff;--sfb:1px solid #eef2ff;--r:14px;--sh:0 8px 18px rgba(79,70,229,.1);--ac:linear-gradient(90deg,#4f46e5,#7c3aed);--act:#fff;--br:999px;--ch:#eef2ff;--cht:#4f46e5;--mut:#e0e7ff}
.sp.m.sp-enterprise-saas-mobile .sp-bar{background:#fff;border-radius:999px;padding:4px 6px;box-shadow:0 2px 6px rgba(79,70,229,.12)}
.sp.m.sp-enterprise-saas-mobile .sp-nav{background:linear-gradient(90deg,#4f46e5,#7c3aed);width:40%}


.sp.sp-soft-ui-evolution{--bg:#f4f7fb;--fg:#2b3a55;--sf:#fff;--sfb:1px solid #e6ecf3;--r:18px;--sh:0 12px 26px rgba(125,150,190,.2),0 2px 6px rgba(125,150,190,.12);--ac:#5b8def;--act:#fff;--br:12px;--bsh:0 6px 14px rgba(91,141,239,.38);--ch:#ffe3ea;--cht:#b2456e;--mut:#e3eaf3}


.sp.sp-heat-map-and-heatmap-style{--bg:#fff;--fg:#1f2937;--sf:#fff;--sfb:1px solid #e5e7eb;--r:6px}


.sp.sp-executive-dashboard{--bg:#f1f5f9;--fg:#0f172a;--sf:#fff;--sfb:none;--r:12px;--sh:0 2px 8px rgba(15,23,42,.08);--ac:#1e40af}


.sp.sp-real-time-monitoring{--bg:#0b1220;--fg:#e2e8f0;--sf:#111a2e;--sfb:1px solid #1e293b;--r:8px;--mut:#1e293b}


.sp.sp-drill-down-analytics{--bg:#fff;--fg:#1f2937;--sf:#f9fafb;--sfb:1px solid #e5e7eb;--r:8px;--ac:#7c3aed}


.sp.sp-comparative-analysis-dashboard{--bg:#fff;--fg:#111827;--sf:#f9fafb;--sfb:1px solid #e5e7eb;--r:8px}


.sp.sp-predictive-analytics{--bg:#faf5ff;--fg:#1e1b4b;--sf:#fff;--sfb:1px solid #ede9fe;--r:10px}
.sp.sp-predictive-analytics .sp-legend .a::before{background:#0f172a}.sp.sp-predictive-analytics .sp-legend .b::before{background:#8b5cf6}.sp.sp-predictive-analytics .sp-legend em{color:#ef4444}


.sp.sp-user-behavior-analytics{--bg:#fff;--fg:#111827;--sf:#fff;--sfb:none;--r:8px}


.sp.sp-financial-dashboard{--bg:#0f172a;--fg:#e2e8f0;--sf:#111c33;--sfb:1px solid #1e2a44;--r:8px;--mut:#1e2a44}


.sp.sp-sales-intelligence-dashboard{--bg:#fff7ed;--fg:#1c1917;--sf:#fff;--sfb:1px solid #fed7aa;--r:10px;--ac:#ea580c;--act:#fff;--mut:#fde68a}


.sp.sp-data-dense-dashboard{--bg:#f5f5f5;--fg:#333;--sf:#fff;--sfb:1px solid #e0e0e0;--r:3px;--ac:#2563eb;--mut:#e5e7eb;padding:10px;gap:6px}


.sp.m.sp-neo-brutalism-mobile{--bg:#fffdf5;--fg:#000;--sf:#ffd93d;--sfb:3px solid #000;--r:6px;--sh:4px 4px 0 #000;--ac:#ff6b6b;--act:#000;--br:6px;--bb:3px solid #000;--bsh:3px 3px 0 #000;--ch:#fff;--cht:#000;--chb:2px solid #000;--fw:900;--mut:#000}
.sp.m.sp-neo-brutalism-mobile .sp-card{margin-right:4px}.sp.m.sp-neo-brutalism-mobile .sp-l{height:3px;border-radius:0}


.sp.sp-neubrutalism{--bg:#ffeb3b;--fg:#000;--sf:#fff;--sfb:3px solid #000;--r:0;--sh:6px 6px 0 #000;--ac:#ff5252;--act:#000;--br:0;--bb:3px solid #000;--bsh:3px 3px 0 #000;--ch:#2196f3;--cht:#fff;--chb:2px solid #000;--ff:"Arial Black",Arial,sans-serif;--fw:900;--mut:#000}
.sp.sp-neubrutalism .sp-chip{border-radius:0}
.sp.sp-neubrutalism .sp-l{border-radius:0;height:5px}
.sp.sp-neubrutalism .sp-card{margin-right:6px}


.sp.sp-bento-box-grid{--bg:#f5f5f7;--fg:#1d1d1f;--sf:#fff;--sfb:none;--r:16px;--sh:0 2px 10px rgba(0,0,0,.05);--ac:#6366f1;--act:#fff;--br:999px;--mut:#e5e5ea}
.sp.sp-bento-box-grid .sp-cell.b{background:#6366f1;color:#fff}
.sp.sp-bento-box-grid .sp-cell.c{background:#1d1d1f;color:#fff}


.sp.sp-y2k-aesthetic{--bg:linear-gradient(180deg,#ffc6ff,#bde0fe);--fg:#6a00a8;--sf:linear-gradient(180deg,#fff,#e4e4ee 45%,#c8c8d6 52%,#f2f2f8);--sfb:2px solid #fff;--r:20px;--sh:0 0 0 2px #c0c0c0,0 10px 22px rgba(148,0,211,.28);--ac:linear-gradient(#ffb3dc,#ff69b4 50%,#e0479e 51%,#ff8fcc);--act:#fff;--br:999px;--bsh:inset 0 2px 0 rgba(255,255,255,.75),0 3px 9px rgba(255,105,180,.55);--ch:linear-gradient(#b3ffff,#00d5d5);--cht:#004d4d;--ff:"Trebuchet MS",Verdana,sans-serif;--fw:800;--mut:rgba(148,0,211,.2)}
.sp.sp-y2k-aesthetic .sp-t{font-style:italic;background:linear-gradient(#9400d3,#ff69b4);-webkit-background-clip:text;background-clip:text;color:transparent}
.sp.sp-y2k-aesthetic::before{content:"✦  ✧  ✦";position:absolute;right:14px;top:8px;color:#fff;font-size:16px;text-shadow:0 0 6px #ff69b4;animation:sp-blink 1.8s infinite;z-index:2}


.sp.sp-cyberpunk-ui{--bg:#0d0d0d;--fg:#00ff00;--sf:rgba(0,255,0,.04);--sfb:1px solid #00ff00;--r:0;--ac:transparent;--act:#ff00ff;--br:0;--bb:1px solid #ff00ff;--bsh:0 0 10px #ff00ff,inset 0 0 8px rgba(255,0,255,.4);--ch:#00ffff;--cht:#000;--ff:Consolas,"Courier New",monospace;--mut:rgba(0,255,0,.35)}
.sp.sp-cyberpunk-ui .sp-card{clip-path:polygon(0 0,calc(100% - 16px) 0,100% 16px,100% 100%,16px 100%,0 calc(100% - 16px));box-shadow:inset 0 0 20px rgba(0,255,0,.15)}
.sp.sp-cyberpunk-ui .sp-t{text-shadow:2px 0 #ff00ff,-2px 0 #00ffff;animation:sp-glitch 2.6s infinite}
.sp.sp-cyberpunk-ui .sp-chip{border-radius:0}
.sp.sp-cyberpunk-ui::before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,rgba(0,255,0,.07) 0 1px,transparent 1px 3px);z-index:3;pointer-events:none}


.sp.sp-organic-biophilic{--bg:#f5f5dc;--fg:#2f4f2f;--sf:#fffdf5;--sfb:none;--r:30px 12px 30px 12px;--sh:0 10px 22px rgba(34,139,34,.16);--ac:#228b22;--act:#fff;--br:999px;--ch:#d7ecf5;--cht:#1d4e5f;--ff:Georgia,serif;--mut:#e2dcc2}
.sp.sp-organic-biophilic::before{content:"";position:absolute;width:150px;height:130px;right:-40px;top:-40px;background:#8fbc8f;border-radius:60% 40% 55% 45%/50% 60% 40% 50%;opacity:.55;z-index:0;animation:sp-morph 8s ease-in-out infinite}
.sp.sp-organic-biophilic::after{content:"";position:absolute;width:90px;height:80px;left:-26px;bottom:-26px;background:#8b4513;border-radius:45% 55% 40% 60%/55% 45% 60% 40%;opacity:.25;z-index:0}


.sp.sp-ai-native-ui{--bg:#f5f5f5;--fg:#111827;--sf:#fff;--sfb:1px solid #e5e7eb;--sh:0 2px 8px rgba(0,0,0,.05);--ac:#6366f1;--act:#fff;--cht:#6b7280}


.sp.sp-memphis-design{--bg:#fff8e7;--fg:#1a1a1a;--sf:#86ccca;--sfb:3px solid #000;--r:0;--sh:7px 7px 0 #ff71ce;--ac:#ffce5c;--act:#000;--br:0;--bb:3px solid #000;--ch:#6a7bb4;--cht:#fff;--fw:900;--tt:uppercase;--mut:rgba(0,0,0,.35)}
.sp.sp-memphis-design .sp-card{transform:rotate(-2deg);margin:4px 18px 4px 4px}
.sp.sp-memphis-design .sp-chip{border-radius:0;transform:rotate(4deg)}
.sp.sp-memphis-design::before{content:"";position:absolute;inset:0;background-image:radial-gradient(#000 1.5px,transparent 1.6px);background-size:14px 14px;opacity:.18;z-index:0}
.sp.sp-memphis-design::after{content:"";position:absolute;right:10px;bottom:14px;width:0;height:0;border-left:22px solid transparent;border-right:22px solid transparent;border-bottom:38px solid #ff71ce;transform:rotate(18deg);z-index:2}


.sp.sp-dimensional-layering{--bg:#eef0f5;--fg:#1e1b4b;--sf:#fff;--sfb:none;--r:14px;--sh:14px 14px 0 -3px #c7d2fe,28px 28px 0 -6px #a5b4fc,0 24px 44px rgba(30,27,75,.2);--ac:#4f46e5;--act:#fff;--br:10px;--bsh:0 8px 16px rgba(79,70,229,.35);--ch:#eef2ff;--cht:#4338ca;--mut:#e0e7ff}
.sp.sp-dimensional-layering .sp-card{margin:0 34px 30px 0}


.sp.m.sp-bold-typography-mobile-poster{--bg:#0a0a0a;--fg:#fafafa;--ac:#fafafa;--act:#0a0a0a;--br:0;--mut:#3a3a3a}
.sp.m.sp-bold-typography-mobile-poster .sp-huge{font-size:44px;letter-spacing:-.06em;margin:10px -4px 0}


.sp.sp-exaggerated-minimalism{--bg:#fff;--fg:#000;--ac:#000;--act:#fff;--br:0;--mut:#000}
.sp.sp-exaggerated-minimalism .sp-huge{font-size:84px}
.sp.sp-exaggerated-minimalism .sp-sub{height:2px;width:30%;border-radius:0}
.sp.sp-exaggerated-minimalism::after{content:"";position:absolute;right:22px;top:22px;width:16px;height:16px;border-radius:50%;background:#ff3d00}


.sp.sp-kinetic-typography{--bg:#0d0d0d;--fg:#fff;--ac:#fff;--act:#0d0d0d;--br:999px;--mut:#333}
.sp.sp-kinetic-typography .sp-huge{font-size:76px;background:linear-gradient(90deg,#ff3cac,#784ba0,#2b86c5,#ff3cac);background-size:300% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:sp-kin 3s linear infinite,sp-stretch 1.5s ease-in-out infinite alternate;transform-origin:left}
.sp.sp-kinetic-typography .sp-sub{display:none}
@keyframes sp-kin{to{background-position:-300% 0}}
@keyframes sp-stretch{from{letter-spacing:-.06em}to{letter-spacing:.02em}}


.sp.sp-parallax-storytelling{--bg:linear-gradient(#ffe8d6,#bde0fe)}


.sp.m.sp-terminal-cli-mobile{--bg:#050505;--fg:#33ff00;--ac:#33ff00}
.sp.m.sp-terminal-cli-mobile .sp-phone::after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,rgba(51,255,0,.06) 0 1px,transparent 1px 3px);pointer-events:none}
.sp.m.sp-terminal-cli-mobile .sp-term{text-shadow:0 0 6px rgba(51,255,0,.6)}


.sp.m.sp-cyberpunk-mobile-hud{--bg:#0a0a0f;--fg:#e8e8ff;--sf:#12121a;--sfb:1px solid #ff2fd6;--r:0;--ac:transparent;--act:#00f0ff;--br:0;--bb:1px solid #00f0ff;--bsh:0 0 10px rgba(0,240,255,.7);--ch:#ff2fd6;--cht:#0a0a0f;--ff:Consolas,monospace;--mut:rgba(255,47,214,.35)}
.sp.m.sp-cyberpunk-mobile-hud .sp-card{clip-path:polygon(0 0,calc(100% - 12px) 0,100% 12px,100% 100%,12px 100%,0 calc(100% - 12px));box-shadow:inset 0 0 18px rgba(255,47,214,.25)}
.sp.m.sp-cyberpunk-mobile-hud .sp-t{text-shadow:0 0 8px #ff2fd6;animation:sp-glitch 2.2s infinite}
.sp.m.sp-cyberpunk-mobile-hud .sp-chip{border-radius:0}


.sp.sp-hud-sci-fi-fui{--bg:radial-gradient(circle at 50% 50%,#062033,#020b14 70%);--fg:#00ffff;--ac:#00ffff}
.sp.sp-hud-sci-fi-fui::before{content:"";position:absolute;inset:0;background:linear-gradient(rgba(0,255,255,.08) 1px,transparent 1px) 0 0/100% 16px,linear-gradient(90deg,rgba(0,255,255,.08) 1px,transparent 1px) 0 0/16px 100%;z-index:0}


.sp.sp-pixel-art{--bg:#5c94fc;--fg:#000;--sf:#fff;--sfb:none;--r:0;--sh:4px 0 #000,-4px 0 #000,0 4px #000,0 -4px #000;--ac:#e40058;--act:#fff;--br:0;--bsh:3px 0 #000,-3px 0 #000,0 3px #000,0 -3px #000;--ch:#fcbc3c;--cht:#000;--ff:"Courier New",monospace;--fw:900;--mut:#000}
.sp.sp-pixel-art .sp-card{margin:4px 60px 26px 4px}
.sp.sp-pixel-art .sp-t{font-size:15px;letter-spacing:.06em}
.sp.sp-pixel-art .sp-l{border-radius:0;height:4px;background:repeating-linear-gradient(90deg,#000 0 4px,transparent 4px 8px)}
.sp.sp-pixel-art .sp-chip{border-radius:0}
.sp.sp-pixel-art .sp-bar{display:none}
.sp.sp-pixel-art::after{content:"";position:absolute;left:0;right:0;bottom:0;height:22px;background:repeating-linear-gradient(90deg,#c84c0c 0 18px,#000 18px 20px),#c84c0c;box-shadow:inset 0 3px 0 #fcbc3c;z-index:0}
.sp.sp-pixel-art::before{content:"";position:absolute;right:26px;top:40px;width:12px;height:16px;background:#fcbc3c;box-shadow:0 0 0 3px #000;animation:sp-blink .8s steps(1) infinite;z-index:0}


.sp.sp-spatial-ui-visionos{--bg:radial-gradient(circle at 25% 20%,#d9e2ea,#7b8a96 55%,#48535c);--fg:#fff;--sf:rgba(255,255,255,.18);--sfb:1px solid rgba(255,255,255,.4);--r:24px;--sh:0 24px 50px rgba(0,0,0,.35);--ac:rgba(255,255,255,.28);--act:#fff;--br:999px;--ch:rgba(255,255,255,.16);--cht:#fff;--ff:-apple-system,"SF Pro Display","Segoe UI",sans-serif;--mut:rgba(255,255,255,.4);perspective:500px}
.sp.sp-spatial-ui-visionos .sp-card{backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);transform:rotateY(-10deg) translateZ(10px);margin:0 18px 22px}
.sp.sp-spatial-ui-visionos .sp-bar{position:absolute;left:50%;bottom:10px;transform:translateX(-50%);background:rgba(255,255,255,.2);backdrop-filter:blur(12px);padding:6px 12px;border-radius:999px;z-index:2}
.sp.sp-spatial-ui-visionos .sp-dot{background:#fff}


.sp.sp-e-ink-paper{--bg:#fdfbf7;--fg:#1a1a1a;--sf:transparent;--sfb:none;--r:0;--ac:transparent;--act:#1a1a1a;--br:0;--bb:1px solid #1a1a1a;--ch:transparent;--cht:#1a1a1a;--ff:Georgia,"Times New Roman",serif;--fw:400;--mut:#1a1a1a}
.sp.sp-e-ink-paper .sp-card{border-top:1px solid #1a1a1a;border-bottom:1px solid #1a1a1a;padding:10px 0}
.sp.sp-e-ink-paper .sp-t{font-size:22px;font-style:italic}
.sp.sp-e-ink-paper .sp-l{height:1.5px;border-radius:0;opacity:.7}
.sp.sp-e-ink-paper .sp-chip{font-style:italic}
.sp.sp-e-ink-paper::after{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(0,0,0,.08) .6px,transparent .7px);background-size:3px 3px;pointer-events:none;z-index:4}


.sp.sp-gen-z-chaos-maximalism{--bg:#ff00ff;--fg:#0000ff;--sf:#ffff00;--sfb:4px dashed #0000ff;--r:18px 4px 22px 6px;--ac:#00ff00;--act:#0000ff;--br:999px;--bb:3px solid #0000ff;--ch:#0000ff;--cht:#ffff00;--ff:"Comic Sans MS","Chalkboard SE",cursive;--fw:900;--mut:#ff00ff}
.sp.sp-gen-z-chaos-maximalism .sp-card{transform:rotate(3deg);margin:6px 14px}
.sp.sp-gen-z-chaos-maximalism .sp-t{font-size:19px;text-shadow:2px 2px 0 #00ff00}
.sp.sp-gen-z-chaos-maximalism .sp-chip{transform:rotate(-8deg)}
.sp.sp-gen-z-chaos-maximalism::before{content:"LOL ★ OMG ★ SO REAL ★ LOL ★ OMG ★ SO REAL ★ ";position:absolute;left:0;bottom:4px;white-space:nowrap;font:900 13px Impact,sans-serif;color:#00ff00;animation:sp-marquee 5s linear infinite;z-index:3}
.sp.sp-gen-z-chaos-maximalism::after{content:"💿";position:absolute;right:8px;top:6px;font-size:30px;transform:rotate(-15deg);z-index:3;animation:sp-glitch 1.5s infinite}


.sp.sp-biomimetic-organic-2-0{--bg:#07140d;--fg:#d9ffe6;--sf:rgba(0,255,65,.06);--sfb:1px solid rgba(0,255,65,.35);--r:42% 58% 63% 37%/41% 44% 56% 59%;--ac:#00ff41;--act:#022b10;--br:999px;--bsh:0 0 16px rgba(0,255,65,.6);--ch:rgba(255,153,153,.15);--cht:#ff9999;--mut:rgba(0,255,65,.25)}
.sp.sp-biomimetic-organic-2-0 .sp-card{animation:sp-morph 7s ease-in-out infinite;padding:18px 26px;margin:0 20px}
.sp.sp-biomimetic-organic-2-0::before{content:"";position:absolute;width:140px;height:140px;right:-30px;top:-30px;border-radius:50%;background:radial-gradient(circle,rgba(0,200,255,.45),transparent 65%);animation:sp-breathe 4s ease-in-out infinite;z-index:0}


.sp.m.sp-sketch-hand-drawn-mobile{--bg:#fdfbf4;--fg:#2d2d2d;--sf:#fff;--sfb:2px solid #2d2d2d;--r:15px 25px 20px 10px;--sh:3px 3px 0 #2d2d2d;--ac:#ff4d4d;--act:#fff;--br:20px 10px 25px 15px;--bb:2px solid #2d2d2d;--ch:transparent;--cht:#2d2d2d;--chb:1.5px dashed #2d2d2d;--ff:"Segoe Print","Comic Sans MS",cursive;--mut:#2d2d2d}
.sp.m.sp-sketch-hand-drawn-mobile .sp-card{transform:rotate(-2deg)}.sp.m.sp-sketch-hand-drawn-mobile .sp-l{height:0;border-top:1.5px dashed #2d2d2d;background:none}


.sp.sp-anti-polish-raw-aesthetic{--bg:#fafaf8;--fg:#1a1a1a;--sf:#fff;--sfb:2px solid #1a1a1a;--r:255px 15px 225px 15px/15px 225px 15px 255px;--sh:3px 4px 0 #1a1a1a;--ac:#c4a77d;--act:#1a1a1a;--br:15px 225px 15px 255px/255px 15px 225px 15px;--bb:2px solid #1a1a1a;--ch:transparent;--cht:#4a4a4a;--chb:1.5px dashed #4a4a4a;--ff:"Segoe Print","Comic Sans MS",cursive;--mut:#4a4a4a}
.sp.sp-anti-polish-raw-aesthetic .sp-card{transform:rotate(-1.2deg)}
.sp.sp-anti-polish-raw-aesthetic .sp-t{text-decoration:underline wavy #c4a77d;text-underline-offset:4px}
.sp.sp-anti-polish-raw-aesthetic .sp-l{height:0;border-top:2px dashed #4a4a4a;background:none}


.sp.sp-tactile-digital-deformable-ui{--bg:#eef2f7;--fg:#5b2a4b;--sf:linear-gradient(145deg,#ffd3ea,#ff9ecd);--sfb:none;--r:28px;--sh:inset 0 6px 10px rgba(255,255,255,.7),inset 0 -8px 14px rgba(200,60,130,.25),0 14px 24px rgba(255,120,190,.35);--ac:linear-gradient(145deg,#b8e4ff,#87ceeb);--act:#0d3b52;--br:999px;--bsh:inset 0 3px 5px rgba(255,255,255,.8),inset 0 -4px 8px rgba(0,90,140,.25),0 6px 12px rgba(80,160,210,.4);--ch:linear-gradient(#fff,#bdbdbd 50%,#e9e9e9);--cht:#333;--chb:1px solid #9e9e9e;--fw:800;--mut:rgba(255,255,255,.6)}
.sp.sp-tactile-digital-deformable-ui .sp-btn{animation:sp-squish 1.8s ease-in-out infinite}


.sp.sp-nature-distilled{--bg:#f5f0e1;--fg:#5a3e2b;--sf:#fbf7ee;--sfb:1px solid #d4c4a8;--r:14px;--sh:0 6px 16px rgba(181,101,29,.12);--ac:#c67b5c;--act:#fff;--br:999px;--ch:#d4c4a8;--cht:#5a3e2b;--ff:Georgia,serif;--fw:400;--mut:#e6dcc6}
.sp.sp-nature-distilled .sp-t{font-size:19px}
.sp.sp-nature-distilled::before{content:"";position:absolute;width:74px;height:110px;right:16px;top:14px;background:#b5651d;border-radius:37px 37px 6px 6px;opacity:.85;z-index:0}
.sp.sp-nature-distilled .sp-card{margin-right:70px}
.sp.sp-nature-distilled::after{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(90,62,43,.12) .7px,transparent .8px);background-size:4px 4px;pointer-events:none;z-index:4}


.sp.sp-interactive-cursor-design{--bg:#0e0e0e;--fg:#f2f2f2;--ac:#f2f2f2;--act:#0e0e0e;--br:999px;--mut:#333}
.sp.sp-interactive-cursor-design .sp-huge{font-size:60px}
.sp.sp-interactive-cursor-design::after{content:"";position:absolute;left:0;top:0;width:46px;height:46px;border-radius:50%;background:#fff;mix-blend-mode:difference;animation:sp-cursor 5s cubic-bezier(.45,.05,.3,1) infinite;z-index:5;pointer-events:none}


.sp.sp-voice-first-multimodal{--bg:#fafafa;--fg:#3a4250;--ac:#6b8faf;--ch:#ecebf5;--cht:#6d63a3}
.sp.sp-voice-first-multimodal .sp-orb{background:radial-gradient(circle at 35% 30%,#fff,#9b8fbb 45%,#6b8faf)}


.sp.sp-3d-product-preview{--bg:radial-gradient(circle at 50% 35%,#fff,#e8e8e8 70%);--fg:#222;--ch:#fff;--cht:#555;--chb:1px solid #ddd}
.sp.sp-3d-product-preview .sp-row{justify-content:center}


.sp.m.sp-academia-scholarly-mobile{--bg:#1c1714;--fg:#e9dcc3;--sf:#251e19;--sfb:1px solid #3a2e25;--r:4px;--ac:linear-gradient(#caa56a,#8c6a36);--act:#1c1714;--br:3px;--ch:transparent;--cht:#caa56a;--chb:1px solid #caa56a;--ff:Georgia,"Times New Roman",serif;--fw:400;--mut:#3a2e25}
.sp.m.sp-academia-scholarly-mobile .sp-card::before{content:"";height:44px;background:linear-gradient(#5a4632,#2e241c);border-radius:40px 40px 0 0;border:1px solid #caa56a;margin-bottom:2px}
.sp.m.sp-academia-scholarly-mobile .sp-bar{display:none}
.sp.m.sp-academia-scholarly-mobile .sp-phone{box-shadow:inset 0 0 40px rgba(0,0,0,.8),0 10px 24px rgba(0,0,0,.25)}


.sp.sp-editorial-grid-magazine{--bg:#fff;--fg:#111;--ac:#c1121f;--mut:#9ca3af}


.sp.sp-vintage-analog-retro-film{--bg:#f5e6c8;--fg:#5a4632;align-items:center;justify-content:center}
.sp.sp-vintage-analog-retro-film::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 90% 10%,rgba(255,120,40,.45),transparent 40%),radial-gradient(circle at 5% 95%,rgba(232,180,184,.5),transparent 45%);z-index:0}
.sp.sp-vintage-analog-retro-film::after{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(60,40,20,.18) .7px,transparent .8px);background-size:3px 3px;pointer-events:none;z-index:4}


.sp.m.sp-bauhaus{--bg:#f0f0f0;--fg:#121212;--ac:#121212;--act:#fff;--br:0;--bsh:3px 3px 0 #d02020;--ff:"Futura","Century Gothic",Arial,sans-serif;--fw:900;--tt:uppercase}
.sp.m.sp-bauhaus .sp-phone{gap:10px}


.sp.m.sp-material-you-md3-mobile{--bg:#fffbfe;--fg:#1d1b20;--sf:#e8def8;--sfb:none;--r:28px;--ac:#6750a4;--act:#fff;--br:999px;--ch:#ffd8e4;--cht:#7d5260;--ff:"Roboto","Google Sans",system-ui,sans-serif;--mut:rgba(103,80,164,.25)}
.sp.m.sp-material-you-md3-mobile .sp-phone::after{content:"+";position:absolute;right:10px;bottom:10px;width:30px;height:30px;border-radius:10px;background:#d0bcff;color:#21005d;font:500 20px/30px Roboto,sans-serif;text-align:center;box-shadow:0 3px 6px rgba(0,0,0,.2)}
.sp.m.sp-material-you-md3-mobile .sp-card{margin-bottom:30px}


.sp.sp-fluent-2{--bg:#f5f5f5;--fg:#242424;--sf:#fff;--sfb:none;--r:8px;--sh:0 2px 4px rgba(0,0,0,.14),0 0 2px rgba(0,0,0,.12);--ac:#0f6cbd;--act:#fff;--br:4px;--ch:#ebf3fc;--cht:#0f6cbd;--ff:"Segoe UI Variable","Segoe UI",system-ui,sans-serif;--fw:600;--mut:#e0e0e0}
.sp.sp-fluent-2 .sp-bar{background:rgba(255,255,255,.7);backdrop-filter:blur(20px);margin:-14px -14px 0;padding:10px 14px;border-bottom:1px solid #e0e0e0}
.sp.sp-fluent-2 .sp-dot{border-radius:3px;background:#0f6cbd}


.sp.sp-shopify-polaris{--bg:#f1f1f1;--fg:#303030;--sf:#fff;--sfb:none;--r:12px;--sh:0 1px 0 rgba(26,26,26,.07),inset 0 -1px 0 rgba(0,0,0,.13),inset 0 0 0 1px rgba(0,0,0,.06);--ac:linear-gradient(#484848,#303030);--act:#fff;--br:8px;--bsh:inset 0 -1px 0 #000,inset 0 1px 0 rgba(255,255,255,.2);--ch:#affebf;--cht:#014b40;--ff:Inter,-apple-system,"Segoe UI",sans-serif;--fw:650;--mut:#ebebeb}
.sp.sp-shopify-polaris .sp-t{font-size:15px}
.sp.sp-shopify-polaris .sp-bar{background:#1a1a1a;margin:-14px -14px 0;padding:10px 14px}
.sp.sp-shopify-polaris .sp-dot{background:#fff;border-radius:3px}.sp.sp-shopify-polaris .sp-nav{background:#3a3a3a}
.sp.sp-shopify-polaris .sp-chip{border-radius:8px;font-weight:600}


.sp.sp-spectrum-2{--bg:#fff;--fg:#222;--sf:#f8f8f8;--sfb:none;--r:16px;--ac:#3b63fb;--act:#fff;--br:999px;--ch:#e5ebff;--cht:#274dea;--ff:"Adobe Clean","Source Sans Pro","Segoe UI",sans-serif;--fw:800;--mut:#e9e9e9}
.sp.sp-spectrum-2 .sp-t{font-size:18px}
.sp.sp-spectrum-2 .sp-btn{padding:8px 16px}
.sp.sp-spectrum-2 .sp-chip{border-radius:8px;font-weight:700}


.sp.sp-spectrum-design-system{--bg:#f8f8f8;--fg:#2c2c2c;--sf:#fff;--sfb:1px solid #e1e1e1;--r:4px;--ac:#1473e6;--act:#fff;--br:16px;--ch:#fff;--cht:#4b4b4b;--chb:1px solid #cacaca;--ff:"Adobe Clean","Source Sans Pro","Segoe UI",sans-serif;--fw:700;--mut:#eaeaea}
.sp.sp-spectrum-design-system .sp-chip{border-radius:4px}