@keyframes skin-drift{0%{background-position:0 0,100% 0,50% 100%,0 0}50%{background-position:60% 40%,30% 70%,80% 20%,0 0}to{background-position:0 0,100% 0,50% 100%,0 0}}@keyframes skin-glow{0%,to{box-shadow:var(--skin-card-shadow),0 0 0 1px rgb(227 176 88/.18)}50%{box-shadow:var(--skin-card-shadow),0 0 22px 1px rgb(227 176 88/.28)}}@keyframes skin-sheen{0%{background-position:-160% 0,0 0}to{background-position:260% 0,0 0}}[data-skin] .rounded-card{transition:transform .18s ease,box-shadow .25s ease}[data-skin] a.rounded-card:active,[data-skin] button.rounded-card:active{transform:scale(.985)}[data-skin=neumorph]{--skin-light:rgb(255 255 255/0.9);--skin-dark:rgb(120 96 60/0.16);--color-base:#efe9df;--color-surface:#efe9df;--color-sunk:#e6dfd3}[data-skin=neumorph] :is(.rounded-card:not([class*=bg-]),.rounded-card.bg-surface){border-color:transparent;background-color:var(--color-surface);box-shadow:7px 7px 16px var(--skin-dark),-7px -7px 16px var(--skin-light)}[data-skin=neumorph] .bg-sunk{box-shadow:inset 3px 3px 7px var(--skin-dark),inset -3px -3px 7px var(--skin-light)}[data-skin=neumorph] .rounded-full.bg-ink{box-shadow:5px 5px 12px var(--skin-dark),-4px -4px 10px var(--skin-light)}[data-skin=aurora],[data-skin=glass],[data-skin=liquid-glass],[data-skin=liquid]{--skin-glass:rgb(255 255 255/0.58);--skin-glass-strong:rgb(255 255 255/0.72);--skin-glass-edge:rgb(255 255 255/0.75);--skin-card-shadow:0 10px 30px rgb(60 40 10/0.10);--skin-mesh:radial-gradient(40% 35% at 15% 10%,rgb(227 176 88/0.38),transparent 70%),radial-gradient(45% 40% at 90% 20%,rgb(139 92 246/0.22),transparent 70%),radial-gradient(50% 45% at 50% 100%,rgb(22 163 74/0.16),transparent 70%),linear-gradient(var(--color-base),var(--color-base))}.skin-preview[data-skin=aurora],.skin-preview[data-skin=glass],.skin-preview[data-skin=liquid-glass],.skin-preview[data-skin=liquid],[data-skin=aurora] [data-app-shell],[data-skin=glass] [data-app-shell],[data-skin=liquid-glass] [data-app-shell],[data-skin=liquid] [data-app-shell]{background-image:var(--skin-mesh);background-size:160% 160%,160% 160%,160% 160%,100% 100%;background-attachment:local}[data-skin=aurora] :is(.rounded-card:not([class*=bg-]),.rounded-card.bg-surface),[data-skin=glass] :is(.rounded-card:not([class*=bg-]),.rounded-card.bg-surface),[data-skin=liquid-glass] :is(.rounded-card:not([class*=bg-]),.rounded-card.bg-surface),[data-skin=liquid] :is(.rounded-card:not([class*=bg-]),.rounded-card.bg-surface){background-color:var(--skin-glass);border-color:var(--skin-glass-edge);-webkit-backdrop-filter:blur(18px) saturate(160%);backdrop-filter:blur(18px) saturate(160%);box-shadow:var(--skin-card-shadow)}[data-skin=aurora] [data-app-bar=nav],[data-skin=aurora] [data-app-bar],[data-skin=glass] [data-app-bar=nav],[data-skin=glass] [data-app-bar],[data-skin=liquid-glass] [data-app-bar=nav],[data-skin=liquid-glass] [data-app-bar],[data-skin=liquid] [data-app-bar=nav],[data-skin=liquid] [data-app-bar]{background-color:var(--skin-glass-strong);-webkit-backdrop-filter:blur(20px) saturate(170%);backdrop-filter:blur(20px) saturate(170%)}[data-skin=clay]{--color-base:#fbf1e7;--skin-card-shadow:0 14px 28px rgb(138 93 10/0.13)}[data-skin=clay] :is(.rounded-card:not([class*=bg-]),.rounded-card.bg-surface){border-color:transparent;border-radius:28px;box-shadow:var(--skin-card-shadow),inset -6px -8px 14px rgb(138 93 10/.07),inset 6px 6px 12px rgb(255 255 255/.95)}[data-skin=clay] .grid>:is(.rounded-card:not([class*=bg-]),.rounded-card.bg-surface):nth-child(4n+2),[data-skin=clay] li:nth-child(4n+2)>:is(.rounded-card:not([class*=bg-]),.rounded-card.bg-surface){background-color:#f3ead9}[data-skin=clay] .grid>:is(.rounded-card:not([class*=bg-]),.rounded-card.bg-surface):nth-child(4n+3),[data-skin=clay] li:nth-child(4n+3)>:is(.rounded-card:not([class*=bg-]),.rounded-card.bg-surface){background-color:#f6e4dc}[data-skin=clay] .grid>:is(.rounded-card:not([class*=bg-]),.rounded-card.bg-surface):nth-child(4n+4),[data-skin=clay] li:nth-child(4n+4)>:is(.rounded-card:not([class*=bg-]),.rounded-card.bg-surface){background-color:#e5eee6}[data-skin=clay] .rounded-full.bg-gold,[data-skin=clay] .rounded-full.bg-ink{box-shadow:0 8px 16px rgb(18 18 18/.18),inset 0 -3px 6px rgb(0 0 0/.22),inset 0 3px 5px rgb(255 255 255/.25)}[data-skin=skeuo]{--color-base:#f3ead9;--skin-paper:repeating-linear-gradient(45deg,rgb(138 93 10/0.025) 0 2px,transparent 2px 6px);--skin-light:rgb(255 255 255/0.85);--skin-dark:rgb(120 88 46/0.18);--skin-card-shadow:0 12px 26px rgb(110 74 30/0.14);--skin-leather:linear-gradient(180deg,#6b4a2b,#3e2a17)}.skin-preview[data-skin=skeuo],[data-skin=skeuo] [data-app-shell]{background-image:var(--skin-paper)}[data-skin=skeuo] :is(.rounded-card:not([class*=bg-]),.rounded-card.bg-surface){border-radius:28px;border-color:rgb(220 203 170/.7);background-image:linear-gradient(180deg,#fffdf8,#f8f0e3);box-shadow:var(--skin-card-shadow),inset -6px -8px 14px rgb(138 93 10/.06),inset 6px 6px 12px rgb(255 255 255/.95)}[data-skin=skeuo] .grid>:is(.rounded-card:not([class*=bg-]),.rounded-card.bg-surface):nth-child(4n+2),[data-skin=skeuo] li:nth-child(4n+2)>:is(.rounded-card:not([class*=bg-]),.rounded-card.bg-surface){background-image:linear-gradient(180deg,#fbf3e4,#f3e8d4)}[data-skin=skeuo] .grid>:is(.rounded-card:not([class*=bg-]),.rounded-card.bg-surface):nth-child(4n+3),[data-skin=skeuo] li:nth-child(4n+3)>:is(.rounded-card:not([class*=bg-]),.rounded-card.bg-surface){background-image:linear-gradient(180deg,#fbefe9,#f4e2d9)}[data-skin=skeuo] .grid>:is(.rounded-card:not([class*=bg-]),.rounded-card.bg-surface):nth-child(4n+4),[data-skin=skeuo] li:nth-child(4n+4)>:is(.rounded-card:not([class*=bg-]),.rounded-card.bg-surface){background-image:linear-gradient(180deg,#f1f6ef,#e5eee4)}[data-skin=skeuo] .bg-sunk{box-shadow:inset 3px 3px 7px var(--skin-dark),inset -3px -3px 7px var(--skin-light)}[data-skin=skeuo] .rounded-full.border.bg-surface:not([class*=border-white]),[data-skin=skeuo] .rounded-full.border:not([class*=bg-]):not([class*=border-white]):not([class*=text-on-ink]){border-color:transparent;background-color:#f6eee0;box-shadow:4px 4px 9px var(--skin-dark),-4px -4px 9px var(--skin-light)}:is(.bg-ink,[class*=bg-ink],.text-on-ink) :is(.rounded-full,button,a){box-shadow:none!important}:is(.bg-ink,[class*=bg-ink],.text-on-ink) .rounded-full.border{background-color:transparent!important;box-shadow:none!important}[data-skin] [class*=border-white]{box-shadow:none!important}[data-skin=skeuo] .rounded-full.bg-ink{background-image:var(--skin-leather);box-shadow:inset 0 1px 0 rgb(255 255 255/.25),inset 0 -3px 6px rgb(0 0 0/.22),0 3px 0 #2a1c0f,0 6px 12px rgb(42 28 15/.3);outline:1px dashed rgb(255 235 200/.35);outline-offset:-4px}[data-skin=skeuo] .rounded-full.bg-gold{box-shadow:inset 0 1px 0 rgb(255 255 255/.35),inset 0 -3px 6px rgb(0 0 0/.18),0 6px 12px rgb(138 93 10/.3)}[data-skin=skeuo] .rounded-full.bg-gold:active,[data-skin=skeuo] .rounded-full.bg-ink:active{transform:translateY(1px)}.skin-preview[data-skin=aurora],.skin-preview[data-skin=liquid-glass],.skin-preview[data-skin=liquid],[data-skin=aurora] [data-app-shell],[data-skin=liquid-glass] [data-app-shell],[data-skin=liquid] [data-app-shell]{animation:skin-drift 24s ease-in-out infinite}[data-skin=aurora]{--skin-mesh:radial-gradient(45% 40% at 10% 0%,rgb(227 176 88/0.55),transparent 70%),radial-gradient(50% 45% at 100% 30%,rgb(139 92 246/0.35),transparent 70%),radial-gradient(55% 50% at 40% 100%,rgb(14 165 233/0.25),transparent 70%),linear-gradient(var(--color-base),var(--color-base))}[data-skin=liquid-glass] :is(.rounded-card:not([class*=bg-]),.rounded-card.bg-surface),[data-skin=liquid] :is(.rounded-card:not([class*=bg-]),.rounded-card.bg-surface){background-image:linear-gradient(105deg,transparent 35%,rgb(255 255 255/.5) 50%,transparent 65%),linear-gradient(160deg,rgb(255 255 255/.55),rgb(255 255 255/.18));background-size:260% 100%,100% 100%;background-repeat:no-repeat;animation:skin-sheen 9s ease-in-out infinite,skin-glow 6s ease-in-out infinite;box-shadow:var(--skin-card-shadow),inset 0 1px 0 rgb(255 255 255/.9),inset 0 -1px 0 rgb(255 255 255/.25)}[data-skin=liquid] :is(.rounded-card:not([class*=bg-]),.rounded-card.bg-surface){border-radius:30px 22px 34px 24px/26px 32px 22px 30px}[data-skin=liquid] .rounded-full.bg-ink{background-image:linear-gradient(120deg,#121212,#3b2a10 60%,#8a5d0a);background-size:200% 100%;animation:skin-sheen 6s ease-in-out infinite}:root[data-theme=dark] [data-skin=neumorph],:root[data-theme=dark][data-skin=neumorph]{--skin-light:rgb(255 255 255/0.05);--skin-dark:rgb(0 0 0/0.55);--color-base:#171512;--color-surface:#171512;--color-sunk:#12100e}:root[data-theme=dark][data-skin=aurora],:root[data-theme=dark][data-skin=glass],:root[data-theme=dark][data-skin=liquid-glass],:root[data-theme=dark][data-skin=liquid]{--skin-glass:rgb(48 43 36/0.78);--skin-glass-strong:rgb(30 27 23/0.86);--skin-glass-edge:rgb(255 255 255/0.14);--skin-card-shadow:0 10px 30px rgb(0 0 0/0.45)}:root[data-theme=dark][data-skin=clay]{--color-base:#13110e;--skin-card-shadow:0 14px 28px rgb(0 0 0/0.45)}:root[data-theme=dark][data-skin=clay] :is(.rounded-card:not([class*=bg-]),.rounded-card.bg-surface){background-color:#1d1a16;box-shadow:var(--skin-card-shadow),inset -5px -7px 12px rgb(0 0 0/.35),inset 5px 5px 10px rgb(255 255 255/.04)}:root[data-theme=dark][data-skin=clay] .grid>:is(.rounded-card:not([class*=bg-]),.rounded-card.bg-surface):nth-child(n),:root[data-theme=dark][data-skin=clay] li:nth-child(n)>:is(.rounded-card:not([class*=bg-]),.rounded-card.bg-surface){background-color:#1d1a16}:root[data-theme=dark][data-skin=skeuo]{--color-base:#15120e;--skin-light:rgb(255 255 255/0.05);--skin-dark:rgb(0 0 0/0.55);--skin-card-shadow:0 12px 26px rgb(0 0 0/0.5)}:root[data-theme=dark][data-skin=skeuo] .grid>:is(.rounded-card:not([class*=bg-]),.rounded-card.bg-surface):nth-child(n),:root[data-theme=dark][data-skin=skeuo] :is(.rounded-card:not([class*=bg-]),.rounded-card.bg-surface),:root[data-theme=dark][data-skin=skeuo] li:nth-child(n)>:is(.rounded-card:not([class*=bg-]),.rounded-card.bg-surface){background-image:linear-gradient(180deg,#221d17,#1a1611);border-color:#3a3024;box-shadow:var(--skin-card-shadow),inset -5px -7px 12px rgb(0 0 0/.35),inset 5px 5px 10px rgb(255 255 255/.04)}:root[data-theme=dark][data-skin=skeuo] .rounded-full.border.bg-surface,:root[data-theme=dark][data-skin=skeuo] .rounded-full.border:not([class*=bg-]){background-color:#1d1914}:root[data-theme=dark][data-skin=liquid-glass] :is(.rounded-card:not([class*=bg-]),.rounded-card.bg-surface),:root[data-theme=dark][data-skin=liquid] :is(.rounded-card:not([class*=bg-]),.rounded-card.bg-surface){background-image:linear-gradient(105deg,transparent 35%,rgb(255 255 255/.08) 50%,transparent 65%),linear-gradient(160deg,rgb(255 255 255/.07),rgb(255 255 255/.02))}@media (prefers-color-scheme:dark){:root:not([data-theme=light])[data-skin=aurora],:root:not([data-theme=light])[data-skin=glass],:root:not([data-theme=light])[data-skin=liquid-glass],:root:not([data-theme=light])[data-skin=liquid]{--skin-glass:rgb(48 43 36/0.78);--skin-glass-strong:rgb(30 27 23/0.86);--skin-glass-edge:rgb(255 255 255/0.14);--skin-card-shadow:0 10px 30px rgb(0 0 0/0.45)}:root:not([data-theme=light])[data-skin=neumorph]{--skin-light:rgb(255 255 255/0.05);--skin-dark:rgb(0 0 0/0.55);--color-base:#171512;--color-surface:#171512;--color-sunk:#12100e}:root:not([data-theme=light])[data-skin=clay],:root:not([data-theme=light])[data-skin=skeuo]{--color-base:#14120f;--skin-light:rgb(255 255 255/0.05);--skin-dark:rgb(0 0 0/0.55);--skin-card-shadow:0 12px 26px rgb(0 0 0/0.5)}:root:not([data-theme=light])[data-skin=clay] :is(.rounded-card:not([class*=bg-]),.rounded-card.bg-surface),:root:not([data-theme=light])[data-skin=skeuo] .grid>:is(.rounded-card:not([class*=bg-]),.rounded-card.bg-surface):nth-child(n),:root:not([data-theme=light])[data-skin=skeuo] :is(.rounded-card:not([class*=bg-]),.rounded-card.bg-surface),:root:not([data-theme=light])[data-skin=skeuo] li:nth-child(n)>:is(.rounded-card:not([class*=bg-]),.rounded-card.bg-surface){background-color:#1d1a16;background-image:linear-gradient(180deg,#221d17,#1a1611);box-shadow:var(--skin-card-shadow),inset -5px -7px 12px rgb(0 0 0/.35),inset 5px 5px 10px rgb(255 255 255/.04)}:root:not([data-theme=light])[data-skin=skeuo] .rounded-full.border.bg-surface,:root:not([data-theme=light])[data-skin=skeuo] .rounded-full.border:not([class*=bg-]){background-color:#1d1914}}@media (prefers-reduced-motion:reduce){.skin-preview,[data-skin] .rounded-full.bg-ink,[data-skin] :is(.rounded-card:not([class*=bg-]),.rounded-card.bg-surface),[data-skin] [data-app-shell]{animation:none!important}}.nav-key{background:var(--color-surface);box-shadow:4px 4px 10px var(--skin-dark,rgb(120 88 46/.18)),-3px -3px 8px var(--skin-light,rgb(255 255 255/.75)),inset 0 1px 0 rgb(255 255 255/.6);transition:transform .16s ease,box-shadow .16s ease}.group:active .nav-key{transform:translateY(1px) scale(.96)}.nav-key[data-active]{background:linear-gradient(180deg,color-mix(in srgb,var(--color-ink) 88%,white) 0,var(--color-ink) 100%);box-shadow:inset 0 2px 5px rgb(0 0 0/.35),inset 0 -1px 0 rgb(255 255 255/.12),0 3px 8px var(--skin-dark,rgb(120 88 46/.2))}:root[data-theme=dark] .nav-key:not([data-active]){box-shadow:4px 4px 10px rgb(0 0 0/.5),-2px -2px 6px rgb(255 255 255/.04),inset 0 1px 0 rgb(255 255 255/.06)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .nav-key:not([data-active]){box-shadow:4px 4px 10px rgb(0 0 0/.5),-2px -2px 6px rgb(255 255 255/.04),inset 0 1px 0 rgb(255 255 255/.06)}}