.dqt-decor{--decor-ink: var(--text-soft);position:absolute;pointer-events:none;-webkit-user-select:none;user-select:none;color:var(--decor-ink);z-index:0}@supports (color: color-mix(in srgb,red,blue)){.dqt-decor{--decor-ink: color-mix(in srgb, var(--text) 70%, var(--amber))}:root[data-theme=dark] .dqt-decor{--decor-ink: color-mix(in srgb, var(--text) 75%, var(--amber))}}.dqt-drum svg{display:block;width:100%;height:100%;fill:var(--drum-ink, #f4a33d);animation:dqt-drum-in .9s ease-out both}@keyframes dqt-drum-in{0%{opacity:0}}.dqt-site-decor{--t: 0;--drum-ink: #f4a33d;--drum-a: .2;position:fixed;inset:0;z-index:-1;overflow:hidden;contain:strict}.dqt-site-decor .dqt-site-drum{--size: min(118vh, 96vw);position:absolute;top:50%;width:var(--size);aspect-ratio:1;margin-top:calc(var(--size) / -2);will-change:transform,opacity}.dqt-site-decor .is-right{right:calc(var(--size) * -.34);opacity:calc(var(--drum-a) * (1 - var(--t)));translate:calc(var(--t) * 24%) 0;transform:rotate(var(--spin, 0deg))}.dqt-site-decor .is-left{left:calc(var(--size) / -2);opacity:calc(var(--drum-a) * var(--t));translate:calc((1 - var(--t)) * -24%) 0;transform:rotate(calc(var(--spin, 0deg) * -1))}:root[data-theme=dark] .dqt-site-decor{--drum-a: .16}@media(max-width:640px){.dqt-site-decor .dqt-site-drum{--size: 132vw}.dqt-site-decor .is-right{right:-58vw}}.dqt-lac-flock{position:fixed;inset:0;z-index:-1;pointer-events:none;overflow:hidden;contain:strict;opacity:0;transition:opacity .6s var(--ease);color:#e8912a}.dqt-lac-flock.is-on{opacity:1}.dqt-lac-flock .dqt-lac{position:absolute;left:0;top:0;display:block;opacity:0;will-change:transform,opacity}.dqt-lac-flock .dqt-lac-svg{display:block;width:100%;height:100%;overflow:visible;opacity:.72;filter:drop-shadow(0 2px 2px rgba(120,60,0,.18))}.dqt-lac-flock .lac-wing{transform-box:fill-box;animation:dqt-wing-glide 4.2s ease-in-out infinite;animation-delay:var(--flap-d, 0s)}.dqt-lac-flock .lac-wing-up{transform-origin:42.5% 98%}.dqt-lac-flock .lac-wing-down{transform-origin:62.5% 0%}.dqt-lac-flock .dqt-lac:nth-child(2){--flap-d: -1.3s}.dqt-lac-flock .dqt-lac:nth-child(3){--flap-d: -2.6s}.dqt-lac-flock .dqt-lac:nth-child(4){--flap-d: -.7s}.dqt-lac-flock .dqt-lac:nth-child(5){--flap-d: -2s}.dqt-lac-flock .dqt-lac:nth-child(6){--flap-d: -3.3s}.dqt-lac-flock .dqt-lac.is-flap .lac-wing{animation:dqt-wing .24s ease-in-out infinite alternate}.dqt-lac-flock:not(.is-on) .lac-wing{animation-play-state:paused}:root[data-theme=dark] .dqt-lac-flock{color:#f4a33d}:root[data-theme=dark] .dqt-lac-flock .dqt-lac-svg{opacity:.66}@keyframes dqt-wing{0%{transform:scaleY(1)}to{transform:scaleY(.3)}}@keyframes dqt-wing-glide{0%,16%,32%,48%,to{transform:scaleY(1)}8%,24%,40%{transform:scaleY(.45)}}@media(hover:none),(pointer:coarse){.dqt-lac-flock{display:none}}.dqt-lac-tap{position:fixed;inset:0;z-index:64;display:none;pointer-events:none;overflow:hidden;contain:strict;color:#e8912a}.dqt-lac-tap .dqt-lac{position:absolute;left:0;top:0;display:block;opacity:0;will-change:transform,opacity}.dqt-lac-tap .dqt-lac-svg{display:block;width:100%;height:100%;overflow:visible}.dqt-lac-tap .lac-wing{transform-box:fill-box;animation:dqt-wing .42s ease-in-out infinite alternate}.dqt-lac-tap .lac-wing-up{transform-origin:42.5% 98%}.dqt-lac-tap .lac-wing-down{transform-origin:62.5% 0%}.dqt-lac-tap .dqt-lac:nth-child(2) .lac-wing{animation-delay:-.14s}.dqt-lac-tap .dqt-lac:nth-child(3) .lac-wing{animation-delay:-.28s}.dqt-lac-tap:not(.is-on) .lac-wing{animation-play-state:paused}:root[data-theme=dark] .dqt-lac-tap{color:#f4a33d}@media(hover:none),(pointer:coarse){.dqt-lac-tap{display:block}}footer.site-footer{position:relative;isolation:isolate;margin-top:140px}.site-footer>.site-footer-inner{position:relative;z-index:1}.site-footer-link{text-decoration:underline;text-underline-offset:3px}.site-footer-link:hover{color:var(--text)}.dqt-tribe{--k: .7;position:absolute;left:0;right:0;bottom:100%;height:140px;overflow:hidden;pointer-events:none;-webkit-user-select:none;user-select:none;container-type:inline-size;color:#b8651a;opacity:0;transition:opacity 1.2s var(--ease-out)}.dqt-tribe.is-in{opacity:.5}.dqt-tribe .dqt-fig{position:relative;display:block;flex:none;width:calc(var(--w) * var(--k) * var(--s, 1) * 1px);height:calc(var(--h) * var(--k) * var(--s, 1) * 1px);transform-origin:50% 100%}.dqt-tribe .dqt-fig>i{position:absolute;inset:0;transform-origin:var(--px, 50%) var(--py, 100%)}.dqt-tribe .dqt-fig svg{display:block;width:100%;height:100%;overflow:visible}.dqt-tribe .is-mirror{scale:-1 1}.dqt-tribe .dqt-sky{position:absolute;inset:0 0 42%}.dqt-tribe .dqt-fly{position:absolute;left:0;top:var(--top);animation:dqt-cruise var(--dur) linear infinite;animation-delay:var(--dl, 0s)}.dqt-tribe .dqt-fly.is-back{animation-name:dqt-cruise-back}.dqt-tribe .dqt-lac-fly{width:calc(96px * var(--s, 1))}.dqt-tribe .dqt-bird{display:block;width:100%;height:auto;animation:dqt-glide 7s ease-in-out infinite alternate;animation-delay:var(--d, 0s)}.dqt-tribe .dqt-bird .lac-wing{transform-box:fill-box;animation:dqt-wing-glide 4.2s ease-in-out infinite;animation-delay:var(--d, 0s)}.dqt-tribe .dqt-bird .lac-wing-up{transform-origin:42.5% 98%}.dqt-tribe .dqt-bird .lac-wing-down{transform-origin:62.5% 0%}.dqt-tribe .is-wing{animation:dqt-bound var(--flap, 2.2s) ease-in-out infinite;animation-delay:var(--fd, 0s)}.dqt-tribe .is-wing .p-canh-tren,.dqt-tribe .is-wing .p-canh-duoi{animation:dqt-wing-glide var(--flap, 2.2s) ease-in-out infinite;animation-delay:var(--fd, 0s)}.dqt-tribe .dqt-village{position:absolute;left:0;right:0;bottom:0;display:flex;align-items:flex-end;justify-content:space-evenly;padding:0 1.5cqw;opacity:.66}.dqt-tribe .dqt-group{display:flex;align-items:flex-end;gap:calc(9px * var(--k))}.dqt-tribe .dqt-cell{position:relative;display:block;flex:none}.dqt-tribe .dqt-zone{position:relative;flex:none;align-self:flex-end;width:calc(var(--zw) * var(--k) * 1px);height:1px}.dqt-tribe .dqt-roam{position:absolute;left:calc(var(--x0, 0) * var(--k) * 1px);bottom:0;animation:dqt-roam var(--dur) linear infinite alternate;animation-delay:var(--dl, 0s)}.dqt-tribe .dqt-face{display:block;animation:dqt-turn calc(var(--dur) * 2) step-end infinite;animation-delay:var(--dl, 0s)}.dqt-tribe .is-walk,.dqt-tribe .is-trot{animation:dqt-step var(--gait) ease-in-out infinite alternate;animation-delay:calc(var(--ph, 0) * -.11s)}.dqt-tribe .is-walk{--gait: .62s;--swing: 17deg}.dqt-tribe .is-trot{--gait: .42s;--swing: 13deg}.dqt-tribe .is-dog{--gait: .24s;--swing: 24deg}.dqt-tribe :is(.is-walk,.is-trot) :is(.p-chan-1,.p-chan-2,.p-chan-3,.p-chan-4){animation:dqt-leg var(--gait) ease-in-out infinite alternate;animation-delay:calc(var(--ph, 0) * -.11s)}.dqt-tribe :is(.is-walk,.is-trot) :is(.p-chan-2,.p-chan-3){animation-delay:calc(var(--gait) * -1 + var(--ph, 0) * -.11s)}.dqt-tribe .is-graze .p-dau{animation:dqt-graze 8s ease-in-out infinite}.dqt-tribe .is-drums .p-nguoi-1,.dqt-tribe .is-drums .p-trong-1{--n: 0}.dqt-tribe .is-drums .p-nguoi-2,.dqt-tribe .is-drums .p-trong-2{--n: 1}.dqt-tribe .is-drums .p-nguoi-3,.dqt-tribe .is-drums .p-trong-3{--n: 2}.dqt-tribe .is-drums .p-nguoi-4,.dqt-tribe .is-drums .p-trong-4{--n: 3}.dqt-tribe .is-drums :is(.p-nguoi-1,.p-nguoi-2,.p-nguoi-3,.p-nguoi-4){animation:dqt-strike 2.4s infinite;animation-delay:calc(var(--n) * .6s - 2.4s)}.dqt-tribe .is-drums :is(.p-trong-1,.p-trong-2,.p-trong-3,.p-trong-4){animation:dqt-boom 2.4s infinite;animation-delay:calc(var(--n) * .6s - 2.4s)}.dqt-tribe .is-dance{animation:dqt-hop .6s ease-in-out infinite,dqt-sway 1.2s ease-in-out infinite alternate;animation-delay:var(--dl, 0s)}.dqt-tribe .is-pound :is(.p-chay-a,.p-chay-b){animation:dqt-pestle 1.2s infinite}.dqt-tribe .is-pound .p-tay-a{animation:dqt-arm-a 1.2s infinite}.dqt-tribe .is-pound .p-tay-b{animation:dqt-arm-b 1.2s infinite}.dqt-tribe .is-pound :is(.p-chay-b,.p-tay-b){animation-delay:-.6s}.dqt-tribe .dqt-hover{position:absolute;left:38%;bottom:84%;animation:dqt-hover 3.4s ease-in-out infinite alternate}.dqt-tribe .is-hover :is(.p-canh-tren,.p-canh-duoi){animation:dqt-wing .22s ease-in-out infinite alternate}.dqt-tribe .is-roof .p-chim-1{animation:dqt-preen 6s ease-in-out infinite}.dqt-tribe .is-roof .p-chim-2{animation:dqt-perch 4.4s ease-in-out infinite alternate}.dqt-tribe .is-rite .p-nguoi{animation:dqt-chant 1.5s ease-in-out infinite alternate}.dqt-tribe .dqt-river{position:relative;flex:none;width:calc(var(--zw) * var(--k) * 1px);height:calc(84px * var(--k));overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 18%,#000 82%,transparent);mask-image:linear-gradient(90deg,transparent,#000 18%,#000 82%,transparent)}.dqt-tribe .dqt-boat{position:absolute;left:0;bottom:calc(-9px * var(--k));animation:dqt-sail 34s linear infinite;animation-delay:-12s}.dqt-tribe .is-row{animation:dqt-bob 3.4s ease-in-out infinite alternate}.dqt-tribe .is-row :is(.p-cheo-1,.p-cheo-2){animation:dqt-paddle 1.7s ease-in-out infinite}.dqt-tribe .is-row .p-cheo-2{animation-delay:-.12s}.dqt-tribe .is-row .p-lai{animation:dqt-steer 6s ease-in-out infinite alternate}.dqt-tribe .is-row .p-dui{animation:dqt-beat .85s ease-in infinite}.dqt-tribe .dqt-fish{position:absolute;left:calc(var(--x) * var(--k) * 1px);bottom:calc(5px * var(--k));opacity:0;animation:dqt-jump 7.5s ease-in-out infinite;animation-delay:var(--dl, 0s)}.dqt-tribe .dqt-water{--tw: calc(22px * var(--k));position:absolute;left:calc(var(--tw) * -.25);right:calc(var(--tw) * -.25);bottom:0;height:calc(15px * var(--k));overflow:hidden;z-index:1}.dqt-tribe .dqt-water:before{content:"";position:absolute;inset:0 auto 0 0;width:calc(100% + var(--tw));background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 22 15'%3E%3Cpath d='M0 3Q5.5-.5 11 3T22 3M0 8.5Q5.5 5 11 8.5T22 8.5M0 13.5Q5.5 10 11 13.5T22 13.5' fill='none' stroke='%23000' stroke-width='1.4'/%3E%3C/svg%3E") 0 0 / var(--tw) 100% repeat-x;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 22 15'%3E%3Cpath d='M0 3Q5.5-.5 11 3T22 3M0 8.5Q5.5 5 11 8.5T22 8.5M0 13.5Q5.5 10 11 13.5T22 13.5' fill='none' stroke='%23000' stroke-width='1.4'/%3E%3C/svg%3E") 0 0 / var(--tw) 100% repeat-x;animation:dqt-flow 3.6s linear infinite}.dqt-tribe .is-peck{transform-origin:var(--px) var(--py);animation:dqt-peck 6.5s ease-in-out infinite;animation-delay:var(--dl, 0s)}.dqt-tribe:not(.is-live),.dqt-tribe:not(.is-live) *,.dqt-tribe:not(.is-live) .dqt-water:before{animation-play-state:paused}:root[data-theme=dark] .dqt-tribe{color:#f4a33d}:root[data-theme=dark] .dqt-tribe.is-in{opacity:.42}@keyframes dqt-glide{0%{transform:translate(0) rotate(0)}to{transform:translate(10px,-5px) rotate(-2deg)}}@keyframes dqt-cruise{0%{transform:translate(-130px);opacity:0}6%,94%{opacity:1}to{transform:translate(calc(100cqw + 30px));opacity:0}}@keyframes dqt-cruise-back{0%{transform:translate(calc(100cqw + 30px));opacity:0}6%,94%{opacity:1}to{transform:translate(-130px);opacity:0}}@keyframes dqt-bound{0%,to{translate:0 3px;rotate:calc(2deg * var(--dir, 1))}46%{translate:0 -5px;rotate:calc(-3deg * var(--dir, 1))}}@keyframes dqt-roam{to{transform:translate(calc(var(--travel) * var(--k) * 1px))}}@keyframes dqt-turn{0%{scale:1 1}50%{scale:-1 1}}@keyframes dqt-flow{to{translate:calc(var(--tw) * -1) 0}}@keyframes dqt-bob{0%{transform:translateY(0) rotate(-1.2deg)}to{transform:translateY(-2px) rotate(1.2deg)}}@keyframes dqt-hop{0%,to{translate:0 0}40%{translate:0 var(--hop, -5px)}}@keyframes dqt-sway{0%{rotate:-2.5deg}to{rotate:2.5deg}}@keyframes dqt-step{0%{transform:translateY(0) rotate(-1deg)}to{transform:translateY(-1.5px) rotate(1deg)}}@keyframes dqt-leg{0%{transform:rotate(calc(var(--swing) * -1))}to{transform:rotate(var(--swing))}}@keyframes dqt-graze{0%,10%{transform:rotate(0)}20%{transform:rotate(36deg)}26%{transform:rotate(31deg)}32%{transform:rotate(36deg)}38%{transform:rotate(31deg)}44%,52%{transform:rotate(36deg)}62%,78%{transform:rotate(-4deg)}88%,to{transform:rotate(0)}}@keyframes dqt-strike{0%,18%,to{transform:translateY(0)}6%{transform:translateY(-4.2%);animation-timing-function:ease-in}10%{transform:translateY(1.2%);animation-timing-function:ease-out}}@keyframes dqt-boom{0%,9%,24%,to{transform:scale(1)}11%{transform:scale(1.04,.95)}15%{transform:scale(.99,1.01)}}@keyframes dqt-pestle{0%,50%,to{transform:translateY(0);animation-timing-function:ease-out}36%{transform:translateY(-6%);animation-timing-function:ease-in}}@keyframes dqt-arm-a{0%,50%,to{transform:skewY(0);animation-timing-function:ease-out}36%{transform:skewY(-17.4deg);animation-timing-function:ease-in}}@keyframes dqt-arm-b{0%,50%,to{transform:skewY(0);animation-timing-function:ease-out}36%{transform:skewY(26deg);animation-timing-function:ease-in}}@keyframes dqt-hover{0%{transform:translate(-6px,2px)}to{transform:translate(5px,-3px)}}@keyframes dqt-preen{0%,55%,to{transform:rotate(0)}62%,70%{transform:rotate(12deg)}66%{transform:rotate(9deg)}78%{transform:rotate(-3deg)}}@keyframes dqt-perch{0%{transform:rotate(-2deg)}to{transform:rotate(3deg)}}@keyframes dqt-chant{0%{transform:translateY(0) rotate(-1.5deg)}to{transform:translateY(-1.6%) rotate(1.5deg)}}@keyframes dqt-sail{0%{transform:translate(calc(214px * .86 * var(--k) * -1))}to{transform:translate(calc(var(--zw) * var(--k) * 1px))}}@keyframes dqt-paddle{0%,to{transform:rotate(-15deg)}60%{transform:rotate(15deg);animation-timing-function:ease-in-out}}@keyframes dqt-steer{0%{transform:rotate(-4deg)}to{transform:rotate(5deg)}}@keyframes dqt-beat{0%,to{transform:rotate(0)}55%{transform:rotate(-26deg);animation-timing-function:ease-in}}@keyframes dqt-jump{0%,74%{opacity:0;transform:translate(0) rotate(-45deg)}76%{opacity:1;transform:translateY(calc(-3px * var(--k))) rotate(-45deg)}84%{opacity:1;transform:translate(calc(12px * var(--k)),calc(-22px * var(--k))) rotate(0)}92%{opacity:1;transform:translate(calc(24px * var(--k)),calc(-3px * var(--k))) rotate(45deg)}94%,to{opacity:0;transform:translate(calc(26px * var(--k))) rotate(45deg)}}@keyframes dqt-peck{0%,58%,to{transform:rotate(0)}64%{transform:rotate(-6deg)}70%,74%{transform:rotate(30deg);animation-timing-function:ease-out}84%{transform:rotate(0)}}@container (min-width: 728px) and (max-width: 1252px){.dqt-tribe .is-tier4{display:none}}@container (min-width: 728px) and (max-width: 1105px){.dqt-tribe .is-tier3{display:none}}@container (min-width: 910px){.dqt-tribe :is(.dqt-sky,.dqt-village){--k: .8}}@container (max-width: 727px){.dqt-tribe .dqt-village{right:auto;width:max-content;justify-content:flex-start;gap:calc(30px * var(--k));padding:0 16px;opacity:.8;animation:dqt-pan 90s ease-in-out infinite alternate}}@keyframes dqt-pan{0%,4%{transform:translate(0)}96%,to{transform:translate(calc(100cqw - 100%))}}@media(max-width:700px){footer.site-footer{margin-top:110px}.dqt-tribe{--k: .5;height:110px}.dqt-tribe .dqt-fly:nth-child(4),.dqt-tribe .dqt-fly:nth-child(5),.dqt-tribe .dqt-fly:nth-child(n+9){display:none}}:root[data-perf=lite] .dqt-lac-flock .dqt-lac-svg{filter:none}:root[data-perf=lite] .dqt-tribe *,:root[data-perf=lite] .dqt-tribe .dqt-water:before{animation:none!important}:root[data-perf=lite] .dqt-tribe .dqt-fly,:root[data-perf=lite] .dqt-tribe .dqt-fish{display:none}.dqt-upd{position:fixed;z-index:71;box-sizing:border-box;padding:12px 14px;border:1px solid var(--border);border-radius:16px;background:var(--surface);box-shadow:var(--shadow-lg);color:var(--text);opacity:0;transition:opacity var(--dur) var(--ease)}.dqt-upd.is-in{opacity:1;animation:dqt-upd-in var(--dur-slow) var(--ease-spring) backwards}.dqt-upd.is-away{opacity:0;pointer-events:none}.dqt-upd:after{content:"";position:absolute;top:calc(var(--tail, 50%) - 6px);width:12px;height:12px;border:inherit;background:inherit;rotate:45deg;display:none}.dqt-upd[data-dir=r]:after{display:block;right:-7px;border-width:1px 1px 0 0}.dqt-upd[data-dir=l]:after{display:block;left:-7px;border-width:0 0 1px 1px}.dqt-upd-text{margin:0;font-size:.9rem;line-height:1.5;color:var(--text-soft)}.dqt-upd-text b{display:block;margin-bottom:2px;font-size:.8rem;color:var(--accent)}.dqt-upd-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:10px}.dqt-upd-actions button{padding:6px 14px;border-radius:var(--pill);border:1px solid var(--border);font:inherit;font-size:.85rem;font-weight:600;cursor:pointer;transition:background-color var(--dur) var(--ease),border-color var(--dur) var(--ease),color var(--dur) var(--ease)}.dqt-upd-skip{background:transparent;color:var(--text-muted)}.dqt-upd-skip:hover{background:var(--surface-hover);color:var(--text)}.dqt-upd-go{background:var(--primary);border-color:var(--primary);color:var(--primary-text)}.dqt-upd-go:hover{background:var(--primary-hover);border-color:var(--primary-hover)}@keyframes dqt-upd-in{0%{opacity:0;transform:translate3d(0,calc(8px * var(--mo)),0) scale(calc(1 - .04 * var(--mo)))}}:root,:root[data-theme=light]{--bg: #ffffff;--bg-subtle: #fafafa;--bg-elevated: #ffffff;--surface: #ffffff;--surface-2: #f6f6f7;--surface-hover: #f2f2f4;--surface-active: #ececee;--text: #0a0a0b;--text-soft: #3f3f46;--text-muted: #71717a;--text-faint: #a1a1aa;--border: #e7e7ea;--border-strong: #d6d6da;--primary: #111113;--primary-hover: #26262b;--primary-text: #ffffff;--accent: #2563eb;--accent-hover: #1d4ed8;--accent-soft: rgba(37, 99, 235, .1);--amber: #d97706;--amber-bright: #f59e0b;--amber-soft: rgba(245, 158, 11, .12);--green: #16a34a;--green-soft: rgba(22, 163, 74, .12);--red: #dc2626;--red-soft: rgba(220, 38, 38, .1);--sel-on-dark: #3d6cae;--shadow-xs: 0 1px 2px rgba(9, 9, 11, .05);--shadow-sm: 0 1px 3px rgba(9, 9, 11, .08), 0 1px 2px rgba(9, 9, 11, .04);--shadow-md: 0 4px 16px rgba(9, 9, 11, .08), 0 2px 4px rgba(9, 9, 11, .04);--shadow-lg: 0 12px 32px rgba(9, 9, 11, .12), 0 4px 8px rgba(9, 9, 11, .05);--dot: rgba(9, 9, 11, .045);--mesh-1: rgba(37, 99, 235, .05);--mesh-2: rgba(245, 158, 11, .05);--radius-sm: 10px;--radius: 14px;--radius-lg: 20px;--radius-xl: 28px;--pill: 999px;--font-sans: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, "SF Mono", Menlo, Consolas, monospace;--lead-style: normal;--lh-title: 1.25;--lh-lead: 1.45;--ease: cubic-bezier(.4, 0, .2, 1);--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-spring: cubic-bezier(.34, 1.36, .64, 1);--dur-fast: .14s;--dur: .2s;--dur-slow: .32s;--mo: 1;--topbar-h: 64px;color-scheme:light}:root[data-theme=dark]{--bg: #171a21;--bg-subtle: #1b1e26;--bg-elevated: #222630;--surface: #1f232c;--surface-2: #262b35;--surface-hover: #2e333f;--surface-active: #363c49;--text: #f3f4f7;--text-soft: #cdd1d9;--text-muted: #9aa0ac;--text-faint: #6c727e;--border: #313743;--border-strong: #434a58;--primary: #f3f4f7;--primary-hover: #e2e5ea;--primary-text: #171a21;--accent: #6ea8fe;--accent-hover: #93c0ff;--accent-soft: rgba(110, 168, 254, .16);--amber: #fbbf24;--amber-bright: #fcd34d;--amber-soft: rgba(251, 191, 36, .15);--green: #3ddc84;--green-soft: rgba(61, 220, 132, .15);--red: #f87171;--red-soft: rgba(248, 113, 113, .15);--shadow-xs: 0 1px 2px rgba(0, 0, 0, .3);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .35), 0 1px 2px rgba(0, 0, 0, .28);--shadow-md: 0 6px 20px rgba(0, 0, 0, .4), 0 2px 5px rgba(0, 0, 0, .3);--shadow-lg: 0 14px 44px rgba(0, 0, 0, .5), 0 5px 12px rgba(0, 0, 0, .4);--dot: rgba(255, 255, 255, .05);--mesh-1: rgba(110, 168, 254, .1);--mesh-2: rgba(251, 191, 36, .07);color-scheme:dark}:where(h1,h2,h3,h4){line-height:var(--lh-title)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;overflow-x:clip;max-width:100%;scrollbar-gutter:stable}@supports not (overflow-x: clip){html{overflow-x:hidden}}:focus:not(:focus-visible){outline:none}:root[dir=rtl] :is(pre,code,kbd,samp){direction:ltr;unicode-bidi:isolate}:where(a,button,input,select,textarea,label,summary,[role=button],[role=option],[role=tab]){touch-action:manipulation}body{min-height:100vh;max-width:100%;overflow-x:clip;background-color:var(--bg);color:var(--text);font-family:var(--font-sans);font-size:16px;line-height:1.6;letter-spacing:-.011em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color var(--dur) var(--ease),color var(--dur) var(--ease)}body:before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background-image:radial-gradient(circle at 15% 12%,var(--mesh-1),transparent 42%),radial-gradient(circle at 85% 8%,var(--mesh-2),transparent 40%),radial-gradient(var(--dot) 1px,transparent 1px);background-size:100% 100%,100% 100%,26px 26px;background-position:0 0,0 0,0 0}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer}img,svg{display:block;max-width:100%}pre,code,.codeblock,.response-panel{color-scheme:dark;forced-color-adjust:none}::selection,textarea::selection,input::selection,pre::selection,code::selection{background-color:var(--sel-on-dark)!important;color:#fff!important}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px}*{scrollbar-width:thin;scrollbar-color:var(--border-strong) transparent}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:999px;border:3px solid var(--bg)}::-webkit-scrollbar-thumb:hover{background:var(--text-faint)}.eyebrow{display:inline-flex;align-items:center;gap:10px;font-family:var(--font-sans);font-size:.72rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--text-muted)}.eyebrow:before,.eyebrow.is-centered:after{content:"";width:18px;height:1.5px;border-radius:1px;background:var(--amber)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 20px;border:1px solid transparent;border-radius:var(--pill);font-size:.9375rem;font-weight:600;letter-spacing:-.01em;line-height:1;white-space:nowrap;transition:transform var(--dur) var(--ease-spring),background-color var(--dur) var(--ease),border-color var(--dur) var(--ease),box-shadow var(--dur) var(--ease),color var(--dur) var(--ease)}.btn:active{transform:translateY(1px) scale(.97);transition-duration:60ms;transition-timing-function:var(--ease)}.btn-primary{background:var(--primary);color:var(--primary-text);box-shadow:var(--shadow-sm)}.btn-primary:hover{background:var(--primary-hover);box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-secondary{background:var(--surface);color:var(--text);border-color:var(--border-strong);box-shadow:var(--shadow-xs)}.btn-secondary:hover{background:var(--surface-hover);border-color:var(--text-faint);transform:translateY(-1px)}.btn-ghost{background:transparent;color:var(--text-soft)}.btn-ghost:hover{background:var(--surface-hover);color:var(--text)}.btn-lg{padding:14px 26px;font-size:1rem}.page{display:flex;flex-direction:column;min-height:100vh}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-xs);transition:transform var(--dur-slow) var(--ease-out),border-color var(--dur) var(--ease),box-shadow var(--dur-slow) var(--ease-out)}.card-hover:hover{transform:translateY(-3px);border-color:var(--border-strong);box-shadow:var(--shadow-md)}.pill{display:inline-flex;align-items:center;gap:7px;padding:6px 12px;border-radius:var(--pill);background:var(--surface-2);border:1px solid var(--border);font-size:.8125rem;font-weight:500;color:var(--text-soft);white-space:nowrap}.pill-live{color:var(--green);background:var(--green-soft);border-color:transparent}.pill .dot{width:7px;height:7px;border-radius:50%;background:currentColor;box-shadow:none;box-shadow:0 0 0 3px color-mix(in srgb,currentColor 22%,transparent)}.pill-live .dot{animation:pulse 2s var(--ease) infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.45}}.codeblock{background:#0d0d0f;color:#e4e4e7;border:1px solid var(--border);border-radius:var(--radius);font-family:var(--font-mono);font-size:.8125rem;line-height:1.7;overflow-x:auto}:root[data-theme=dark] .codeblock{background:#12151b}.codeblock pre{padding:18px 20px;margin:0;overflow-x:auto}.codeblock pre code{display:block;background:none;border:none;padding:0;color:#e4e4e7;font:inherit;white-space:pre}.codeblock pre code .code-line{display:block;min-height:1.7em}:not(pre)>code{font-family:var(--font-mono);font-style:normal;font-size:.84em;padding:2px 7px;border-radius:6px;background:#2563eb14;border:1px solid rgba(37,99,235,.18);color:var(--accent-hover);font-weight:500;word-break:break-word}:root[data-theme=dark] :not(pre)>code{background:#6ea8fe1a;border-color:#6ea8fe38;color:#93c0ff}.token.comment,.token.prolog,.token.doctype,.token.cdata,.ck-com{color:#71717a!important;font-style:italic}.token.string,.token.attr-value,.token.char,.tk-str,.ck-str{color:#3ddc84!important}.token.keyword,.token.boolean,.token.atrule,.token.selector,.tk-bool,.ck-kw{color:#c792ea!important;font-weight:500}.token.function,.token.function-name{color:#6ea8fe!important}.token.number,.tk-num{color:#fbbf24!important}.token.property,.token.attr-name,.token.tag,.tk-key{color:#38bdf8!important}.token.class-name,.token.builtin{color:#f472b6!important}.token.operator,.token.punctuation{color:#94a3b8!important}.token.variable,.token.regex,.token.important{color:#fb923c!important}.token.null,.tk-null{color:#71717a!important;font-style:italic}.token.url{color:#3ddc84!important;text-decoration:underline}.language-bash .token.parameter,.language-bash .token.operator{color:#c792ea!important}.language-bash .token.function,.language-json .token.property{color:#38bdf8!important}.code-head{display:flex;align-items:center;gap:7px;padding:12px 16px;border-bottom:1px solid rgba(255,255,255,.08)}.code-dot{width:11px;height:11px;border-radius:50%;background:#3f3f46}.code-dot:nth-child(1){background:#ff5f57}.code-dot:nth-child(2){background:#febc2e}.code-dot:nth-child(3){background:#28c840}.code-title{margin-left:8px;font-family:var(--font-mono);font-size:.78rem;color:#a1a1aa;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.code-copy{margin-left:auto;flex-shrink:0;padding:5px 12px;border-radius:var(--pill);border:1px solid rgba(255,255,255,.14);background:#ffffff0f;color:#e4e4e7;font-size:.76rem;font-weight:600;transition:background-color var(--dur) var(--ease),transform var(--dur-fast) var(--ease)}.code-copy:hover{background:#ffffff24}.code-copy:active{transform:scale(.95)}@keyframes rise{0%{opacity:0;transform:translateY(calc(14px * var(--mo)))}to{opacity:1;transform:translateY(0)}}.rise{animation:rise .55s var(--ease-out) both;animation-delay:calc(var(--i, 0) * 60ms)}@supports (transition-timing-function: linear(0,1)){:root,:root[data-theme]{--ease-spring: linear(0, .037, .128, .247, .376, .504, .621, .724, .811, .88, .934, .974, 1.002, 1.02, 1.03, 1.035, 1.036, 1.034, 1.03, 1.026, 1.021, 1.017, 1.013, 1.009, 1.006, 1.004, 1.002, 1.001, 1, .999, 1)}}@keyframes route-in{0%{opacity:0;transform:translateY(calc(8px * var(--mo)))}}@keyframes route-fade{0%{opacity:0}}.route-view>*>:not(.topbar,.toast,.picker-overlay){animation:route-in var(--dur-slow) var(--ease-out) backwards}.route-fallback{position:fixed;inset:0 0 auto;z-index:90;height:2px;overflow:hidden;pointer-events:none;opacity:0;animation:route-show var(--dur) var(--ease) .18s forwards}@keyframes route-show{to{opacity:1}}.route-fallback-bar{display:block;width:40%;height:100%;border-radius:2px;background:linear-gradient(90deg,transparent,var(--accent),transparent);animation:route-bar 1.1s var(--ease) infinite}@keyframes route-bar{0%{transform:translate(-100%)}to{transform:translate(250%)}}.theme-switching,.theme-switching *,.theme-switching *:before,.theme-switching *:after{transition:none!important}::view-transition-old(root),::view-transition-new(root){animation:none;mix-blend-mode:normal}:root[data-perf=lite] *,:root[data-perf=lite] *:before,:root[data-perf=lite] *:after{-webkit-backdrop-filter:none!important;backdrop-filter:none!important}:root[data-perf=lite] .pill-live .dot{animation:none}:root[data-perf=lite] .route-view>*>:not(.topbar,.toast,.picker-overlay){animation-name:route-fade;animation-duration:var(--dur)}@media(prefers-reduced-motion:reduce){:root,:root[data-theme]{--dur: 90ms;--dur-fast: 80ms;--dur-slow: .12s;--mo: .25;--ease-spring: var(--ease-out)}html{scroll-behavior:auto}}.challenge-card{position:fixed;left:50%;bottom:24px;transform:translate(-50%);z-index:2147483000;display:flex;flex-direction:column;align-items:center;max-width:calc(100vw - 32px);padding:10px 16px;background:var(--bg-elevated);color:var(--text);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-lg);font:500 14px/1.4 var(--font-sans);text-align:center}.challenge-card.is-interactive{padding:14px 16px 12px}.challenge-card.is-interactive .challenge-msg{margin-bottom:10px}.challenge-msg{display:flex;align-items:center;gap:10px}.challenge-card:not(.is-interactive) .challenge-msg:before{content:"";flex:none;width:14px;height:14px;border:2px solid var(--accent-soft);border-top-color:var(--accent);border-radius:50%;animation:challenge-spin .8s linear infinite}@keyframes challenge-spin{to{transform:rotate(360deg)}}.container{width:100%;max-width:1120px;margin-inline:auto;padding-inline:24px}.topbar{position:sticky;top:0;z-index:50;background:color-mix(in srgb,var(--bg) 82%,transparent);backdrop-filter:saturate(1.4) blur(14px);-webkit-backdrop-filter:saturate(1.4) blur(14px);border-bottom:1px solid transparent;transition:border-color var(--dur) var(--ease),background-color var(--dur) var(--ease),box-shadow var(--dur) var(--ease)}.topbar.is-scrolled{border-bottom-color:var(--border);box-shadow:var(--shadow-xs)}.topbar.menu-open{background:var(--bg);border-bottom-color:var(--border)}:root[data-perf=lite] .topbar{background:color-mix(in srgb,var(--bg) 96%,transparent)}.topbar-inner{height:var(--topbar-h);display:flex;align-items:center;gap:20px}.brand{display:inline-flex;align-items:center;gap:11px;flex-shrink:0;transition:opacity var(--dur) var(--ease)}.brand:hover{opacity:.86}.brand:active .brand-mark img{transform:scale(.94);transition:transform 80ms var(--ease)}.is-hop{--hop: 1;transform-origin:50% 100%;animation:dqt-ico-hop 3s both}@media(prefers-reduced-motion:reduce){.is-hop{--hop: .6}}@keyframes dqt-ico-hop{0%{transform:none;animation-timing-function:cubic-bezier(.22,1,.36,1)}12%{transform:translateY(calc(-4px * var(--hop)));animation-timing-function:ease-in-out}24%{transform:translateY(calc(-4px * var(--hop))) rotate(calc(-7deg * var(--hop)));animation-timing-function:ease-in-out}38%{transform:translateY(calc(-4px * var(--hop))) rotate(calc(6deg * var(--hop)));animation-timing-function:ease-in-out}50%{transform:translateY(calc(-4px * var(--hop))) rotate(calc(-2deg * var(--hop)));animation-timing-function:ease-in-out}60%{transform:translateY(calc(-4px * var(--hop)));animation-timing-function:cubic-bezier(.45,0,.2,1)}to{transform:none}}.brand-mark{width:34px;height:34px;flex-shrink:0}.brand-mark svg,.brand-mark img{width:100%;height:100%;border-radius:8px;object-fit:cover;display:block}.brand-copy{display:flex;flex-direction:column;line-height:1.1}.brand-name{font-size:1.02rem;font-weight:800;letter-spacing:-.02em;color:var(--text)}.brand-sub{font-size:.72rem;font-weight:500;color:var(--text-muted);letter-spacing:.01em}.topbar-nav{display:flex;align-items:center;gap:4px;margin-inline-start:8px}.topbar-link{padding:8px 14px;border-radius:var(--pill);font:inherit;font-size:.9rem;font-weight:500;color:var(--text-muted);background:none;border:0;cursor:pointer;text-decoration:none;transition:color var(--dur) var(--ease),background-color var(--dur) var(--ease),transform var(--dur) var(--ease-spring, var(--ease))}.topbar-link:active{transform:scale(.96);transition-duration:80ms}.topbar-link:hover{color:var(--text);background:var(--surface-hover)}.topbar-link[data-active]{color:var(--text);background:var(--surface-2)}.topbar-link.is-on{color:var(--text);background:var(--surface);box-shadow:inset 0 0 0 1px var(--border)}.topbar-actions{display:flex;align-items:center;gap:10px;flex-shrink:0;margin-inline-start:auto}.theme-toggle{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--pill);border:1px solid var(--border);background:var(--surface);color:var(--text-soft);cursor:pointer;transition:background-color var(--dur) var(--ease),color var(--dur) var(--ease),border-color var(--dur) var(--ease),transform var(--dur) var(--ease)}.theme-toggle:hover{background:var(--surface-hover);color:var(--text);border-color:var(--border-strong)}.theme-toggle:active{transform:scale(.9);transition-duration:80ms}.theme-toggle svg{width:19px;height:19px}.theme-switching .theme-toggle svg{animation:theme-icon-in var(--dur-slow, .32s) var(--ease-spring, var(--ease-out)) both}@keyframes theme-icon-in{0%{opacity:0;transform:rotate(calc(-100deg * var(--mo, 1))) scale(calc(1 - .6 * var(--mo, 1)))}}.topbar-cta{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:9px 18px;border:1px solid transparent;border-radius:var(--pill);background:var(--primary);color:var(--primary-text);font:inherit;font-size:.9375rem;font-weight:600;letter-spacing:-.01em;line-height:1;white-space:nowrap;cursor:pointer;box-shadow:var(--shadow-sm);transition:transform var(--dur) var(--ease),background-color var(--dur) var(--ease),box-shadow var(--dur) var(--ease)}.topbar-cta:hover{background:var(--primary-hover);box-shadow:var(--shadow-md);transform:translateY(-1px)}.topbar-cta:active{transform:translateY(1px) scale(.97);transition-duration:80ms}.topbar-menus{display:flex;align-items:center;gap:10px}.features-menu{position:relative}.features-caret{transition:transform var(--dur) var(--ease)}.features-caret.is-open{transform:rotate(180deg)}.features-dropdown{position:absolute;top:calc(100% + 8px);inset-inline-end:0;z-index:60;display:flex;flex-direction:column;min-width:180px;padding:6px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow-md);opacity:0;visibility:hidden;transform:translateY(calc(-6px * var(--mo, 1))) scale(calc(1 - .04 * var(--mo, 1)));transform-origin:top right;pointer-events:none;transition:opacity var(--dur-fast, .14s) var(--ease),transform var(--dur) var(--ease),visibility 0s linear var(--dur)}[dir=rtl] .features-dropdown{transform-origin:top left}.features-dropdown.is-open{opacity:1;visibility:visible;transform:none;pointer-events:auto;transition:opacity var(--dur) var(--ease),transform var(--dur-slow, .32s) var(--ease-spring, var(--ease-out)),visibility 0s}:root[data-perf=full] .features-dropdown .features-item{opacity:0;transform:translateY(-4px);transition:opacity var(--dur) var(--ease),transform var(--dur-slow, .32s) var(--ease-out),color var(--dur) var(--ease),background-color var(--dur) var(--ease)}:root[data-perf=full] .features-dropdown.is-open .features-item{opacity:1;transform:none;transition-delay:calc(var(--i, 0) * 22ms + 30ms),calc(var(--i, 0) * 22ms + 30ms),0s,0s}.features-item{padding:9px 12px;border-radius:var(--radius-sm);font-size:.9rem;font-weight:500;color:var(--text-soft);transition:color var(--dur) var(--ease),background-color var(--dur) var(--ease)}.features-item:hover{color:var(--text);background:var(--surface-hover)}.features-item[data-active]{color:var(--text);background:var(--surface-2)}.features-item:active{background:var(--surface-active)}.menu-btn{display:none;flex-direction:column;justify-content:center;gap:5px;width:40px;height:40px;border:1px solid var(--border);border-radius:var(--pill);background:var(--surface);cursor:pointer;transition:background-color var(--dur) var(--ease),border-color var(--dur) var(--ease),transform var(--dur) var(--ease)}.menu-btn:hover{background:var(--surface-hover);border-color:var(--border-strong)}.menu-btn:active{transform:scale(.92);transition-duration:80ms}.menu-btn span{display:block;width:17px;height:2px;margin-inline:auto;border-radius:2px;background:var(--text);transition:transform var(--dur-slow, .32s) var(--ease-spring, var(--ease)),opacity var(--dur) var(--ease)}.menu-btn.is-open span:nth-child(1){transform:translateY(7px) rotate(45deg)}.menu-btn.is-open span:nth-child(2){opacity:0}.menu-btn.is-open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.mobile-menu{position:absolute;top:100%;left:0;right:0;max-height:calc(100dvh - var(--topbar-h));overflow-y:auto;overscroll-behavior:contain;border-bottom:1px solid var(--border);background:var(--bg);box-shadow:var(--shadow-lg);opacity:0;visibility:hidden;transform:translateY(calc(-10px * var(--mo, 1)));transition:opacity var(--dur) var(--ease),transform var(--dur) var(--ease),visibility 0s linear var(--dur)}.mobile-menu.is-open{opacity:1;visibility:visible;transform:none;transition:opacity var(--dur) var(--ease),transform var(--dur-slow, .32s) var(--ease-out),visibility 0s}.mobile-menu .mobile-link,.mobile-menu .mobile-group-label{opacity:0;transform:translateY(-6px);transition:opacity var(--dur) var(--ease),transform var(--dur-slow, .32s) var(--ease-out),color var(--dur) var(--ease),background-color var(--dur) var(--ease)}.mobile-menu.is-open .mobile-link,.mobile-menu.is-open .mobile-group-label{opacity:1;transform:none;transition-delay:calc(var(--i, 0) * 20ms + 40ms),calc(var(--i, 0) * 20ms + 40ms),0s,0s}:root[data-perf=lite] .mobile-menu .mobile-link,:root[data-perf=lite] .mobile-menu .mobile-group-label{opacity:1;transform:none;transition-delay:0s}.mobile-nav{display:flex;flex-direction:column;gap:2px;padding:12px 24px 20px}.mobile-link{padding:12px 14px;border-radius:var(--radius-sm);font-size:1rem;font-weight:500;color:var(--text-soft)}.mobile-link:active{background:var(--surface-active)}.mobile-link:hover,.mobile-link[data-active]{color:var(--text);background:var(--surface-hover)}.mobile-group-label{padding:14px 14px 4px;font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--text-faint)}.site-footer{border-top:1px solid var(--border);margin-top:80px;background:var(--bg-subtle)}.site-footer-inner{display:flex;align-items:center;gap:8px 20px;padding-block:12px}.site-footer-brand{display:flex;flex-direction:column;min-width:0;margin-inline-end:auto}.site-footer-name{font-weight:800;letter-spacing:-.02em;color:var(--text)}.site-footer-tag{font-size:.8rem;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.site-footer-copy{flex-shrink:0;font-size:.8rem;color:var(--text-faint);white-space:nowrap}.lang-switch{position:relative;display:flex;align-items:center;flex-shrink:0}.lang-switch-btn{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;border:1px solid var(--border);border-radius:var(--pill);background:var(--surface);color:var(--text-soft);cursor:pointer;transition:background-color var(--dur) var(--ease),color var(--dur) var(--ease),border-color var(--dur) var(--ease),transform var(--dur) var(--ease)}.lang-switch-btn:active{transform:scale(.9);transition-duration:80ms}@media(hover:hover)and (pointer:fine){.lang-switch-btn:hover{color:var(--text);border-color:var(--border-strong);background:var(--surface-hover)}}.lang-switch-btn.is-open{color:var(--text);border-color:var(--border-strong)}.lang-switch-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.lang-switch-btn>svg{width:19px;height:19px;flex-shrink:0}.lang-switch-panel{position:fixed;z-index:80;width:224px;margin:0;padding:6px;list-style:none;overflow-y:auto;overscroll-behavior:contain;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-lg);font-family:var(--font-sans);transform-origin:top center;animation:lang-switch-in var(--dur) var(--ease-out)}.lang-switch-panel:focus{outline:none}.lang-switch-panel:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.lang-switch-opt{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:var(--radius-sm);font-size:.88rem;color:var(--text-soft);cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color var(--dur-fast, .14s) var(--ease),color var(--dur-fast, .14s) var(--ease)}.lang-switch-opt.is-active{background:var(--surface-hover);color:var(--text)}.lang-switch-opt:active{background:var(--surface-active)}.lang-switch-opt.is-on{color:var(--accent);font-weight:600}.lang-switch-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:start}.lang-switch-code{font-size:.68rem;font-weight:600;letter-spacing:.08em;color:var(--text-faint);text-transform:uppercase}.lang-switch-check{flex-shrink:0;opacity:0;transform:scale(.5);transition:opacity var(--dur) var(--ease),transform var(--dur-slow, .32s) var(--ease-spring, var(--ease))}.lang-switch-opt.is-on .lang-switch-check{opacity:1;transform:none}.lang-switch-panel.is-out{pointer-events:none;animation:lang-switch-out var(--dur-fast, .14s) var(--ease) forwards}@keyframes lang-switch-in{0%{opacity:0;transform:translateY(calc(-6px * var(--mo, 1))) scale(calc(1 - .03 * var(--mo, 1)))}to{opacity:1;transform:none}}@keyframes lang-switch-out{to{opacity:0;transform:translateY(calc(-4px * var(--mo, 1))) scale(calc(1 - .02 * var(--mo, 1)))}}.acct{position:relative;display:flex;align-items:center;flex-shrink:0}.acct-signin,.acct-avatar-btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;height:40px;min-width:40px;padding:0;border:1px solid var(--border);border-radius:var(--pill);background:var(--surface);color:var(--text-soft);font:inherit;font-size:.875rem;font-weight:600;line-height:1;white-space:nowrap;cursor:pointer;transition:background-color var(--dur) var(--ease),color var(--dur) var(--ease),border-color var(--dur) var(--ease),transform var(--dur) var(--ease)}.acct-signin{padding-inline:12px 16px}.acct-signin>svg{width:18px;height:18px;flex-shrink:0}.acct-avatar-btn{width:40px;overflow:hidden}.acct-avatar-btn .acct-img,.acct-avatar-btn .acct-initial{width:100%;height:100%}.acct-signin:active,.acct-avatar-btn:active{transform:scale(.92);transition-duration:80ms}@media(hover:hover)and (pointer:fine){.acct-signin:hover,.acct-avatar-btn:hover{color:var(--text);border-color:var(--border-strong);background:var(--surface-hover)}}.acct-signin.is-open,.acct-avatar-btn.is-open{color:var(--text);border-color:var(--border-strong)}.acct-signin:focus-visible,.acct-avatar-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.acct-skel{display:block;flex-shrink:0;width:40px;height:40px;border:1px solid var(--border);border-radius:var(--pill);background:var(--surface-2)}.acct-img,.acct-initial{flex-shrink:0;width:var(--av, 32px);height:var(--av, 32px);border-radius:50%}.acct-img{display:block;object-fit:cover}.acct-initial{display:grid;place-items:center;background:var(--accent-soft);color:var(--accent);font-size:calc(var(--av, 32px) * .44);font-weight:700;line-height:1}.acct-pop{position:absolute;top:calc(100% + 8px);inset-inline-end:0;z-index:60;width:max-content;min-width:232px;max-width:min(320px,calc(100vw - 24px));padding:14px;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-elevated);box-shadow:var(--shadow-lg);opacity:0;visibility:hidden;transform:translateY(calc(-6px * var(--mo, 1))) scale(calc(1 - .04 * var(--mo, 1)));transform-origin:top right;pointer-events:none;transition:opacity var(--dur-fast, .14s) var(--ease),transform var(--dur) var(--ease),visibility 0s linear var(--dur)}[dir=rtl] .acct-pop{transform-origin:top left}.acct-pop.is-open{opacity:1;visibility:visible;transform:none;pointer-events:auto;transition:opacity var(--dur) var(--ease),transform var(--dur-slow, .32s) var(--ease-spring, var(--ease-out)),visibility 0s}.acct-pop:focus{outline:none}.acct-pop.acct-menu{padding:6px}.acct-auth{position:fixed;inset:0;z-index:200;display:grid;place-items:center;padding:24px 16px}.acct-auth-backdrop{position:absolute;inset:0;border:0;padding:0;background:#09090b73;cursor:pointer}.acct-auth-card{position:relative;z-index:1;width:min(360px,100%);padding:22px 22px 18px;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-elevated);box-shadow:var(--shadow-lg)}:root:not([data-perf=lite]) .acct-auth-card{animation:acct-auth-in var(--dur) var(--ease-out)}@keyframes acct-auth-in{0%{opacity:0;transform:translateY(calc(8px * var(--mo, 1)))}}.acct-auth-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.acct-auth-copy{min-width:0}.acct-auth-title{margin:0;font-size:1.15rem;font-weight:700;letter-spacing:-.02em;line-height:1.25;text-align:start}.acct-auth-lead{margin:6px 0 0;color:var(--text-muted);font-size:.9rem;line-height:1.45;text-align:start}.acct-auth-x{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:36px;height:36px;margin:-6px -6px 0 0;border:0;border-radius:var(--pill);background:transparent;color:var(--text-soft);cursor:pointer}[dir=rtl] .acct-auth-x{margin:-6px 0 0 -6px}.acct-auth-x>svg{width:18px;height:18px}.acct-auth-x:focus-visible{color:var(--text);background:var(--surface-hover);outline:2px solid var(--accent);outline-offset:2px}@media(hover:hover)and (pointer:fine){.acct-auth-x:hover{color:var(--text);background:var(--surface-hover)}}.acct-auth-methods{display:flex;flex-direction:column;align-items:stretch;gap:10px;margin-top:18px}.acct-method{position:relative;display:flex;align-items:center;justify-content:center;width:100%;min-height:48px;padding:0 16px;border:1px solid var(--border-strong);border-radius:var(--pill);background:var(--surface);color:var(--text);overflow:hidden}.acct-method.is-busy{opacity:.45}.acct-method-face{display:inline-flex;align-items:center;justify-content:center;gap:10px;max-width:100%;font-size:.95rem;font-weight:600;line-height:1.2;pointer-events:none}.acct-method-face>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.acct-method-face>svg{width:18px;height:18px;flex-shrink:0}.acct-method-hit{position:absolute;inset:0;opacity:0;overflow:hidden;cursor:pointer}.acct-method-hit *{width:100%!important;height:100%!important;max-width:none!important}.acct-auth .acct-status{text-align:center}.acct-auth .acct-embed{text-align:start}.acct-auth .acct-copy{width:100%;justify-content:center}.acct-status{margin-top:10px;font-size:.82rem;line-height:1.45;color:var(--text-muted);text-align:center}.acct-status:empty{margin:0}.acct-status.is-err{color:var(--red)}.acct-menu .acct-status{margin:4px 10px 6px;text-align:start}.acct-hint{font-size:.86rem;line-height:1.5;color:var(--text-soft);text-align:start}.acct-copy{display:inline-flex;align-items:center;gap:7px;margin-top:12px;padding:8px 14px;border:1px solid var(--border);border-radius:var(--pill);background:var(--surface);color:var(--text);font:inherit;font-size:.85rem;font-weight:600;line-height:1.2;cursor:pointer;transition:background-color var(--dur) var(--ease),border-color var(--dur) var(--ease),transform var(--dur) var(--ease)}.acct-copy>svg{width:15px;height:15px;flex-shrink:0}.acct-copy:active{transform:scale(.96);transition-duration:80ms}.acct-copy:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media(hover:hover)and (pointer:fine){.acct-copy:hover{background:var(--surface-hover);border-color:var(--border-strong)}}.acct-who{display:flex;align-items:center;gap:10px;min-width:0;padding:8px 8px 12px;margin-bottom:6px;border-bottom:1px solid var(--border)}.acct-who-text{display:flex;flex-direction:column;min-width:0;line-height:1.35}.acct-name,.acct-email{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:start}.acct-name{font-size:.9rem;font-weight:600;color:var(--text)}.acct-email{font-size:.8rem;color:var(--text-muted)}.acct-item,.acct-m-row{display:flex;align-items:center;gap:9px;width:100%;border:0;border-radius:var(--radius-sm);background:transparent;color:var(--text-soft);font:inherit;font-weight:500;text-align:start;cursor:pointer;transition:color var(--dur) var(--ease),background-color var(--dur) var(--ease)}.acct-item{padding:9px 10px;font-size:.9rem}.acct-item:hover,.acct-item:focus-visible{color:var(--text);background:var(--surface-hover)}.acct-item:active,.acct-m-row:active{background:var(--surface-active)}.acct-item:focus-visible,.acct-m-row:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.acct-item[aria-disabled=true],.acct-m-row[aria-disabled=true]{opacity:.55;cursor:progress}.acct-item>svg,.acct-m-row>svg{width:18px;height:18px;flex-shrink:0}[dir=rtl] .acct-ico-out{transform:scaleX(-1)}.acct-m{display:flex;flex-direction:column;gap:2px;padding:12px 24px 8px}.mobile-menu:has(>.acct-m) .mobile-nav{padding-top:4px}.acct-m .mobile-group-label{padding-top:2px}.acct-m-body{display:flex;flex-direction:column;gap:2px}.mobile-menu .acct-m-body{opacity:0;transform:translateY(calc(-6px * var(--mo, 1)));transition:opacity var(--dur) var(--ease),transform var(--dur-slow, .32s) var(--ease-out)}.mobile-menu.is-open .acct-m-body{opacity:1;transform:none;transition-delay:calc((var(--i, 0) + 1) * 20ms + 40ms)}:root[data-perf=lite] .mobile-menu .acct-m-body{opacity:1;transform:none;transition-delay:0s}.acct-m-row{gap:10px;padding:12px 14px;font-size:1rem}.acct-m-row:hover,.acct-m-row[aria-expanded=true]{color:var(--text);background:var(--surface-hover)}.acct-m .acct-status{text-align:start}.acct-m-user{display:flex;align-items:center;gap:4px}.acct-m-user .acct-who{flex:1;padding:6px 8px 10px;margin:0;border:0}.acct-m-out{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:40px;height:40px;margin-inline-end:6px;border:0;border-radius:var(--pill);background:transparent;color:var(--text-soft);cursor:pointer}.acct-m-out>svg{width:18px;height:18px}.acct-m-out:hover,.acct-m-out:focus-visible{color:var(--text);background:var(--surface-hover)}.acct-m-out:active{background:var(--surface-active)}.acct-m-out:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.acct-m-out[aria-disabled=true]{opacity:.55;cursor:progress}@media(max-width:1023px){.acct-signin{width:40px;padding:0}.acct-signin-label{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}}@media(max-width:820px){.topbar .topbar-nav,.topbar-actions .topbar-cta,.topbar-actions .topbar-menus,.topbar-actions .acct,.topbar-actions .acct-skel{display:none}.menu-btn{display:flex}}@media(max-width:560px){.brand-sub{display:none}.container{padding-inline:18px}.site-footer-inner{gap:8px 12px}}:root{--bgm-spring: cubic-bezier(.34, 1.4, .5, 1);--bgm-warm: color-mix(in srgb, var(--text) 45%, var(--accent, #2563eb));--bgm-cool: var(--accent, #2563eb);--bgm-glow: .2}[data-theme=dark]{--bgm-glow: .34}.bgm{position:fixed;top:0;left:0;z-index:70;width:58px;height:58px;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:4px;padding:4px;border-radius:29px;border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow-lg);contain:layout;will-change:translate;touch-action:none;user-select:none;-webkit-user-select:none;cursor:grab;-webkit-tap-highlight-color:transparent;transition:opacity .24s var(--ease),width .38s var(--bgm-spring),height .38s var(--bgm-spring),border-radius .38s var(--bgm-spring),padding .3s var(--ease),scale .22s var(--ease),border-color var(--dur) var(--ease)}.bgm.is-gone{opacity:0;pointer-events:none}.bgm.is-held{opacity:0;visibility:hidden;pointer-events:none}.bgm.is-dragging{cursor:grabbing;scale:1.06;border-color:var(--border-strong)}.bgm.is-hot{scale:.78}.bgm.is-edge{scale:.86 1}.tray-slot{position:relative;flex:none;width:48px;height:48px;transition:opacity .2s var(--ease),transform .3s var(--bgm-spring)}.tray-ai{display:none}.bgm.has-ai .tray-ai{display:block}.bgm-fab,.ai-fab{position:relative;z-index:1;display:grid;place-items:center;overflow:hidden;width:48px;height:48px;padding:0;border:0;border-radius:50%;background:transparent;color:var(--text-soft);cursor:inherit;touch-action:none;-webkit-tap-highlight-color:transparent;transition:transform .14s var(--ease),background-color .2s var(--ease),color .2s var(--ease)}.bgm.is-playing :is(.bgm-fab,.ai-fab){will-change:scale}@media(hover:hover)and (pointer:fine){.bgm-fab:hover,.ai-fab:hover{background:var(--surface-hover);color:var(--text)}.ai-fab:hover{color:var(--accent-hover)}.bgm.is-tucked:hover .tray-tab i{background:var(--text-muted);height:38px}.bgm-btn:hover{background:color-mix(in srgb,var(--text) 9%,transparent);color:var(--text)}.bgm-btn-main:hover{background:var(--primary-hover, var(--text));color:var(--primary-text, var(--bg))}.bgm-pill:hover{background:var(--surface-hover);border-color:var(--border-strong)}}.bgm-fab:focus-visible,.ai-fab:focus-visible{outline:2px solid var(--text);outline-offset:1px}.bgm-fab:active,.ai-fab:active{transform:scale(.92)}.bgm-halo{position:absolute;inset:0;border-radius:inherit;opacity:0;pointer-events:none;background:radial-gradient(90% 80% at 50% 115%,color-mix(in srgb,var(--bgm-warm) 70%,transparent),transparent 70%),radial-gradient(70% 60% at 100% 0%,color-mix(in srgb,var(--bgm-cool) 35%,transparent),transparent 70%);transition:opacity .3s var(--ease)}.bgm.is-playing .bgm-fab{color:var(--text)}.bgm.is-playing .bgm-halo{opacity:.35;transition:none;will-change:opacity}.bgm.music-open .bgm-fab{background:var(--surface-2);color:var(--text)}.bgm-note{position:relative;display:grid;place-items:center;transform-origin:50% 80%}.bgm.is-playing .bgm-note{animation:bgm-bob 1.4s ease-in-out infinite}@keyframes bgm-bob{0%,to{transform:rotate(-7deg) translateY(.5px)}50%{transform:rotate(7deg) translateY(-1.5px)}}.ai-fab{color:var(--accent)}.bgm.ai-open .ai-fab{background:var(--accent-soft)}.ai-spark{display:grid;place-items:center;transition:transform .3s var(--bgm-spring)}.ai-spark img{display:block;width:38px;height:38px;border-radius:50%;object-fit:cover;pointer-events:none}.bgm.ai-open .ai-spark{transform:scale(.9)}.ai-rings{position:absolute;inset:-2px;border-radius:50%;pointer-events:none;opacity:0;transition:opacity .2s var(--ease)}.ai-rings i{position:absolute;inset:0;border-radius:50%;background:conic-gradient(from 0deg,transparent 0 55%,color-mix(in srgb,var(--accent) 85%,transparent) 80%,transparent 100%);-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 2.5px),#000 calc(100% - 2px));mask:radial-gradient(farthest-side,transparent calc(100% - 2.5px),#000 calc(100% - 2px))}.ai-rings i+i{inset:-5px;opacity:.35}.bgm:is(.ai-busy,.ai-wake) .ai-rings{opacity:1}.bgm:is(.ai-busy,.ai-wake) .ai-rings i{animation:ai-spin 1.1s linear infinite}.bgm:is(.ai-busy,.ai-wake) .ai-rings i+i{animation:ai-spin 2.2s linear infinite reverse}.bgm.ai-busy .ai-spark{animation:ai-twinkle 1.6s ease-in-out infinite}@keyframes ai-spin{to{transform:rotate(360deg)}}@keyframes ai-twinkle{0%,to{transform:scale(1);opacity:1}50%{transform:scale(.82);opacity:.7}}.ai-dot{position:absolute;top:5px;right:5px;z-index:2;width:10px;height:10px;border-radius:50%;background:var(--red, #dc2626);border:2px solid var(--surface);pointer-events:none;transform:scale(0);transition:transform .26s var(--bgm-spring)}.bgm.ai-unread .ai-dot{transform:scale(1)}.tray-tab{display:none}.bgm.is-tucked{padding:0;border-radius:10px 0 0 10px;border-right-width:0;cursor:pointer}.bgm.is-tucked.side-l{border-radius:0 10px 10px 0;border-right-width:1px;border-left-width:0}.bgm.is-tucked .tray-slot{opacity:0;transform:scale(.4);visibility:hidden}.bgm.is-tucked .tray-tab{position:absolute;inset:0;display:grid;place-items:center}.tray-tab i{width:4px;height:30px;border-radius:2px;background:var(--border-strong);transition:background-color .2s var(--ease),height .2s var(--ease)}.bgm.is-tucked.ai-busy .tray-tab i{background:var(--accent)}.bgm.is-tucked.ai-unread .tray-tab i{background:var(--red, #dc2626)}.bgm-rings{position:absolute;inset:0;pointer-events:none;transition:opacity .2s var(--ease)}.bgm-rings i{position:absolute;inset:0;border-radius:50%;opacity:0;border:1.5px solid var(--bgm-warm);background:radial-gradient(circle,transparent 56%,color-mix(in srgb,var(--bgm-warm) 16%,transparent) 100%)}.bgm.is-dragging .bgm-rings{opacity:.35}.tray-music .bgm-rings{border-radius:50%}.bgm-island{position:fixed;top:calc(10px + env(safe-area-inset-top));left:50%;z-index:80;width:132px;height:38px;border-radius:19px;overflow:hidden;isolation:isolate;border:1px solid var(--border);background:var(--surface);color:var(--text);box-shadow:var(--shadow-lg);opacity:0;pointer-events:none;transform:translate(-50%,-70px) scale(.7);contain:layout style paint;transition:width .36s var(--ease),height .36s var(--ease),border-radius .36s var(--ease),transform .34s var(--ease),opacity .16s var(--ease) .2s}.bgm-island.is-open{width:min(400px,calc(100% - 20px));height:196px;border-radius:var(--radius-xl, 28px);opacity:1;pointer-events:auto;transform:translate(-50%) scale(1);transition:width .62s var(--bgm-spring),height .62s var(--bgm-spring),border-radius .62s var(--bgm-spring),transform .62s var(--bgm-spring),opacity .12s var(--ease)}.bgm-glow{position:absolute;inset:-8% -12%;z-index:-1;pointer-events:none;opacity:calc(var(--bgm-glow) * .6);background:radial-gradient(75% 70% at 50% 108%,var(--bgm-warm),transparent 70%),radial-gradient(45% 60% at 8% 104%,var(--bgm-cool),transparent 70%),radial-gradient(40% 50% at 94% 0%,color-mix(in srgb,var(--bgm-cool) 70%,transparent),transparent 70%);filter:blur(22px);transition:opacity .22s linear;animation:bgm-drift 9s ease-in-out infinite alternate}.bgm-island.is-playing .bgm-glow{opacity:calc(var(--bgm-glow) * (.8 + var(--lv, 0) * .45));transition:none}.bgm-island:not(.is-open) .bgm-glow{animation-play-state:paused}@keyframes bgm-drift{0%{transform:translate3d(-5%,2%,0) scale(1)}to{transform:translate3d(5%,-3%,0) scale(1.1)}}.bgm-island-in{position:absolute;top:0;left:50%;width:min(400px,calc(100vw - 20px));height:196px;padding:18px 20px 16px;display:flex;flex-direction:column;justify-content:space-between;transform:translate(-50%) scale(.92);opacity:0;filter:blur(6px);transition:opacity .12s var(--ease),transform .2s var(--ease),filter .2s var(--ease)}.bgm-island.is-open .bgm-island-in{opacity:1;transform:translate(-50%);filter:none;transition:opacity .26s var(--ease) .14s,transform .42s var(--bgm-spring) .1s,filter .26s var(--ease) .12s}.bgm-head{display:flex;align-items:center;gap:12px}.bgm-art{display:grid;place-items:center;flex:none;width:46px;height:46px;border-radius:var(--radius-sm, 10px);background:var(--primary, var(--text));color:var(--primary-text, var(--bg));box-shadow:var(--shadow-sm)}.bgm-titles{display:flex;flex-direction:column;flex:1;min-width:0;line-height:1.3}.bgm-titles b{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden}.bgm-titles small{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.bgm-titles b{font-size:.92rem;font-weight:700;letter-spacing:-.015em;line-height:1.25;color:var(--text)}.bgm-titles small{font-size:.8rem;color:var(--text-muted)}.bgm-live{flex:none;margin-left:auto;display:flex;align-items:center;gap:2.5px;height:26px}.bgm-live i{width:3px;height:26px;border-radius:2px;background:var(--text);transform:scaleY(.14);transition:transform .32s var(--ease)}.bgm-island.is-playing .bgm-live i{transition:none}.bgm-island.is-open.is-playing:not(.no-analyser) .bgm-live i{will-change:transform}.bgm-island.is-playing.no-analyser .bgm-live i{animation:bgm-live 1.1s ease-in-out infinite;transition:none}.bgm-island.no-analyser .bgm-live i:nth-child(2n){animation-delay:-.5s}.bgm-island.no-analyser .bgm-live i:nth-child(3n){animation-delay:-.85s}@keyframes bgm-live{0%,to{transform:scaleY(.25)}30%{transform:scaleY(1)}60%{transform:scaleY(.5)}80%{transform:scaleY(.8)}}.bgm-ctrl{display:grid;grid-template-columns:repeat(5,1fr);align-items:center;justify-items:center;width:100%;gap:0}.bgm-btn{display:grid;place-items:center;width:42px;height:42px;padding:0;border:0;border-radius:50%;background:none;color:var(--text-soft);cursor:pointer;text-decoration:none;-webkit-tap-highlight-color:transparent;transition:background-color var(--dur) var(--ease),color var(--dur) var(--ease),transform .12s var(--ease)}.bgm-btn:active{transform:scale(.88)}.bgm-btn:focus-visible{outline:2px solid var(--text);outline-offset:2px}.bgm-btn-main{background:var(--primary, var(--text));color:var(--primary-text, var(--bg));box-shadow:var(--shadow-sm)}.bgm-seekrow{display:flex;align-items:center;gap:10px}.bgm-cur,.bgm-dur{flex:none;width:34px;font-size:.72rem;font-weight:500;font-variant-numeric:tabular-nums;color:var(--text-muted)}.bgm-dur{text-align:right}.bgm-seek{--p: 0%;--track: color-mix(in srgb, var(--text) 16%, transparent);flex:1;min-width:0;height:22px;margin:0;padding:0;background:none;cursor:pointer;-webkit-appearance:none;appearance:none}.bgm-seek::-webkit-slider-runnable-track{height:6px;border-radius:3px;background:linear-gradient(to right,var(--text) var(--p),var(--track) var(--p))}.bgm-seek::-moz-range-track{height:6px;border-radius:3px;background:var(--track)}.bgm-seek::-moz-range-progress{height:6px;border-radius:3px;background:var(--text)}.bgm-seek::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;margin-top:-4px;border-radius:50%;border:0;background:var(--text);box-shadow:var(--shadow-sm)}.bgm-seek::-moz-range-thumb{width:14px;height:14px;border-radius:50%;border:0;background:var(--text)}.bgm-seek:focus-visible{outline:2px solid var(--text);outline-offset:2px;border-radius:6px}.bgm-island.by-pointer .bgm-btn:focus-visible,.bgm-island.by-pointer .bgm-seek:focus-visible{outline:none}.bgm-pill{--pill-w: 56px;--pill-x: 50%;--pill-top: 12px;position:fixed;top:var(--pill-top);left:var(--pill-x);z-index:81;display:flex;align-items:center;justify-content:center;gap:9px;width:var(--pill-w);height:40px;padding:0 14px;box-sizing:border-box;margin:0;border:1px solid var(--border);border-radius:20px;background:var(--surface);color:var(--text);box-shadow:var(--shadow-md);font:600 .8rem/1 var(--font-sans, system-ui, sans-serif);letter-spacing:-.01em;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;opacity:0;visibility:hidden;pointer-events:none;transform:translate(-50%,calc(-10px * var(--mo, 1))) scale(calc(1 - .4 * var(--mo, 1)));transition:opacity .18s var(--ease),transform .26s var(--ease),visibility 0s linear .26s,background-color var(--dur) var(--ease),border-color var(--dur) var(--ease)}.bgm-pill.is-on{opacity:1;visibility:visible;pointer-events:auto;transform:translate(-50%);transition:opacity .2s var(--ease),transform .52s var(--bgm-spring),visibility 0s,background-color var(--dur) var(--ease),border-color var(--dur) var(--ease)}.bgm-pill.is-on.is-under{opacity:0;pointer-events:none;transform:translate(-50%) scale(calc(1 + .06 * var(--mo, 1)));transition:opacity .12s var(--ease),transform .3s var(--ease),visibility 0s}.bgm-pill.is-on:not(.is-under){transition-delay:.18s,.18s,0s,0s,0s}.bgm-pill.is-on:active{transform:translate(-50%) scale(.95);transition-duration:80ms;transition-delay:0s}.bgm-pill:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.bgm-pill-eq{display:flex;align-items:center;gap:2.5px;height:18px;flex:none}.bgm-pill-eq i{width:3px;height:18px;border-radius:2px;background:var(--text);transform:scaleY(.2);transition:transform .32s var(--ease),background-color var(--dur) var(--ease)}.bgm-pill.is-playing .bgm-pill-eq i{transition:background-color var(--dur) var(--ease)}.bgm-pill.is-on.is-playing:not(.no-analyser) .bgm-pill-eq i{will-change:transform}.bgm-pill.is-playing.no-analyser .bgm-pill-eq i{animation:bgm-live 1.1s ease-in-out infinite}.bgm-pill.no-analyser .bgm-pill-eq i:nth-child(2){animation-delay:-.45s}.bgm-pill.no-analyser .bgm-pill-eq i:nth-child(3){animation-delay:-.8s}.bgm-pill.no-analyser .bgm-pill-eq i:nth-child(4){animation-delay:-.2s}.bgm-pill:not(.is-playing) .bgm-pill-eq i{background:var(--text-faint)}.bgm-pill:not(.is-playing) .bgm-pill-eq i:nth-child(1){transform:scaleY(.4)}.bgm-pill:not(.is-playing) .bgm-pill-eq i:nth-child(2){transform:scaleY(.7)}.bgm-pill:not(.is-playing) .bgm-pill-eq i:nth-child(3){transform:scaleY(.5)}.bgm-pill:not(.is-playing) .bgm-pill-eq i:nth-child(4){transform:scaleY(.3)}.bgm-pill-title{flex:1;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;text-align:start;transition:color var(--dur) var(--ease)}.bgm-pill:not(.is-playing) .bgm-pill-title{color:var(--text-muted)}.bgm-pill.is-compact{padding:0}.bgm-pill.is-compact .bgm-pill-title{display:none}body[data-pill=tuck] .topbar .brand-copy{opacity:0;visibility:hidden;transition:opacity var(--dur) var(--ease),visibility 0s linear var(--dur)}.topbar .brand-copy{transition:opacity var(--dur) var(--ease)}.bgm-island.via-pill{z-index:82;transition:width .36s var(--ease),height .36s var(--ease),border-radius .36s var(--ease),left .36s var(--ease),top .36s var(--ease),transform .34s var(--ease),opacity .16s var(--ease) .2s}.bgm-island.via-pill:not(.is-open){top:var(--pill-top);left:var(--pill-x);width:var(--pill-w);height:40px;border-radius:20px;transform:translate(-50%) scale(1)}.bgm-island.via-pill.is-open{transition:width .62s var(--bgm-spring),height .62s var(--bgm-spring),border-radius .62s var(--bgm-spring),left .62s var(--bgm-spring),top .62s var(--bgm-spring),transform .62s var(--bgm-spring),opacity .12s var(--ease)}@media(prefers-reduced-motion:reduce){.bgm-pill.is-on{transition-duration:.16s,.2s,0s,var(--dur),var(--dur);transition-timing-function:var(--ease)}}:root[data-perf=lite] .bgm-glow{filter:none;animation:none;inset:0}:root[data-perf=lite] .bgm-island-in{filter:none!important}:root[data-perf=lite] .bgm{box-shadow:var(--shadow-md)}.bgm-dismiss{position:fixed;left:50%;bottom:48px;z-index:69;display:grid;place-items:center;width:72px;height:72px;margin-left:-36px;border-radius:50%;border:1.5px solid var(--border-strong);background:var(--surface);color:var(--text-muted);box-shadow:var(--shadow-lg);opacity:0;transform:translateY(60px) scale(.7);pointer-events:none;transition:opacity .2s var(--ease),transform .42s var(--bgm-spring),border-color .16s var(--ease),color .16s var(--ease)}.bgm-dismiss.is-on{opacity:1;transform:none}.bgm-dismiss.is-hot{transform:scale(1.2);border-color:var(--red, #dc2626);color:var(--red, #dc2626)}