@layer reset{*,:before,:after{box-sizing:border-box}*{margin:0}html{-webkit-text-size-adjust:none;-moz-text-size-adjust:none;text-size-adjust:none}img,svg{max-inline-size:100%;display:block}button,input,select,textarea{font:inherit;color:inherit}ul[role=list]{padding:0;list-style:none}}@layer tokens{:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--color-surface:var(--lightningcss-light,#f6f5fa)var(--lightningcss-dark,#0b0b12);--color-surface-raised:var(--lightningcss-light,#fff)var(--lightningcss-dark,#15151f);--color-surface-sunken:var(--lightningcss-light,#ebe9f3)var(--lightningcss-dark,#06060b);--color-text:var(--lightningcss-light,#14131f)var(--lightningcss-dark,#ecebf5);--color-text-muted:var(--lightningcss-light,#575470)var(--lightningcss-dark,#a5a2bd);--color-border:var(--lightningcss-light,#dcd9e8)var(--lightningcss-dark,#26253a);--color-border-strong:var(--lightningcss-light,#7b7896)var(--lightningcss-dark,#6d6a8a);--color-accent:var(--lightningcss-light,#6a2bd9)var(--lightningcss-dark,#b9a0ff);--color-accent-hover:var(--lightningcss-light,#5320b0)var(--lightningcss-dark,#d2c2ff);--color-accent-soft:var(--lightningcss-light,#ebe2ff)var(--lightningcss-dark,#2a2148);--color-danger:var(--lightningcss-light,#b3261e)var(--lightningcss-dark,#ffb4ab);--color-danger-soft:var(--lightningcss-light,#f9dedc)var(--lightningcss-dark,#4a1512);--color-accent-fill:var(--lightningcss-light,#6a2bd9)var(--lightningcss-dark,#a98bff);--color-accent-fill-hover:var(--lightningcss-light,#5320b0)var(--lightningcss-dark,#c0a8ff);--color-on-accent:var(--lightningcss-light,#fff)var(--lightningcss-dark,#120a2a);--color-danger-fill:var(--lightningcss-light,#b3261e)var(--lightningcss-dark,#ff8a80);--color-danger-fill-hover:var(--lightningcss-light,#8c1d18)var(--lightningcss-dark,#ffa49c);--color-on-danger:var(--lightningcss-light,#fff)var(--lightningcss-dark,#2a0906);--color-record:var(--lightningcss-light,#d1302f)var(--lightningcss-dark,#ff6b63);--color-record-soft:var(--lightningcss-light,#fbe1df)var(--lightningcss-dark,#46181a);--color-mark-1:var(--lightningcss-light,#2f6fde)var(--lightningcss-dark,#7aa7ff);--color-mark-2:var(--lightningcss-light,#c2410c)var(--lightningcss-dark,#ff9a63);--color-mark-3:var(--lightningcss-light,#14866d)var(--lightningcss-dark,#4fd1a5);--color-mark-4:var(--lightningcss-light,#9333ea)var(--lightningcss-dark,#c79bff);--color-mark-5:var(--lightningcss-light,#b45309)var(--lightningcss-dark,#f6c453);--color-mark-6:var(--lightningcss-light,#be185d)var(--lightningcss-dark,#ff8cc0);--color-mark-7:var(--lightningcss-light,#0e7490)var(--lightningcss-dark,#5fd3ef);--color-mark-8:var(--lightningcss-light,#4d7c0f)var(--lightningcss-dark,#a6d75b);--color-backdrop:#00000073;--color-hover:var(--lightningcss-light,#eceaf4)var(--lightningcss-dark,#1e1d2c);--color-selected:var(--color-accent-soft);--color-match:var(--color-accent-soft);--space-1:.25rem;--space-2:.5rem;--space-3:.625rem;--space-4:.875rem;--space-5:1.25rem;--space-6:2rem;--space-7:3rem;--space-page:clamp(1rem, .6rem + 2vi, 2rem);--font-family:system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-display:"Quicksand Variable", "Quicksand Fallback", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-mono:ui-monospace, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace;--text-code:.9em;--text-xs:.75rem;--text-sm:.8125rem;--text-md:.9375rem;--text-lg:1.0625rem;--text-xl:clamp(1.1875rem, 1.05rem + .5vi, 1.375rem);--text-2xl:clamp(1.375rem, 1.2rem + .8vi, 1.75rem);--weight-normal:400;--weight-medium:500;--weight-bold:650;--weight-display:700;--tracking-display:-.02em;--tracking-label:.06em;--leading:1.5;--leading-tight:1.2;--link-underline-offset:.2em;--radius-sm:.375rem;--radius-md:.5rem;--radius-lg:.875rem;--radius-full:999px;--radius-item:var(--radius-md);--field-border:1px solid var(--color-border-strong);--field-radius:var(--radius-md);--field-padding:var(--space-3);--field-surface:var(--color-surface-raised);--field-text:1rem;--shadow-1:0 1px 2px #0000000f, 0 1px 3px #00000014;--shadow-2:0 8px 24px #00000029;--focus-width:2px;--focus-ring:var(--focus-width) solid var(--color-accent);--focus-offset:2px;--focus-offset-inside:calc(-1 * var(--space-1));--focus-offset-field:0px;--focus-radius:var(--radius-sm);--size-tap:2.75rem;--size-icon:1.25rem;--size-icon-inline:1rem;--size-avatar:2rem;--size-fab:3.5rem;--size-badge:1.125rem;--size-progress:.5rem;--space-nav-icon:calc((var(--size-tap) - var(--size-icon)) / 2);--space-avatar:calc((var(--size-tap) - var(--size-avatar)) / 2);--size-cover:3rem;--size-cover-card:10rem;--size-cover-hero:clamp(9rem, 30vi, 14rem);--size-cover-icon:3rem;--size-artist:6.25rem;--size-picked-ring:3px;--size-player:4.5rem;--size-play:3.5rem;--size-track:.25rem;--text-3xl:clamp(1.75rem, 1.3rem + 2.2vi, 3rem);--text-hero:clamp(2.25rem, 1.2rem + 4.5vi, 4.5rem);--leading-hero:1.05;--size-landing:72rem;--size-landing-icon:8rem;--size-content:44rem;--size-frame:90rem;--size-card:26rem;--size-list:20rem;--size-panel:30rem;--size-dialog:30rem;--size-dialog-wide:40rem;--size-sheet:min(85dvb, 44rem);--size-sidenav:16rem;--size-sidenav-collapsed:calc(var(--size-tap) + 2 * var(--space-3) + 1px);--size-field-day:9.5rem;--size-chip-room:5rem;--size-row-text:12rem;--size-filter:40rem;--size-row-title:7rem;--size-indent:.75rem;--drag-from-surface:var(--color-surface-sunken);--drag-from-outline:1px dashed var(--color-border-strong);--drop-before:inset 0 2px 0 var(--color-accent);--drop-after:inset 0 -2px 0 var(--color-accent);--drop-into:var(--color-selected);--size-tree-table:60rem;--size-marker:.1875rem;--size-timeline-chart:40rem;--size-timeline-label:17rem;--color-band:color-mix(in srgb, var(--color-accent) 12%, transparent);--color-stripe:color-mix(in srgb, var(--color-surface) 45%, transparent);--opacity-disabled:.4;--duration-fast:.12s;--duration:.22s;--duration-slow:.32s;--duration-spin:.7s;--duration-pulse:1.2s;--ease:cubic-bezier(.2, 0, 0, 1);--ease-wave:cubic-bezier(.37, 0, .63, 1);--safe-top:max(env(safe-area-inset-top,0px), var(--native-safe-top,0px));--safe-right:max(env(safe-area-inset-right,0px), var(--native-safe-right,0px));--safe-bottom:max(env(safe-area-inset-bottom,0px), var(--native-safe-bottom,0px));--safe-left:max(env(safe-area-inset-left,0px), var(--native-safe-left,0px))}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}@media (prefers-reduced-motion:reduce){:root{--duration-fast:0s;--duration:0s;--duration-slow:0s}}}@layer base{html{overscroll-behavior:none;scroll-padding-block-end:calc(var(--space-2) + var(--safe-bottom))}@media (width<48rem){html{scroll-padding-block-start:calc(var(--size-tap) + var(--space-5) + var(--safe-top))}html:has(.pinned-tabs){scroll-padding-block-start:calc(2 * var(--size-tap) + var(--space-5) + var(--safe-top))}}@media (width>=48rem){html{scroll-padding-block-start:calc(2 * var(--size-tap) + 3 * var(--space-5))}}html:has(dialog:modal){overflow:hidden}body{min-block-size:100dvb;font-family:var(--font-family);font-size:var(--text-md);font-weight:var(--weight-normal);line-height:var(--leading);background:var(--color-surface);color:var(--color-text);-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}input,textarea,[contenteditable],.selectable{-webkit-user-select:text;user-select:text}h1,h2,h3{line-height:var(--leading-tight);font-weight:var(--weight-bold);text-wrap:balance;overflow-wrap:anywhere;-webkit-hyphens:auto;hyphens:auto}h1,h2{font-family:var(--font-display);font-weight:var(--weight-display);letter-spacing:var(--tracking-display)}h1{font-size:var(--text-2xl)}h2{font-size:var(--text-xl)}h3{font-size:var(--text-lg)}a{color:var(--color-accent);text-underline-offset:var(--link-underline-offset)}a:hover{color:var(--color-accent-hover)}:focus-visible{outline:var(--focus-ring);outline-offset:var(--focus-offset)}:where(input:not([type=checkbox],[type=radio]),select,textarea):focus-visible{outline-offset:var(--focus-offset-field)}:where(a,button,summary,[tabindex]):focus-visible{border-radius:var(--focus-radius)}main:focus{outline:none}.muted{color:var(--color-text-muted)}.visually-hidden{clip-path:inset(50%);white-space:nowrap;block-size:1px;inline-size:1px;position:absolute;overflow:hidden}}@font-face{font-family:Quicksand Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(./quicksand-vietnamese-wght-normal.ei70gACF.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Quicksand Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(./quicksand-latin-ext-wght-normal.CrJ75Ewg.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Quicksand Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(./quicksand-latin-wght-normal.Buj9m_3d.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Quicksand Fallback;font-weight:300 500;src:local(Arial),local(ArialMT);size-adjust:104.31%;ascent-override:95.87%;descent-override:23.97%;line-gap-override:0%}@font-face{font-family:Quicksand Fallback;font-weight:600 700;src:local(Arial Bold),local(Arial-BoldMT);size-adjust:101.06%;ascent-override:98.95%;descent-override:24.74%;line-gap-override:0%}@keyframes vt-out-to-start{to{opacity:0;translate:-24%}}@keyframes vt-in-from-end{0%{translate:100%}}@keyframes vt-out-to-end{to{translate:100%}}@keyframes vt-in-from-start{0%{opacity:0;translate:-24%}}@keyframes vt-out-past-start{to{translate:-100%}}@keyframes vt-in-past-start{0%{translate:-100%}}::view-transition-group(page){animation-duration:var(--duration-slow);animation-timing-function:var(--ease)}html:active-view-transition-type(forward)::view-transition-old(page){animation-name:vt-out-to-start}html:active-view-transition-type(forward)::view-transition-new(page){animation-name:vt-in-from-end}html:active-view-transition-type(back)::view-transition-old(page){z-index:1;animation-name:vt-out-to-end}html:active-view-transition-type(back)::view-transition-new(page){animation-name:vt-in-from-start}html:active-view-transition-type(next)::view-transition-old(page){animation-name:vt-out-past-start}html:active-view-transition-type(next)::view-transition-new(page){animation-name:vt-in-from-end}html:active-view-transition-type(previous)::view-transition-old(page){animation-name:vt-out-to-end}html:active-view-transition-type(previous)::view-transition-new(page){animation-name:vt-in-past-start}@keyframes vt-fade-out{40%,to{translate:var(--vt-x) var(--vt-y);opacity:0}}@keyframes vt-fade-in{0%,40%{translate:var(--vt-x) var(--vt-y);opacity:0}}@media (width>=48rem){html:is(:active-view-transition-type(forward),:active-view-transition-type(next))::view-transition-old(page){--vt-step:calc(-1 * var(--space-5))}html:is(:active-view-transition-type(back),:active-view-transition-type(previous))::view-transition-new(page){--vt-step:calc(-1 * var(--space-5))}html:is(:active-view-transition-type(forward),:active-view-transition-type(next))::view-transition-new(page){--vt-step:var(--space-5)}html:is(:active-view-transition-type(back),:active-view-transition-type(previous))::view-transition-old(page){--vt-step:var(--space-5)}html:is(:active-view-transition-type(forward),:active-view-transition-type(back),:active-view-transition-type(next),:active-view-transition-type(previous))::view-transition-old(page){--vt-x:var(--vt-step);--vt-y:0;animation-name:vt-fade-out}html:is(:active-view-transition-type(forward),:active-view-transition-type(back),:active-view-transition-type(next),:active-view-transition-type(previous))::view-transition-new(page){--vt-x:var(--vt-step);--vt-y:0;animation-name:vt-fade-in}html:is(:active-view-transition-type(next),:active-view-transition-type(previous)):not(:active-view-transition-type(tabs))::view-transition-old(page){--vt-x:0;--vt-y:var(--vt-step)}html:is(:active-view-transition-type(next),:active-view-transition-type(previous)):not(:active-view-transition-type(tabs))::view-transition-new(page){--vt-x:0;--vt-y:var(--vt-step)}}::view-transition-group(page-header){animation-duration:var(--duration-slow);animation-timing-function:var(--ease)}::view-transition-group(*.frame){animation-duration:var(--duration-slow);animation-timing-function:var(--ease)}::view-transition-group(*.nav){z-index:2;animation:none}::view-transition-old(*.nav):not(:only-child){display:none}::view-transition-new(*.nav):not(:only-child){animation:none}@media (prefers-reduced-motion:reduce){::view-transition-group(*){animation:none!important}::view-transition-old(*){animation:none!important}::view-transition-new(*){animation:none!important}}
