@import "https://fonts.googleapis.com/css2?family=Fragment+Mono:ital@0;1&display=swap";
:root{--top-dock-font:"Fragment Mono", "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace}.top-dock-host{pointer-events:auto;-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;width:100%;display:flex;position:relative}.top-dock-host[data-fit=centred]{justify-content:center}.top-dock-host[data-fit=horizontal]{justify-content:space-between;width:100%}.top-dock-host[data-fit=vertical]{flex-direction:column;width:auto;height:100%}.top-dock-bar{font-family:var(--top-dock-font);isolation:isolate;border-radius:9999px;align-items:center;gap:3px;padding:4px 6px;transition:border-color .25s,box-shadow .25s;display:inline-flex;position:relative;overflow:visible}.top-dock-canvas{border-radius:inherit;pointer-events:none;z-index:0;opacity:.75;width:100%;height:100%;position:absolute;inset:0}.top-dock-bar[data-variant=sable]{background:var(--surface,#14141a);border:2.5px solid #000;border:2.5px solid lab(0% 0 0);box-shadow:3px 3px #000;box-shadow:3px 3px lab(0% 0 0)}@supports (color:lab(0% 0 0)){.top-dock-bar[data-variant=sable]{background:var(--surface,lab(6.60808% .840299 -4.23141))}}.top-dock-bar[data-variant=glass]{-webkit-backdrop-filter:blur(20px)saturate(190%);background:#12131fa6;background:lab(6.20422% 1.76968 -8.40324/.65);border:1px solid #ffffff26;border:1px solid lab(100% 0 0/.15);box-shadow:0 16px 40px -10px #0009,inset 0 1px 1px #fff3,inset 0 -1px 1px #0006;box-shadow:0 16px 40px -10px lab(0% 0 0/.6),inset 0 1px 1px lab(100% 0 0/.2),inset 0 -1px 1px lab(0% 0 0/.4)}.top-dock-bar[data-variant=modern]{background:color-mix(in oklch, var(--surface,#131319) 90%, transparent);-webkit-backdrop-filter:blur(14px);border:1px solid color-mix(in oklch, var(--border,#26262f) 100%, transparent);border-radius:16px;box-shadow:0 8px 24px -6px #00000059;box-shadow:0 8px 24px -6px lab(0% 0 0/.35)}@supports (color:lab(0% 0 0)){.top-dock-bar[data-variant=modern]{background:color-mix(in oklch, var(--surface,lab(6.1009% 1.08137 -3.99939)) 90%, transparent);border:1px solid color-mix(in oklch, var(--border,lab(15.6449% 1.5669 -5.3884)) 100%, transparent)}}.top-dock-bar[data-variant=retro]{background:#0d130f;background:lab(5.39075% -2.7544 1.39585);border:1px solid #1e3725;border:1px solid lab(20.5461% -13.7628 8.15796);border-radius:8px;box-shadow:0 0 20px -2px #00c7582e;box-shadow:0 0 20px -2px lab(70.5526% -66.5354 45.7727/.18)}.top-dock-brand{z-index:1;color:var(--foreground,#fff);border-radius:9999px;align-items:center;gap:8px;padding:6px 10px;font-size:13px;font-weight:700;line-height:1;text-decoration:none;transition:transform .2s cubic-bezier(.16,1,.3,1),opacity .2s;display:inline-flex;position:relative}@supports (color:lab(0% 0 0)){.top-dock-brand{color:var(--foreground,lab(100% 0 0))}}.top-dock-brand:hover{opacity:.95;transform:scale(1.02)}.top-dock-brand-divider{background:color-mix(in oklch, var(--border,#fff) 25%, transparent);z-index:1;flex-shrink:0;width:1px;height:14px;margin:0 2px}@supports (color:lab(0% 0 0)){.top-dock-brand-divider{background:color-mix(in oklch, var(--border,lab(100% 0 0)) 25%, transparent)}}.top-dock-nav{z-index:1;align-items:center;gap:2px;display:inline-flex;position:relative}.top-dock-item{letter-spacing:.05em;text-transform:uppercase;cursor:pointer;height:34px;color:color-mix(in oklch, var(--foreground,#fff) 68%, transparent);white-space:nowrap;transform-origin:top;will-change:transform, width, height;background:0 0;border:2px solid #0000;border-radius:9999px;outline:none;justify-content:center;align-items:center;gap:6px;padding:0 12px;font-size:11px;font-weight:800;text-decoration:none;transition:color .12s,background-color .12s,border-color .12s,box-shadow .12s,transform .12s;display:inline-flex;position:relative}@supports (color:lab(0% 0 0)){.top-dock-item{color:color-mix(in oklch, var(--foreground,lab(100% 0 0)) 68%, transparent)}}.top-dock-item[data-active=true]{color:#000;color:lab(0% 0 0);background:#fff;background:lab(100% 0 0);border:2px solid #000;border:2px solid lab(0% 0 0);font-weight:900;box-shadow:2px 2px #000;box-shadow:2px 2px lab(0% 0 0)}.top-dock-item[data-active=true][data-item-id=series]{color:#fff;color:lab(100% 0 0);background:#6a4cff;background:lab(44.8439% 49.5602 -86.5842);border:2px solid #000;border:2px solid lab(0% 0 0);font-weight:900;box-shadow:2px 2px #000;box-shadow:2px 2px lab(0% 0 0)}.top-dock-item[data-active=true][data-item-id=movies]{color:#000;color:lab(0% 0 0);background:#ffb225;background:lab(78.6306% 21.4357 75.4183);border:2px solid #000;border:2px solid lab(0% 0 0);font-weight:900;box-shadow:2px 2px #000;box-shadow:2px 2px lab(0% 0 0)}.top-dock-item[data-active=true][data-item-id=anime]{color:#fff;color:lab(100% 0 0);background:#df002d;background:lab(47.7142% 73.4207 44.2213);border:2px solid #000;border:2px solid lab(0% 0 0);font-weight:900;box-shadow:2px 2px #000;box-shadow:2px 2px lab(0% 0 0)}.top-dock-item[data-active=true]:hover{transform:translateY(-1px);box-shadow:3px 3px #000;box-shadow:3px 3px lab(0% 0 0)}.top-dock-bar[data-variant=retro] .top-dock-item[data-active=true]{color:#07150a;color:lab(5.56446% -6.38839 3.90136);background:#00c758;background:lab(70.5526% -66.5354 45.7727);border-color:#4ddd5e;border-color:lab(78.486% -58.9517 49.4031);box-shadow:0 0 14px #00c75873;box-shadow:0 0 14px lab(70.5526% -66.5354 45.7727/.45)}.top-dock-item[data-active=false]:hover{color:#000;color:lab(0% 0 0);background:#fff;background:lab(100% 0 0);border:2px solid #000;border:2px solid lab(0% 0 0);font-weight:900;box-shadow:2.5px 2.5px #000;box-shadow:2.5px 2.5px lab(0% 0 0);transform:translateY(-1px)!important}.top-dock-item[data-active=false][data-item-id=series]:hover{color:#fff;color:lab(100% 0 0);background:#6a4cff;background:lab(44.8439% 49.5602 -86.5842);border:2px solid #000;border:2px solid lab(0% 0 0);font-weight:900;box-shadow:2.5px 2.5px #000;box-shadow:2.5px 2.5px lab(0% 0 0);transform:translateY(-1px)!important}.top-dock-item[data-active=false][data-item-id=movies]:hover{color:#000;color:lab(0% 0 0);background:#ffb225;background:lab(78.6306% 21.4357 75.4183);border:2px solid #000;border:2px solid lab(0% 0 0);font-weight:900;box-shadow:2.5px 2.5px #000;box-shadow:2.5px 2.5px lab(0% 0 0);transform:translateY(-1px)!important}.top-dock-item[data-active=false][data-item-id=anime]:hover{color:#fff;color:lab(100% 0 0);background:#df002d;background:lab(47.7142% 73.4207 44.2213);border:2px solid #000;border:2px solid lab(0% 0 0);font-weight:900;box-shadow:2.5px 2.5px #000;box-shadow:2.5px 2.5px lab(0% 0 0);transform:translateY(-1px)!important}.top-dock-item:active{transform:translateY(1.5px)!important;box-shadow:0 0 #0000!important}.top-dock-item:focus-visible{border-color:var(--primary,#8875ff);box-shadow:0 0 0 2px #8875ff66;box-shadow:0 0 0 2px lab(56.306% 44.547 -83.146/.4)}@supports (color:lab(0% 0 0)){.top-dock-item:focus-visible{border-color:var(--primary,lab(56.306% 44.547 -83.146))}}.top-dock-item-icon{flex-shrink:0;justify-content:center;align-items:center;width:14px;height:14px;transition:transform .2s cubic-bezier(.16,1,.3,1);display:inline-flex}.top-dock-item[data-active=true] .top-dock-item-icon{transform:scale(1.08)}.top-dock-item-label{font-family:var(--top-dock-font);font-size:11px;line-height:1}.top-dock-item-badge{min-width:16px;height:16px;color:inherit;background:#ffffff26;background:lab(100% 0 0/.15);border-radius:9999px;justify-content:center;align-items:center;margin-left:2px;padding:0 4px;font-size:9px;font-weight:800;display:inline-flex}.top-dock-item[data-active=true] .top-dock-item-badge{color:#fff;color:lab(100% 0 0);background:#000;background:lab(0% 0 0)}@media (prefers-reduced-motion:reduce),(pointer:coarse),(max-width:768px){.top-dock-item{transition:background-color .15s,color .15s,border-color .15s!important;transform:none!important}}