:root{--base-black: #000000;--base-white: #ffffff;--base-gray: #6b7280;--tint-color: color-mix( in srgb, var(--base-gray) 85%, var(--accent-base) 15% );--theme-base: var(--base-black);--theme-contrast: var(--base-white);--bg: color-mix(in srgb, var(--theme-base) 92%, var(--tint-color) 8%);--fg: color-mix(in srgb, var(--theme-contrast) 90%, var(--base-gray) 10%);--muted: color-mix(in srgb, var(--theme-contrast) 65%, var(--theme-base) 35%);--hidden: color-mix( in srgb, var(--theme-contrast) 50%, var(--theme-base) 50% );--border: color-mix( in srgb, var(--theme-contrast) 18%, var(--theme-base) 82% );--border-strong: color-mix( in srgb, var(--theme-contrast) 25%, var(--theme-base) 75% );--accent-base: #8b5cf6;--accent-rgb: 139 92 246;--accent: var(--accent-base);--accent-hover: color-mix( in srgb, var(--accent-base) 85%, var(--theme-base) 15% );--accent-muted: color-mix(in srgb, var(--accent-base) 75%, transparent 25%);--accent-on: var(--theme-base);--accent-ghost: color-mix( in srgb, var(--accent-base) 8%, var(--theme-base) 92% );--accent-confetti-1: var(--accent-base);--accent-confetti-2: color-mix(in srgb, var(--accent-base) 85%, white 15%);--accent-confetti-3: color-mix(in srgb, var(--accent-base) 65%, white 35%);--accent-confetti-4: color-mix(in srgb, var(--accent-base) 75%, black 25%);--surface-1: color-mix(in srgb, var(--bg) 95%, var(--tint-color) 5%);--surface-1-hover: color-mix( in srgb, var(--surface-1) 90%, var(--tint-color) 10% );--sidebar-bg: color-mix(in srgb, var(--surface-1) 98%, var(--accent-base) 2%);--sidebar-item-bg: color-mix( in srgb, var(--sidebar-bg) 95%, var(--accent-base) 5% );--sidebar-item-hover-bg: color-mix( in srgb, var(--sidebar-item-bg) 85%, var(--accent-base) 15% );--radius: 10px;--font: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif}*{box-sizing:border-box}html,body{margin:0;padding:0;font-family:var(--font)}html[data-theme=light]{--theme-base: var(--base-white);--theme-contrast: var(--base-black);--bg: color-mix(in srgb, var(--theme-base) 96%, var(--tint-color) 4%);--fg: color-mix(in srgb, var(--theme-contrast) 96%, var(--base-gray) 4%);--muted: color-mix(in srgb, var(--theme-contrast) 65%, var(--theme-base) 35%);--hidden: color-mix( in srgb, var(--theme-contrast) 50%, var(--theme-base) 50% );--border: color-mix( in srgb, var(--theme-contrast) 15%, var(--theme-base) 85% );--border-strong: color-mix( in srgb, var(--theme-contrast) 25%, var(--theme-base) 75% );--accent-on: var(--theme-contrast);--accent-ghost: color-mix( in srgb, var(--accent-base) 5%, var(--theme-base) 95% );--surface-1: color-mix(in srgb, var(--bg) 98%, var(--tint-color) 2%);--surface-1-hover: color-mix( in srgb, var(--surface-1) 92%, var(--tint-color) 8% );--sidebar-bg: color-mix( in srgb, var(--theme-base) 97%, var(--accent-base) 3% );--sidebar-item-bg: color-mix( in srgb, var(--sidebar-bg) 92%, var(--accent-base) 8% );--sidebar-item-hover-bg: color-mix( in srgb, var(--sidebar-item-bg) 80%, var(--accent-base) 20% )}html[data-accent=rose]{--accent-base: #e11d48;--accent-rgb: 225 29 72}html[data-accent=slate]{--accent-base: #64748b;--accent-rgb: 100 116 139}html[data-accent=orchid]{--accent-base: #8b5cf6;--accent-rgb: 139 92 246}html[data-accent=emerald]{--accent-base: #10b981;--accent-rgb: 16 185 129}html[data-accent=cobalt]{--accent-base: #2563eb;--accent-rgb: 37 99 235}html[data-accent=amber]{--accent-base: #f59e0b;--accent-rgb: 245 158 11}html[data-accent=charcoal]{--accent-base: #52525b;--accent-rgb: 82 82 91;--accent-on: var(--theme-contrast)}.container{max-width:800px;margin:0 auto;padding:2rem 1rem}.card{border:1px solid var(--border);border-radius:var(--radius);padding:1.25rem;background:var(--surface-1)}hr.sep{border:none;border-top:1px solid var(--border);margin:1.5rem 0}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media (prefers-reduced-motion: reduce){.likeIconWrap svg,.rc-digit{animation:none!important;transition:none!important}}@supports not (color: color-mix(in srgb,red 50%,blue 50%)){:root{--bg: #0b0f14;--fg: #e7ecf3;--muted: #a9b3c2;--hidden: #7b8595;--border: #2a3341;--border-strong: #3a4556;--surface-1: #0f141a;--surface-1-hover: #121a23;--sidebar-bg: #0f141a;--sidebar-item-bg: #0f1319;--sidebar-item-hover-bg: #121823;--accent-ghost: #1a1030;--accent-muted: #8b5cf6bd;--accent-confetti-1: var(--accent-base);--accent-confetti-2: var(--accent-base);--accent-confetti-3: var(--accent-base);--accent-confetti-4: var(--accent-base)}html[data-theme=light]{--bg: #f5f7fa;--fg: #0f172a;--muted: #475569;--hidden: #64748b;--border: #cbd5e1;--border-strong: #94a3b8;--surface-1: #ffffff;--surface-1-hover: #f1f5f9;--sidebar-bg: #ffffff;--sidebar-item-bg: #f7f9fc;--sidebar-item-hover-bg: #eef3fa;--accent-ghost: #efe7ff;--accent-muted: #8b5cf6bd}html{border:3px solid var(--border-strong)}html[data-accent=rose]{border-color:#e11d48}html[data-accent=slate]{border-color:#64748b}html[data-accent=orchid]{border-color:#8b5cf6}html[data-accent=emerald]{border-color:#10b981}html[data-accent=cobalt]{border-color:#2563eb}html[data-accent=amber]{border-color:#f59e0b}html[data-accent=charcoal]{border-color:#525252}}:root{--sidebar-open-w: clamp(180px, 16vw, 260px);--sidebar-collapsed-w: 48px;--sidebar-w: var(--sidebar-open-w)}html[data-sidebar-collapsed=true]{--sidebar-w: var(--sidebar-collapsed-w)}.appShell{display:grid;grid-template-columns:var(--sidebar-w) minmax(0,1fr);min-height:100dvh;transition:grid-template-columns .22s cubic-bezier(.2,.7,.2,1);background:var(--bg);color:var(--fg)}.appMain{min-width:0}.pageWrap{max-width:960px;margin:0 auto;padding:2rem 1rem}@media (prefers-reduced-motion: reduce){.appShell{transition:none!important}}.sbToggle .chev{display:none}html[data-sidebar-collapsed=true] .sbToggle .chev-right{display:inline-flex}html:not([data-sidebar-collapsed=true]) .sbToggle .chev-left{display:inline-flex}.sbTheme{position:relative}.sbTheme .icon-sun,.sbTheme .icon-moon{position:absolute;inset:0;display:grid;place-items:center;pointer-events:none;transition:transform .2s cubic-bezier(.2,.6,.2,1),opacity .2s cubic-bezier(.2,.6,.2,1);transform-origin:50% 50%}html[data-theme=light] .sbTheme .icon-sun,html:not([data-theme]) .sbTheme .icon-sun:where(:root){opacity:1;transform:rotate(0) scale(1)}html[data-theme=light] .sbTheme .icon-moon,html:not([data-theme]) .sbTheme .icon-moon:where(:root){opacity:0;transform:rotate(90deg) scale(0)}html[data-theme=dark] .sbTheme .icon-sun{opacity:0;transform:rotate(-90deg) scale(0)}html[data-theme=dark] .sbTheme .icon-moon{opacity:1;transform:rotate(0) scale(1)}@media (prefers-reduced-motion: reduce){.sbTheme .icon-sun,.sbTheme .icon-moon{transition:none!important}}.sbAccentWrap{position:relative;display:inline-grid}.sbAccent.btn.btn-ghost.btn-size-icon{display:inline-grid;place-items:center;padding:0;inline-size:var(--toggle-size);block-size:var(--toggle-size);border-radius:var(--radius);box-sizing:border-box}.sbAccent:focus:not(:focus-visible){outline:none;box-shadow:none}.sbAccent svg{width:18px;height:18px;display:block;margin:0;transform:translateZ(0)}.accentPopover{background:var(--surface-1);border:1px solid var(--border);border-radius:var(--radius);box-shadow:0 8px 28px #00000047,0 2px 8px #0000001f;z-index:1000;padding:6px;min-inline-size:200px;outline:none}.accentList{--item-h: 36px;--gap: 6px;display:grid;gap:var(--gap);max-block-size:calc(var(--item-h) * 3 + var(--gap) * 3);overflow:auto;padding:2px;outline:none}.accentList::-webkit-scrollbar{width:8px}.accentList::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--fg) 18%,transparent 82%);border-radius:10px}.accentList:hover::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--fg) 28%,transparent 72%)}.accentItem{display:grid;grid-template-columns:18px 1fr 16px;align-items:center;gap:10px;block-size:var(--item-h);padding-inline:10px;background:transparent;border:1px solid transparent;border-radius:calc(var(--radius) - 4px);color:var(--fg);cursor:pointer;text-align:start;-webkit-tap-highlight-color:transparent;transition:background .14s ease,border-color .14s ease;outline:none}.accentItem:hover{background:var(--sidebar-item-hover-bg);border-color:var(--border-strong)}.accentItem:focus{outline:none}.accentItem:focus-visible{box-shadow:0 0 0 2px var(--accent-ghost),0 0 0 1px var(--accent)}.accentItem.is-active,.accentItem[data-selected=true]{background:var(--accent-ghost);border-color:rgb(var(--accent-rgb) / .3)}.accentItem[aria-selected=true] .accentLabel,.accentItem[data-selected=true] .accentLabel{font-weight:600}.accentSwatch{inline-size:14px;block-size:14px;border-radius:50%;border:1px solid var(--border-strong)}.accentLabel{font-size:.95rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.accentCheck{text-align:center;color:var(--muted)}.accentPopover:focus,.accentPopover:focus-visible{outline:none}:root{--sb-pad: 5px;--toggle-size: clamp(30px, 2.6vw, 36px);--sb-header-h: calc(var(--toggle-size) * 2 + var(--sb-pad) * 3)}.appSidebar{position:sticky;top:0;height:100dvh;overflow:hidden auto;border-right:1px solid var(--border);background:var(--sidebar-bg);display:grid;grid-template-rows:var(--sb-header-h) auto 1fr auto;gap:0;padding:var(--sb-pad);box-sizing:border-box}.sbHeaderSpacer{position:relative;width:100%;height:100%}.sbHeaderInfo{position:absolute;inset-inline-start:.5rem;inset-block-start:.5rem;display:flex;flex-direction:column;line-height:1.2;font-weight:500;transition:opacity .14s ease}.sbHeaderName{font-size:1rem;color:var(--fg)}.sbHeaderHandle{font-size:1.3rem;color:var(--accent-muted)}.sbTopControls{position:absolute;inset-inline-end:0;inset-block-start:0;z-index:3;display:grid;grid-auto-flow:row;grid-auto-rows:min-content;justify-items:center;align-items:start;gap:6px}.sbSeparator{border:none;border-top:1px solid var(--border);margin:4px 0 10px;width:100%}.sbNav{margin-top:0}.sbList{display:grid;gap:6px;padding:0;margin:0}.sbList>li{list-style:none}.sbLink{position:relative;display:grid;grid-template-columns:24px 1fr;align-items:center;gap:.6rem;block-size:40px;box-sizing:border-box;padding:0 .6rem;border:1px solid var(--border);border-radius:var(--radius);color:var(--muted);text-decoration:none;background:var(--sidebar-item-bg);transition:color .14s ease,background .14s ease,border-color .14s ease}.sbIcon{width:24px;height:24px;display:grid;place-items:center;justify-content:center;line-height:0;justify-self:center}.sbIcon svg{width:18px;height:18px}.sbLink:hover{color:var(--fg);background:var(--sidebar-item-hover-bg);border-color:var(--border-strong)}.sbLink.is-active{color:var(--fg);background:var(--sidebar-item-hover-bg);border-color:rgb(var(--accent-rgb) / .45);box-shadow:inset 2px 0 0 0 var(--accent)}.sbLink:focus-visible{outline:none;box-shadow:inset 2px 0 0 0 var(--accent),0 0 0 2px var(--accent-ghost),0 0 0 1px var(--accent)}.sbLabel{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sbFooter{min-height:8px;display:flex;align-items:center;justify-content:flex-end;gap:10px}.sbList,.sbLink{min-width:0}html[data-sidebar-collapsed=true] .sbHeaderInfo{opacity:0;pointer-events:none}html[data-sidebar-collapsed=true] .sbTopControls{inset-inline-end:auto;inset-inline-start:50%;transform:translate(-50%)}html[data-sidebar-collapsed=true] .sbLink{grid-template-columns:24px;justify-items:center;padding-inline:.4rem}html[data-sidebar-collapsed=true] .sbLabel{display:none}html[data-sidebar-collapsed=true] .sbFooter{justify-content:center}.sbAccentName{font-size:.95rem;color:var(--muted);white-space:nowrap}.sbAccentName:before{content:var(--accent-label, "Orchid")}html[data-sidebar-collapsed=true] .sbAccentName{display:none}@media (prefers-reduced-motion: reduce){.sbLink,.sbHeaderInfo{transition:none!important}}