.sl__bar{--sl-surface:#fff;--sl-fg:#08202a;--sl-fg2:#2b4751;--sl-border:rgba(8,32,42,.1);--sl-border2:rgba(8,32,42,.16);--sl-accent:#005578;display:flex;flex-direction:column;gap:13px;width:max-content;max-width:min(440px,100%);padding:16px;border-radius:18px;background:var(--sl-surface);color:var(--sl-fg);box-shadow:0 16px 40px #08202a29,inset 0 0 0 1px var(--sl-border)}[data-theme=dark] .sl__bar{--sl-surface:#0b2630;--sl-fg:#eafff6;--sl-fg2:#9dc3c9;--sl-border:rgba(255,255,255,.12);--sl-border2:rgba(255,255,255,.2);--sl-accent:#7BF5D6;background:#0b2630;box-shadow:0 16px 40px #000c1280,inset 0 0 0 1px var(--sl-border2)}.sl__barcta{display:flex;align-items:center;gap:13px;width:100%;text-align:left;padding:13px 15px;border-radius:13px;border:0;cursor:pointer;background:linear-gradient(135deg,#08e383,#3ee0a0 55%,#86f0c6);color:#fff;box-shadow:0 8px 22px #08e3834d;transition:filter var(--dur-fast),transform var(--dur-fast)}.sl__barcta:hover{filter:brightness(1.04);transform:translateY(-1px)}.sl__barcta:focus-visible{outline:none;box-shadow:0 0 0 4px #08e38366}.sl__barcta-ic{flex:none;width:40px;height:40px;border-radius:11px;display:grid;place-items:center;background:#ffffff2e}.sl__barcta-ic svg{width:21px;height:21px}.sl__barcta-txt{display:flex;flex-direction:column;gap:2px;min-width:0}.sl__barcta-title{font-family:var(--font-display);font-weight:800;font-size:15px;letter-spacing:-.01em}.sl__barcta-blurb{font-size:12px;font-weight:600;line-height:1.35;color:#fffc}.sl__barcta-arr{margin-left:auto;flex:none;display:grid;place-items:center;opacity:.7;transition:transform var(--dur-fast)}.sl__barcta:hover .sl__barcta-arr{transform:translate(2px);opacity:1}.sl__barcta-arr svg{width:18px;height:18px}.sl__barquick{display:flex;align-items:center;gap:11px;flex-wrap:wrap}.sl__barquicklabel{font-family:var(--font-display);font-weight:700;font-size:11px;color:var(--sl-fg2);text-transform:uppercase;letter-spacing:.09em}.sl__barsocials{display:flex;gap:6px}.sl__barsoc{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;border:1px solid var(--sl-border2);background:transparent;color:var(--sl-fg2);cursor:pointer;transition:color var(--dur-fast),border-color var(--dur-fast)}.sl__barsoc:hover{color:var(--sl-fg);border-color:var(--sl-accent)}.sl__barsoc.is-copied{color:#08e383;border-color:#08e383}.sl__barsoc svg{width:16px;height:16px}.sl__bar[data-mode=quick]{flex-direction:row;align-items:center;gap:14px;width:max-content;padding:9px 11px 9px 18px;border-radius:999px}.sl__bar[data-mode=quick] .sl__barquick{gap:14px}@media(max-width:560px){.sl__bar{width:100%}.sl__bar[data-mode=quick]{flex-wrap:wrap;justify-content:center;border-radius:18px;padding:14px}.sl__barquick{justify-content:center}.sl__barsocials{flex-wrap:wrap;justify-content:center}}.sl__corner,.sl__rowbtn,.sl__tilebtn,.sl__inline{--sl-surface:#fff;--sl-fg:#08202a;--sl-fg2:#2b4751;--sl-border:rgba(8,32,42,.1);--sl-border2:rgba(8,32,42,.16);--sl-accent:#005578;--sl-glass:rgba(255,255,255,.82)}[data-theme=dark] .sl__corner,[data-theme=dark] .sl__rowbtn,[data-theme=dark] .sl__tilebtn,[data-theme=dark] .sl__inline{--sl-surface:#0b2630;--sl-fg:#eafff6;--sl-fg2:#9dc3c9;--sl-border:rgba(255,255,255,.12);--sl-border2:rgba(255,255,255,.2);--sl-accent:#7BF5D6;--sl-glass:rgba(11,38,48,.78)}.sl__corner{position:absolute;top:12px;right:12px;z-index:5;width:34px;height:34px;border-radius:10px;display:grid;place-items:center;cursor:pointer;border:1px solid var(--sl-border2);background:var(--sl-glass);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:var(--sl-accent);box-shadow:var(--shadow-sm);opacity:.72;transition:opacity var(--dur-fast),transform var(--dur-fast),box-shadow var(--dur-fast),border-color var(--dur-fast)}.sl__corner:hover,.sl__corner:focus-visible{opacity:1;transform:translateY(-1px);box-shadow:var(--shadow-md);border-color:var(--sl-accent);outline:none}.sl__corner svg{width:16px;height:16px}.sl-rowhost,.sl-tilehost{position:relative}.sl__rowbtn{width:28px;height:28px;border-radius:8px;border:1px solid var(--sl-border2);background:var(--sl-surface);color:var(--sl-accent);display:grid;place-items:center;cursor:pointer;opacity:0;transform:scale(.85);transition:opacity var(--dur-fast),transform var(--dur-fast),border-color var(--dur-fast)}.sl__rowbtn svg{width:14px;height:14px}.sl-rowhost:hover .sl__rowbtn,.sl-rowhost:focus-within .sl__rowbtn,.sl__rowbtn:focus-visible{opacity:1;transform:scale(1)}.sl__rowbtn:hover{border-color:var(--sl-accent)}.sl__rowbtn.is-copied{color:#08e383;border-color:#08e383}.sl__tilebtn{position:absolute;top:10px;right:10px;z-index:3;width:30px;height:30px;border-radius:9px;border:0;background:#0410166b;color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:grid;place-items:center;cursor:pointer;opacity:0;transform:scale(.9);transition:opacity var(--dur-fast),transform var(--dur-fast),background var(--dur-fast)}.sl__tilebtn svg{width:15px;height:15px}.sl-tilehost:hover .sl__tilebtn,.sl-tilehost:focus-within .sl__tilebtn,.sl__tilebtn:focus-visible{opacity:1;transform:scale(1);outline:none}.sl__tilebtn:hover{background:#041016a3}.sl__tilebtn.is-copied{background:#08e383;color:#06231a}.sl__inline{display:inline-flex;align-items:center;gap:8px;padding:9px 15px;border-radius:11px;cursor:pointer;font-family:var(--font-display);font-weight:800;font-size:13.5px;letter-spacing:-.01em;background:var(--sl-surface);color:var(--sl-accent);border:1px solid var(--sl-border2);box-shadow:var(--shadow-sm);transition:border-color var(--dur-fast),box-shadow var(--dur-fast),transform var(--dur-fast)}.sl__inline svg{width:16px;height:16px}.sl__inline:hover{border-color:var(--sl-accent);box-shadow:var(--shadow-md);transform:translateY(-1px)}.sl__inline:focus-visible{outline:none;box-shadow:0 0 0 4px #08e3834d}.sl__inline--icon{padding:0;width:38px;height:38px;justify-content:center;gap:0;border-radius:10px}.sl__inline.is-copied{color:#08e383;border-color:#08e383}@media(prefers-reduced-motion:reduce){.sl__corner,.sl__rowbtn,.sl__tilebtn,.sl__inline{transition:none}}.sp__ov{position:fixed;inset:0;z-index:10000;display:grid;place-items:center;padding:20px;background:#040c129e;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);opacity:0;pointer-events:none;transition:opacity .2s ease;font-family:var(--font-body);--sp-surface:#fff;--sp-fg:#08202a;--sp-fg2:#2b4751;--sp-border:rgba(8,32,42,.12)}[data-theme=dark] .sp__ov{--sp-surface:#0b2630;--sp-fg:#eafff6;--sp-fg2:#9dc3c9;--sp-border:rgba(255,255,255,.14)}.sp__ov.is-on{opacity:1;pointer-events:auto}.sp__card{position:relative;width:min(420px,100%);background:var(--sp-surface);color:var(--sp-fg);border-radius:20px;padding:22px;box-shadow:0 30px 80px #00080e80,inset 0 0 0 1px var(--sp-border);transform:translateY(10px) scale(.985);transition:transform .24s cubic-bezier(.2,1,.3,1)}.sp__ov.is-on .sp__card{transform:none}.sp__x{position:absolute;top:12px;right:12px;width:30px;height:30px;border-radius:9px;border:0;cursor:pointer;background:transparent;color:var(--sp-fg2);display:grid;place-items:center}.sp__x:hover{background:color-mix(in oklab,var(--sp-fg) 8%,transparent);color:var(--sp-fg)}.sp__x svg{width:18px;height:18px}.sp__h{font-family:var(--font-display);font-weight:800;font-size:18px;letter-spacing:-.01em;margin:2px 0 14px}.sp__studio{display:flex;align-items:center;gap:13px;width:100%;text-align:left;padding:14px;border-radius:14px;border:0;cursor:pointer;background:linear-gradient(135deg,#08e383,#3ee0a0 55%,#86f0c6);color:#06231a;box-shadow:0 8px 22px #08e3834d;transition:filter .14s}.sp__studio:hover{filter:brightness(1.04)}.sp__studio:focus-visible{outline:none;box-shadow:0 0 0 4px #08e38366}.sp__studio-ic{flex:none;width:40px;height:40px;border-radius:11px;display:grid;place-items:center;background:#06231a1f}.sp__studio-ic svg{width:21px;height:21px}.sp__studio-txt{display:flex;flex-direction:column;gap:2px;min-width:0}.sp__studio-t{font-family:var(--font-display);font-weight:800;font-size:15px}.sp__studio-b{font-size:12px;font-weight:600;line-height:1.35;color:#06231abd}.sp__studio-arr{margin-left:auto;flex:none}.sp__studio-arr svg{width:18px;height:18px}.sp__quick{display:block;width:100%;margin-top:10px;padding:12px;border-radius:12px;cursor:pointer;background:transparent;border:1px solid var(--sp-border);color:var(--sp-fg2);font-family:var(--font-display);font-weight:700;font-size:14px}.sp__quick:hover{color:var(--sp-fg);border-color:color-mix(in oklab,var(--sp-fg) 24%,transparent)}@media(prefers-reduced-motion:reduce){.sp__ov,.sp__card{transition:none}}