@font-face{font-family:Quicksand Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(/_astro/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(/_astro/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(/_astro/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}:root{--text-caption:.8125rem;--text-label:.9375rem;--text-body:1.0625rem;--text-title:1.375rem;--text-name:1.75rem;--text-clock:5rem;--space-xxs:.25rem;--space-xs:.5rem;--space-sm:.75rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-xxl:3rem;--space-xxxl:4rem;--radius-control:1.125rem;--radius-tile:1.25rem;--radius-sheet:1.75rem;--radius-pill:999px;--touch-min:2.75rem;--touch-play:4rem;--instant:.12s;--state:.2s;--layout:.32s;--enter:.48s;--sky-glide:1.8s;--ease-out:cubic-bezier(.25, 1, .5, 1);--ease-in-out:cubic-bezier(.65, 0, .35, 1);--ease-in:cubic-bezier(.7, 0, .84, 0);--mira-ivory:#e8e6e1;--mira-warm:#e3b071;--mira-cool:#7099d6;--mira-ink:#3c281e;--mira-blush:#dc788c;--mira-star:#fff7d4;--sky-dim-over:120s;--sky-dim-to:.35;--sky-restore:1.5s}[data-sound=white]{--accent:#cbcbd6;--sky-top:#1d1d25;--sky-bottom:#0b0a10;--hill-far:#050509;--hill-near:#020204;--bedside:#010102;--surface:#111116;--surface-raised:#222228;--line:#37373e;--ink:#e9e9ed;--ink-muted:#c3c3c9;--ink-faint:#98989d;--accent-ink:#15151a}@supports (color:lab(0% 0 0)){[data-sound=white]{--accent:lab(81.8862% 1.53592 -5.4668);--sky-top:lab(11.1049% 1.81726 -5.69322);--sky-bottom:lab(2.9866% .738099 -2.53625);--hill-far:lab(1.45191% .38451 -1.3154);--hill-near:lab(.601082% .17333 -.589582);--bedside:lab(.303013% .0813603 -.278068);--surface:lab(5.19658% .839777 -2.95518);--surface-raised:lab(13.4679% 1.30293 -4.29853);--line:lab(23.3303% 1.26961 -4.31612);--ink:lab(92.408% .594318 -2.18238);--ink-muted:lab(79.0502% .798672 -2.90582);--ink-faint:lab(62.8099% .802398 -2.90343);--accent-ink:lab(7.13899% 1.02403 -3.52192)}}[data-sound=pink]{--accent:#b4cdb0;--sky-top:#142212;--sky-bottom:#050e04;--hill-far:#020702;--hill-near:#010301;--bedside:#010100;--surface:#0c140b;--surface-raised:#1c261a;--line:#313b30;--ink:#e7ebe6;--ink-muted:#c0c6bf;--ink-faint:#949b92;--accent-ink:#111810}@supports (color:lab(0% 0 0)){[data-sound=pink]{--accent:lab(79.965% -12.7913 11.5312);--sky-top:lab(11.6973% -9.52309 8.79068);--sky-bottom:lab(3.21849% -3.46784 2.88906);--hill-far:lab(1.56997% -1.75246 1.45634);--hill-near:lab(.652624% -.756688 .627056);--bedside:lab(.326618% -.342682 .286001);--surface:lab(5.47296% -4.1786 3.54813);--surface-raised:lab(13.9092% -7.01115 6.43677);--line:lab(23.7445% -6.39014 5.7878);--ink:lab(92.554% -1.91817 1.69814);--ink-muted:lab(79.2762% -3.19514 2.83529);--ink-faint:lab(63.068% -3.85878 3.43201);--accent-ink:lab(7.45363% -4.63106 3.96394)}}[data-sound=brown]{--accent:#8aa6d6;--sky-top:#0e1d38;--sky-bottom:#030a1c;--hill-far:#010511;--hill-near:#010208;--bedside:#000103;--surface:#091121;--surface-raised:#172337;--line:#2d384c;--ink:#e5eaf1;--ink-muted:#bdc5d1;--ink-faint:#9099a7;--accent-ink:#0e1624}@supports (color:lab(0% 0 0)){[data-sound=brown]{--accent:lab(67.3563% -1.20732 -27.887);--sky-top:lab(10.8386% 1.56219 -19.4448);--sky-bottom:lab(2.87612% .831999 -10.9676);--hill-far:lab(1.39778% .428908 -5.51455);--hill-near:lab(.579407% .181332 -2.30443);--bedside:lab(.298819% .0256002 -.779498);--surface:lab(5.09675% .312231 -11.3318);--surface-raised:lab(13.3176% .164971 -15.012);--line:lab(23.2374% -.519767 -13.9196);--ink:lab(92.4201% -.522852 -4.30383);--ink-muted:lab(79.0497% -.808358 -7.15098);--ink-faint:lab(62.7913% -.897944 -8.56658);--accent-ink:lab(7.06058% -.0309348 -10.6866)}}[data-sound=classic-brown]{--accent:#cdb59a;--sky-top:#281b0b;--sky-bottom:#120902;--hill-far:#0a0401;--hill-near:#040200;--bedside:#020100;--surface:#171007;--surface-raised:#2b2115;--line:#40362b;--ink:#ece9e5;--ink-muted:#c9c3bc;--ink-faint:#9e978f;--accent-ink:#1b150d}@supports (color:lab(0% 0 0)){[data-sound=classic-brown]{--accent:lab(75.2882% 5.80406 17.1347);--sky-top:lab(11.2151% 5.10564 12.3688);--sky-bottom:lab(3.02749% 2.1332 3.8108);--hill-far:lab(1.47296% 1.08726 1.90538);--hill-near:lab(.610456% .476398 .815421);--bedside:lab(.307833% .208475 .378442);--surface:lab(5.25443% 2.26168 4.82563);--surface-raised:lab(13.5633% 3.46212 9.74331);--line:lab(23.435% 2.9645 8.64167);--ink:lab(92.4646% .772864 2.49013);--ink-muted:lab(79.1265% 1.30937 4.16414);--ink-faint:lab(62.8865% 1.59529 5.01332);--accent-ink:lab(7.21686% 2.36686 5.46588)}}[data-sound=spaceship]{--accent:#8aa6d6;--sky-top:#0e1d38;--sky-bottom:#030a1c;--hill-far:#010511;--hill-near:#010208;--bedside:#000103;--surface:#091121;--surface-raised:#172337;--line:#2d384c;--ink:#e5eaf1;--ink-muted:#bdc5d1;--ink-faint:#9099a7;--accent-ink:#0e1624}@supports (color:lab(0% 0 0)){[data-sound=spaceship]{--accent:lab(67.3563% -1.20732 -27.887);--sky-top:lab(10.8386% 1.56219 -19.4448);--sky-bottom:lab(2.87612% .831999 -10.9676);--hill-far:lab(1.39778% .428908 -5.51455);--hill-near:lab(.579407% .181332 -2.30443);--bedside:lab(.298819% .0256002 -.779498);--surface:lab(5.09675% .312231 -11.3318);--surface-raised:lab(13.3176% .164971 -15.012);--line:lab(23.2374% -.519767 -13.9196);--ink:lab(92.4201% -.522852 -4.30383);--ink-muted:lab(79.0497% -.808358 -7.15098);--ink-faint:lab(62.7913% -.897944 -8.56658);--accent-ink:lab(7.06058% -.0309348 -10.6866)}}[data-sound=submarine]{--accent:#9dd0d5;--sky-top:#002327;--sky-bottom:#000e10;--hill-far:#000708;--hill-near:#000304;--bedside:#000202;--surface:#041516;--surface-raised:#102729;--line:#273c3e;--ink:#e4ebec;--ink-muted:#bbc7c8;--ink-faint:#8d9b9d;--accent-ink:#09191a}@supports (color:lab(0% 0 0)){[data-sound=submarine]{--accent:lab(80.0742% -16.2927 -8.1741);--sky-top:lab(11.6163% -12.0123 -5.99926);--sky-bottom:lab(3.18678% -4.21581 -2.72488);--hill-far:lab(1.55404% -2.12597 -1.3883);--hill-near:lab(.64579% -.915878 -.605068);--bedside:lab(.323505% -.418179 -.268459);--surface:lab(5.43339% -5.17097 -3.08971);--surface-raised:lab(13.8455% -8.88625 -4.443);--line:lab(23.6837% -8.11458 -4.06642);--ink:lab(92.5348% -2.46438 -1.24465);--ink-muted:lab(79.2441% -4.09299 -2.06493);--ink-faint:lab(63.0289% -4.91917 -2.47928);--accent-ink:lab(7.40867% -5.76022 -3.2095)}}[data-sound=cabin]{--accent:#a8b6e8;--sky-top:#151b38;--sky-bottom:#06091c;--hill-far:#030411;--hill-near:#010208;--bedside:#010103;--surface:#0d1020;--surface-raised:#1c2136;--line:#31374b;--ink:#e7e9f1;--ink-muted:#c0c4d0;--ink-faint:#9398a6;--accent-ink:#111523}@supports (color:lab(0% 0 0)){[data-sound=cabin]{--accent:lab(74.2785% 3.35938 -26.8522);--sky-top:lab(10.69% 4.94891 -19.6345);--sky-bottom:lab(2.82063% 2.12913 -11.0385);--hill-far:lab(1.37029% 1.07005 -5.54827);--hill-near:lab(.567942% .448614 -2.31847);--bedside:lab(.294615% .126854 -.784907);--surface:lab(5.04001% 1.83281 -11.049);--surface-raised:lab(13.2272% 2.64567 -14.5472);--line:lab(23.1549% 1.84107 -13.3933);--ink:lab(92.3935% .241518 -4.15833);--ink-muted:lab(79.0061% .456989 -6.88689);--ink-faint:lab(62.7399% .609428 -8.209);--accent-ink:lab(6.99477% 1.70054 -10.5483)}}[data-sound=train]{--accent:#9fcfe6;--sky-top:#01222f;--sky-bottom:#000d15;--hill-far:#00070c;--hill-near:#000305;--bedside:#000103;--surface:#04141b;--surface-raised:#10262f;--line:#283b44;--ink:#e4ebee;--ink-muted:#bbc6cc;--ink-faint:#8e9ba1;--accent-ink:#0a181f}@supports (color:lab(0% 0 0)){[data-sound=train]{--accent:lab(80.2603% -12.2024 -16.7869);--sky-top:lab(11.3643% -7.87835 -12.2407);--sky-bottom:lab(3.08366% -2.71948 -6.27758);--hill-far:lab(1.50105% -1.35357 -3.20143);--hill-near:lab(.622465% -.575587 -1.40312);--bedside:lab(.313416% -.261493 -.572565);--surface:lab(5.32449% -3.60852 -6.76209);--surface-raised:lab(13.6779% -6.28881 -9.09908);--line:lab(23.5415% -5.99754 -8.35521);--ink:lab(92.4972% -1.93796 -2.56152);--ink-muted:lab(79.181% -3.21877 -4.27401);--ink-faint:lab(62.9518% -3.83735 -5.11895);--accent-ink:lab(7.29519% -4.14564 -6.58029)}}[data-sound=river]{--accent:#a4dcc6;--sky-top:#00251a;--sky-bottom:#000f09;--hill-far:#000804;--hill-near:#000302;--bedside:#000201;--surface:#03160f;--surface-raised:#0f2820;--line:#273e35;--ink:#e4ece8;--ink-muted:#bbc8c2;--ink-faint:#8d9c96;--accent-ink:#091a14}@supports (color:lab(0% 0 0)){[data-sound=river]{--accent:lab(83.4683% -22.0774 4.72978);--sky-top:lab(11.9066% -17.1371 3.58755);--sky-bottom:lab(3.30401% -5.93535 1.34022);--hill-far:lab(1.61364% -3.00118 .678837);--hill-near:lab(.671455% -1.29145 .29262);--bedside:lab(.331472% -.508696 .11408);--surface:lab(5.56795% -7.12411 1.58746);--surface-raised:lab(14.0556% -12.3265 2.61345);--line:lab(23.873% -11.0707 2.36475);--ink:lab(92.5908% -3.26616 .706387);--ink-muted:lab(79.3375% -5.44289 1.17564);--ink-faint:lab(63.1414% -6.55717 1.4146);--accent-ink:lab(7.55449% -7.86787 1.74318)}}[data-sound=storm]{--accent:#9aa8d4;--sky-top:#161c35;--sky-bottom:#060a1a;--hill-far:#030510;--hill-near:#010207;--bedside:#010103;--surface:#0d111f;--surface-raised:#1c2234;--line:#313749;--ink:#e7e9f0;--ink-muted:#c0c4cf;--ink-faint:#9498a5;--accent-ink:#121522}@supports (color:lab(0% 0 0)){[data-sound=storm]{--accent:lab(68.9075% 2.3866 -24.2186);--sky-top:lab(10.7882% 3.69085 -17.7346);--sky-bottom:lab(2.85808% 1.61511 -9.79191);--hill-far:lab(1.38585% .848286 -5.02182);--hill-near:lab(.572187% .3815 -2.19732);--bedside:lab(.295116% .113964 -.786439);--surface:lab(5.07789% 1.33459 -9.92638);--surface-raised:lab(13.2854% 1.90668 -13.1519);--line:lab(23.2012% 1.26781 -12.0844);--ink:lab(92.4036% .126749 -3.74819);--ink-muted:lab(79.0233% .256717 -6.22126);--ink-faint:lab(62.7614% .357389 -7.40091);--accent-ink:lab(7.03323% 1.20711 -9.50498)}}[data-sound=wind]{--accent:#b4cdb0;--sky-top:#142212;--sky-bottom:#050e04;--hill-far:#020702;--hill-near:#010301;--bedside:#010100;--surface:#0c140b;--surface-raised:#1c261a;--line:#313b30;--ink:#e7ebe6;--ink-muted:#c0c6bf;--ink-faint:#949b92;--accent-ink:#111810}@supports (color:lab(0% 0 0)){[data-sound=wind]{--accent:lab(79.965% -12.7913 11.5312);--sky-top:lab(11.6973% -9.52309 8.79068);--sky-bottom:lab(3.21849% -3.46784 2.88906);--hill-far:lab(1.56997% -1.75246 1.45634);--hill-near:lab(.652624% -.756688 .627056);--bedside:lab(.326618% -.342682 .286001);--surface:lab(5.47296% -4.1786 3.54813);--surface-raised:lab(13.9092% -7.01115 6.43677);--line:lab(23.7445% -6.39014 5.7878);--ink:lab(92.554% -1.91817 1.69814);--ink-muted:lab(79.2762% -3.19514 2.83529);--ink-faint:lab(63.068% -3.85878 3.43201);--accent-ink:lab(7.45363% -4.63106 3.96394)}}[data-sound=ember]{--accent:#e8c79a;--sky-top:#2c1a00;--sky-bottom:#130900;--hill-far:#0b0400;--hill-near:#050200;--bedside:#020100;--surface:#1a0f02;--surface-raised:#2e200c;--line:#433523;--ink:#eee9e2;--ink-muted:#cbc3b8;--ink-faint:#a0978a;--accent-ink:#1d1407}@supports (color:lab(0% 0 0)){[data-sound=ember]{--accent:lab(82.2975% 7.38412 27.1336);--sky-top:lab(11.1931% 7.2683 17.4642);--sky-bottom:lab(3.01437% 3.14831 5.19057);--hill-far:lab(1.46552% 1.62116 2.58795);--hill-near:lab(.607376% .693373 1.08714);--bedside:lab(.308264% .225365 .44696);--surface:lab(5.25259% 3.19071 6.89562);--surface-raised:lab(13.5676% 4.72315 15.1094);--line:lab(23.4524% 3.88174 13.8282);--ink:lab(92.4782% .902981 3.89363);--ink-muted:lab(79.1476% 1.55583 6.52399);--ink-faint:lab(62.91% 1.92371 7.87057);--accent-ink:lab(7.22192% 3.2469 7.95657)}}[data-sound=furnace]{--accent:#e8b89a;--sky-top:#301604;--sky-bottom:#170600;--hill-far:#0d0300;--hill-near:#060100;--bedside:#020100;--surface:#1c0d05;--surface-raised:#311e11;--line:#463327;--ink:#efe8e3;--ink-muted:#cec1ba;--ink-faint:#a3958d;--accent-ink:#20120a}@supports (color:lab(0% 0 0)){[data-sound=furnace]{--accent:lab(78.6047% 14.8653 22.2288);--sky-top:lab(10.9785% 12.3384 15.0632);--sky-bottom:lab(2.93546% 5.34415 4.50637);--hill-far:lab(1.42595% 2.73357 2.25241);--hill-near:lab(.59026% 1.18353 .955293);--bedside:lab(.301502% .40628 .38704);--surface:lab(5.15156% 5.79627 5.88291);--surface-raised:lab(13.3993% 8.62506 12.6075);--line:lab(23.2923% 7.54264 11.2494);--ink:lab(92.4253% 2.08679 3.21751);--ink-muted:lab(79.0605% 3.50806 5.37714);--ink-faint:lab(62.8067% 4.23801 6.46341);--accent-ink:lab(7.10722% 6.06015 6.72982)}}[data-sound=cathedral]{--accent:#e8d8a4;--sky-top:#261d00;--sky-bottom:#100a00;--hill-far:#080500;--hill-near:#040200;--bedside:#020100;--surface:#161102;--surface-raised:#29220b;--line:#3e3823;--ink:#ece9e2;--ink-muted:#c8c4b8;--ink-faint:#9d988a;--accent-ink:#1a1607}@supports (color:lab(0% 0 0)){[data-sound=cathedral]{--accent:lab(86.7527% -.00980496 27.8161);--sky-top:lab(11.394% 1.80849 17.9419);--sky-bottom:lab(3.09168% .866063 5.3488);--hill-far:lab(1.5046% .461265 2.66633);--hill-near:lab(.623896% .20244 1.12229);--bedside:lab(.314453% .0481084 .461063);--surface:lab(5.3451% .568263 7.09466);--surface-raised:lab(13.7171% .684246 15.4819);--line:lab(23.5896% .20729 14.1893);--ink:lab(92.5204% -.193477 4.01042);--ink-muted:lab(79.2177% -.273436 6.7191);--ink-faint:lab(62.994% -.273138 8.10533);--accent-ink:lab(7.3241% .399649 8.17987)}}[data-sound=velvet]{--accent:#b09ec8;--sky-top:#231830;--sky-bottom:#0e0717;--hill-far:#07030e;--hill-near:#030106;--bedside:#010103;--surface:#140e1c;--surface-raised:#261f30;--line:#3b3445;--ink:#ebe8ef;--ink-muted:#c6c2cd;--ink-faint:#9b96a2;--accent-ink:#19131f}@supports (color:lab(0% 0 0)){[data-sound=velvet]{--accent:lab(67.7755% 12.9128 -19.1508);--sky-top:lab(10.5941% 10.3908 -14.0751);--sky-bottom:lab(2.79159% 4.2667 -7.10419);--hill-far:lab(1.35299% 2.17544 -3.62674);--hill-near:lab(.558361% .948183 -1.58292);--bedside:lab(.287785% .366874 -.608239);--surface:lab(4.98438% 4.73777 -7.65693);--surface-raised:lab(13.1236% 7.32264 -10.4258);--line:lab(23.0425% 6.49224 -9.57651);--ink:lab(92.3511% 1.83925 -2.9242);--ink-muted:lab(78.9364% 3.08982 -4.86947);--ink-faint:lab(62.657% 3.7401 -5.84601);--accent-ink:lab(6.92319% 5.07635 -7.51724)}}[data-sound=static]{--accent:#cbcbd6;--sky-top:#1d1d25;--sky-bottom:#0b0a10;--hill-far:#050509;--hill-near:#020204;--bedside:#010102;--surface:#111116;--surface-raised:#222228;--line:#37373e;--ink:#e9e9ed;--ink-muted:#c3c3c9;--ink-faint:#98989d;--accent-ink:#15151a}@supports (color:lab(0% 0 0)){[data-sound=static]{--accent:lab(81.8862% 1.53592 -5.4668);--sky-top:lab(11.1049% 1.81726 -5.69322);--sky-bottom:lab(2.9866% .738099 -2.53625);--hill-far:lab(1.45191% .38451 -1.3154);--hill-near:lab(.601082% .17333 -.589582);--bedside:lab(.303013% .0813603 -.278068);--surface:lab(5.19658% .839777 -2.95518);--surface-raised:lab(13.4679% 1.30293 -4.29853);--line:lab(23.3303% 1.26961 -4.31612);--ink:lab(92.408% .594318 -2.18238);--ink-muted:lab(79.0502% .798672 -2.90582);--ink-faint:lab(62.8099% .802398 -2.90343);--accent-ink:lab(7.13899% 1.02403 -3.52192)}}[data-sound=room-tuned]{--accent:#cbcbd6;--sky-top:#1d1d25;--sky-bottom:#0b0a10;--hill-far:#050509;--hill-near:#020204;--bedside:#010102;--surface:#111116;--surface-raised:#222228;--line:#37373e;--ink:#e9e9ed;--ink-muted:#c3c3c9;--ink-faint:#98989d;--accent-ink:#15151a}@supports (color:lab(0% 0 0)){[data-sound=room-tuned]{--accent:lab(81.8862% 1.53592 -5.4668);--sky-top:lab(11.1049% 1.81726 -5.69322);--sky-bottom:lab(2.9866% .738099 -2.53625);--hill-far:lab(1.45191% .38451 -1.3154);--hill-near:lab(.601082% .17333 -.589582);--bedside:lab(.303013% .0813603 -.278068);--surface:lab(5.19658% .839777 -2.95518);--surface-raised:lab(13.4679% 1.30293 -4.29853);--line:lab(23.3303% 1.26961 -4.31612);--ink:lab(92.408% .594318 -2.18238);--ink-muted:lab(79.0502% .798672 -2.90582);--ink-faint:lab(62.8099% .802398 -2.90343);--accent-ink:lab(7.13899% 1.02403 -3.52192)}}@font-face{font-family:Fraunces;src:url(/fonts/fraunces.woff2)format("woff2");font-weight:400;font-display:swap}@property --sky-top{syntax:"<color>";inherits:true;initial-value:#0f1d38}@property --sky-bottom{syntax:"<color>";inherits:true;initial-value:#030a1c}@property --hill-far{syntax:"<color>";inherits:true;initial-value:#020818}@property --hill-near{syntax:"<color>";inherits:true;initial-value:#010410}@property --bedside{syntax:"<color>";inherits:true;initial-value:#01030a}@property --surface{syntax:"<color>";inherits:true;initial-value:#0a1428}@property --surface-raised{syntax:"<color>";inherits:true;initial-value:#18243f}@property --line{syntax:"<color>";inherits:true;initial-value:#2a3758}@property --accent{syntax:"<color>";inherits:true;initial-value:#8aa6d6}@property --accent-ink{syntax:"<color>";inherits:true;initial-value:#0c1426}@property --ink{syntax:"<color>";inherits:true;initial-value:#e9e8ee}@property --ink-muted{syntax:"<color>";inherits:true;initial-value:#b9bccb}@property --ink-faint{syntax:"<color>";inherits:true;initial-value:#8b90a6}@property --mira-tint{syntax:"<color>";inherits:true;initial-value:#e8e6e1}*,:before,:after{box-sizing:border-box}html{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:var(--sky-bottom);-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;overflow-x:clip}body{min-height:100dvh;font-family:Quicksand Variable,ui-rounded,system-ui,sans-serif;font-weight:500;font-size:var(--text-body);letter-spacing:.012em;color:var(--ink);background:var(--sky-bottom);-webkit-font-smoothing:antialiased;transition:--sky-top var(--sky-glide) var(--ease-in-out), --sky-bottom var(--sky-glide) var(--ease-in-out), --hill-far var(--sky-glide) var(--ease-in-out), --hill-near var(--sky-glide) var(--ease-in-out), --bedside var(--sky-glide) var(--ease-in-out), --surface var(--sky-glide) var(--ease-in-out), --surface-raised var(--sky-glide) var(--ease-in-out), --line var(--sky-glide) var(--ease-in-out), --accent var(--sky-glide) var(--ease-in-out), --accent-ink var(--sky-glide) var(--ease-in-out), --ink var(--sky-glide) var(--ease-in-out), --ink-muted var(--sky-glide) var(--ease-in-out), --ink-faint var(--sky-glide) var(--ease-in-out), --mira-tint var(--state) var(--ease-out);margin:0;line-height:1.5}button,input,label{font:inherit;color:inherit;letter-spacing:inherit}button{cursor:pointer;-webkit-user-select:none;user-select:none;touch-action:manipulation}:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:14px}h1,h2,h3,p{margin:0}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;position:absolute!important}[hidden]{display:none!important}@media (prefers-reduced-motion:reduce){*,:before,:after{animation:none!important}}.sky{z-index:0;pointer-events:none;position:fixed;inset:0;overflow:hidden}.sky-gradient{background:radial-gradient(90% 55% at 50% 34%, color-mix(in oklch, var(--sky-top), var(--accent) 9%) 0%, transparent 70%), linear-gradient(to bottom, var(--sky-top) 0%, color-mix(in oklch, var(--sky-top), var(--sky-bottom) 50%) 52%, var(--sky-bottom) 100%);position:absolute;inset:0}.sky:after{content:"";opacity:.06;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.55 0'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)'/%3E%3C/svg%3E");position:absolute;inset:0}.sky-layer{width:100%;height:100%;position:absolute;inset:0}.star{fill:color-mix(in oklch, var(--mira-star), var(--accent) 18%);animation:5s ease-in-out infinite alternate twinkle}.star.sparkle path{fill:color-mix(in oklch, var(--mira-star), var(--accent) 10%)}.tw1{animation-duration:3.4s}.tw2{animation-duration:4.9s}.tw3{animation-duration:6.6s}.tw4{animation-duration:8.9s}@keyframes twinkle{0%{opacity:1}to{opacity:.3}}.planet{opacity:.85}.sky-clouds .cloud{--c:color-mix(in oklch, var(--sky-top), var(--ink) 14%);background:radial-gradient(closest-side at 28% 62%, var(--c), transparent), radial-gradient(closest-side at 50% 44%, var(--c), transparent), radial-gradient(closest-side at 72% 60%, var(--c), transparent), radial-gradient(closest-side at 50% 72%, var(--c), transparent);opacity:.32;background-position:0,45% 0,100% 60%,50% 100%;background-repeat:no-repeat;background-size:46% 100%,52% 120%,44% 100%,80% 70%;animation:200s ease-in-out infinite alternate drift;position:absolute}.cloud-a{width:64vw;max-width:560px;height:11vh;top:17%;left:-14%}.cloud-b{opacity:.22;width:52vw;max-width:460px;height:8vh;animation-duration:260s;animation-direction:alternate-reverse;top:47%;right:-18%}@keyframes drift{0%{transform:translate(-3vw)}to{transform:translate(6vw)}}.event .tail{stroke:color-mix(in oklch, var(--mira-star), var(--accent) 25%);stroke-width:1.4px;stroke-linecap:round;stroke-opacity:.55}.event .head{fill:var(--mira-star)}.event.meteor .tail{stroke-width:1px}.bh-ring{fill:none;stroke:var(--accent);stroke-opacity:.35;stroke-width:3px}.bh-core{fill:var(--bedside)}.hills{--hills:clamp(130px, 26vh, 300px);height:var(--hills);position:absolute;bottom:0;left:0;right:0}.hill{width:100%;height:100%;position:absolute;inset:0}.hill-far path{fill:var(--hill-far)}.hill-near path{fill:var(--hill-near)}.cottage{width:30px;height:23px;left:calc(78% - 15px);bottom:calc(var(--hills) * .65 - 2px);display:none;position:absolute}.cottage-body{fill:var(--hill-near)}.cottage-window{fill:#f0cf92;filter:drop-shadow(0 0 4px #f0cf9299);transition:opacity 4s}.sky-dim{background:var(--bedside);opacity:0;transition:opacity var(--sky-restore) var(--ease-out);position:absolute;inset:0}body[data-dim] .sky-dim{opacity:calc(1 - var(--sky-dim-to));transition:opacity var(--sky-dim-over) linear}body[data-dim] .cottage-window{opacity:.12;transition:opacity 6s 45s}body[data-bedside] .sky-dim{opacity:.93;transition:opacity 1.2s var(--ease-out)}@media (min-width:1024px){.cottage{display:block}}.player{z-index:1;max-width:34rem;min-height:100dvh;padding:max(env(safe-area-inset-top), var(--space-sm)) max(env(safe-area-inset-right), var(--space-lg)) max(env(safe-area-inset-bottom), var(--space-md)) max(env(safe-area-inset-left), var(--space-lg));transition:opacity .6s var(--ease-out);grid-template:"top""stage"minmax(0,1fr)"play""strip""dock"/minmax(0,1fr);margin:0 auto;display:grid;position:relative;overflow-x:clip}body[data-bedside] .player{opacity:0;visibility:hidden;transition:opacity .6s var(--ease-out), visibility 0s .6s}.top{min-height:var(--touch-min);grid-area:top;justify-content:space-between;align-items:center;display:flex}.wordmark{font-family:Fraunces,Georgia,serif;font-weight:400;font-size:var(--text-title);letter-spacing:-.02em;color:var(--ink);margin-inline-start:-.04em;line-height:1}.clock{min-height:var(--touch-min);padding:0 var(--space-xs);color:var(--ink-muted);font-size:var(--text-body);font-variant-numeric:tabular-nums;background:0 0;border:0;border-radius:14px;align-items:baseline;gap:.3em;font-weight:600;display:inline-flex}.clock-suffix{font-size:var(--text-caption);color:var(--ink-muted);font-weight:600}.stage{place-content:center;align-items:center;column-gap:clamp(var(--space-sm), 4cqi, 2.5rem);padding-block:var(--space-md) 0;grid-area:stage;grid-template-rows:auto auto;grid-template-columns:minmax(3.25rem,auto) auto minmax(3.25rem,auto);display:grid;container-type:inline-size}.mira-wrap{width:min(calc(100cqi - 9rem), 18.5rem, calc(var(--vh,1vh) * 34));aspect-ratio:1;justify-self:center;position:relative}.halo{background:radial-gradient(closest-side, color-mix(in oklch, var(--accent) 30%, transparent) 0%, color-mix(in oklch, var(--accent) 12%, transparent) 46%, transparent 72%);pointer-events:none;transition:opacity var(--sky-restore) var(--ease-out);border-radius:50%;animation:7s ease-in-out infinite breathe;position:absolute;inset:-42%}body[data-dim] .halo{opacity:.45;transition:opacity var(--sky-dim-over) linear}@keyframes breathe{0%,to{opacity:.85;transform:scale(.96)}50%{opacity:1;transform:scale(1.04)}}.mira-hit{cursor:pointer;width:100%;height:100%;animation:9s ease-in-out infinite bob;position:relative}@keyframes bob{0%,to{transform:translateY(-1.5%)}50%{transform:translateY(1.5%)}}.mira{width:100%;height:100%;display:block;overflow:visible}.mira .disc{fill:var(--mira-tint)}.mira .craters{fill:var(--mira-ink);fill-opacity:.1}.mira .faces{fill:none;stroke:var(--mira-ink);stroke-opacity:.62;stroke-width:2.6px;stroke-linecap:round;stroke-linejoin:round}.mira .face{display:none}.mira circle.eye,.mira .eye.star{fill:var(--mira-ink);fill-opacity:.74;stroke:none}.mira .fill{fill:var(--mira-ink);fill-opacity:.42}.mira .cheek{fill:var(--mira-blush);fill-opacity:.42;stroke:none}.mira .shades{fill:var(--mira-ink);fill-opacity:.84;stroke:none}.mira .eye{transform-box:fill-box;transform-origin:50%;transition:transform 70ms ease-out}.mira.blink .eye{transform:scaleY(.12)}.mira[data-face=sleeping] .face[data-face=sleeping],.mira[data-face=calm] .face[data-face=calm],.mira[data-face=happy] .face[data-face=happy],.mira[data-face=delighted] .face[data-face=delighted],.mira[data-face=content] .face[data-face=content],.mira[data-face=peaceful] .face[data-face=peaceful],.mira[data-face=wink] .face[data-face=wink],.mira[data-face=smirk] .face[data-face=smirk],.mira[data-face=starry] .face[data-face=starry],.mira[data-face=blush] .face[data-face=blush],.mira[data-face=cool] .face[data-face=cool]{display:inline}.now{text-align:center;padding-top:var(--space-md);grid-column:1/-1}.now-name{font-size:var(--text-name);letter-spacing:-.005em;font-weight:650;line-height:1.15}.now-desc{margin-top:var(--space-xxs);font-size:var(--text-label);color:var(--ink-muted)}.vslider{align-items:center;gap:var(--space-xs);flex-direction:column;display:flex}.vslider-name{font-size:var(--text-caption);color:var(--ink-muted);font-weight:650}.vslider-value{min-height:1.2em;color:var(--ink-muted);font-variant-numeric:tabular-nums;white-space:nowrap;justify-content:center;width:3.25rem;font-size:.75rem;font-weight:600;display:flex}.vslider-input{--fill:.5;--track:color-mix(in oklch, var(--accent) 46%, var(--surface-raised));appearance:none;writing-mode:vertical-lr;width:var(--touch-min);height:clamp(8.5rem, calc(var(--vh,1vh) * 24), 13rem);cursor:grab;direction:rtl;background:0 0;margin:0}.vslider-input:active{cursor:grabbing}.vslider-input:focus-visible{outline-offset:4px;border-radius:24px}.vslider-input::-webkit-slider-runnable-track{width:var(--touch-min);background:linear-gradient(to top, var(--track) calc(var(--fill) * 100%), var(--surface) calc(var(--fill) * 100%));height:100%;box-shadow:inset 0 0 0 1px var(--line), inset 0 2px 6px -2px color-mix(in oklch, var(--bedside) 80%, transparent);border-radius:22px}.vslider-input::-webkit-slider-thumb{appearance:none;background:var(--mira-ivory);width:2.25rem;height:2.25rem;box-shadow:inset 0 -3px 0 color-mix(in oklch, var(--mira-ink) 18%, transparent), 0 3px 10px -2px color-mix(in oklch, var(--bedside) 90%, transparent);border:0;border-radius:50%;margin-inline-start:.25rem}.vslider-input::-moz-range-track{width:var(--touch-min);background:linear-gradient(to top, var(--track) calc(var(--fill) * 100%), var(--surface) calc(var(--fill) * 100%));height:100%;box-shadow:inset 0 0 0 1px var(--line);border-radius:22px}.vslider-input::-moz-range-thumb{background:var(--mira-ivory);border:0;border-radius:50%;width:2.25rem;height:2.25rem}.play-area{align-items:center;gap:var(--space-xs);padding-top:var(--space-lg);flex-direction:column;grid-area:play;display:flex}.play{min-width:11.5rem;min-height:var(--touch-play);border-radius:var(--radius-pill);color:var(--accent-ink);background:var(--accent);box-shadow:inset 0 1px 0 #fff6, inset 0 -4px 0 color-mix(in oklch, var(--accent-ink) 20%, transparent), 0 10px 28px -10px color-mix(in oklch, var(--accent) 70%, transparent);transition:transform var(--instant) var(--ease-out), background var(--state) var(--ease-out), color var(--state) var(--ease-out), box-shadow var(--state) var(--ease-out);border:0;justify-content:center;align-items:center;gap:.6rem;padding:0 2rem;font-size:1.1875rem;font-weight:700;display:inline-flex}@supports (color:lab(0% 0 0)){.play{box-shadow:inset 0 1px 0 lab(100% 0 0/.4), inset 0 -4px 0 color-mix(in oklch, var(--accent-ink) 20%, transparent), 0 10px 28px -10px color-mix(in oklch, var(--accent) 70%, transparent)}}.play:active{transform:translateY(2px)}.play-icon{display:inline-flex}.play .icon{width:1.4rem;height:1.4rem}body[data-state=playing] .play{color:var(--ink);background:var(--surface-raised);box-shadow:inset 0 0 0 1px var(--line), inset 0 -4px 0 color-mix(in oklch, var(--bedside) 50%, transparent)}.notice{min-height:1.35rem;font-size:var(--text-label);color:var(--ink-muted);text-align:center}.notice.is-hint{color:var(--ink-faint)}.strip{justify-content:center;align-items:flex-start;gap:var(--space-xs);padding-top:var(--space-lg);grid-area:strip;display:flex}.strip-sounds{display:contents}.sound{text-align:inherit;background:0 0;border:0;padding:0}.glyph{color:var(--accent);place-items:center;display:grid}.glyph-svg{width:1.875rem;height:1.875rem}.sound-chip,.strip-all{width:3.5rem;color:var(--ink-muted);background:0 0;border:0;flex-direction:column;align-items:center;gap:.375rem;padding:0;font-size:.75rem;font-weight:650;display:flex}.sound-chip .glyph,.strip-all-icon{background:linear-gradient(to bottom, var(--sky-top), var(--sky-bottom));width:3.25rem;height:3.25rem;box-shadow:inset 0 0 0 1px var(--line), inset 0 -3px 0 color-mix(in oklch, var(--bedside) 60%, transparent);transition:box-shadow var(--state) var(--ease-out), transform var(--instant) var(--ease-out);border-radius:1.125rem}.strip-all-icon{color:var(--ink-muted);background:var(--surface);place-items:center;display:grid}.strip-all-icon .icon{width:1.5rem;height:1.5rem}.sound-chip .sound-name{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.sound-chip[aria-pressed=true]{color:var(--ink)}.sound-chip[aria-pressed=true] .glyph{box-shadow:0 0 0 2px var(--accent), 0 6px 18px -6px color-mix(in oklch, var(--accent) 70%, transparent)}.sound-chip:active .glyph,.strip-all:active .strip-all-icon{transform:translateY(1px)}.dock-panel{padding-top:var(--space-md);grid-area:dock}.tools{gap:var(--space-xs);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.tool{min-height:4.25rem;padding:var(--space-xs) var(--space-xxs);border-radius:var(--radius-control);background:var(--surface);box-shadow:inset 0 0 0 1px color-mix(in oklch, var(--line) 60%, transparent);color:var(--ink);text-align:center;border:0;flex-direction:column;justify-content:center;align-items:center;gap:.2rem;font-size:.8125rem;font-weight:650;line-height:1.2;display:flex}.tool .icon{width:1.5rem;height:1.5rem;color:var(--ink-muted)}.tool:active{transform:translateY(1px)}.tool-value{color:var(--ink-faint);font-size:.6875rem;font-weight:650}.tool-timer .tool-value:not(:empty){color:var(--accent)}body:not([data-timer]) .tool-timer .tool-value{color:var(--ink-faint)}@media (min-width:640px){.player{max-width:40rem}.mira-wrap{width:min(calc(100cqi - 10rem), 24rem, calc(var(--vh,1vh) * 40))}.vslider-input{height:clamp(10rem, calc(var(--vh,1vh) * 28), 15rem)}.strip{gap:var(--space-sm)}}.vslider-tone .vslider-input::-webkit-slider-runnable-track{background:linear-gradient(to top, #50381b 0%, var(--surface) 50%, #273e5c 100%)}@supports (color:lab(0% 0 0)){.vslider-tone .vslider-input::-webkit-slider-runnable-track{background:linear-gradient(to top, lab(25.6799% 8.29941 22.3054) 0%, var(--surface) 50%, lab(25.476% -1.81463 -20.9804) 100%)}}.vslider-tone .vslider-input::-moz-range-track{background:linear-gradient(to top, #50381b 0%, var(--surface) 50%, #273e5c 100%)}@supports (color:lab(0% 0 0)){.vslider-tone .vslider-input::-moz-range-track{background:linear-gradient(to top, lab(25.6799% 8.29941 22.3054) 0%, var(--surface) 50%, lab(25.476% -1.81463 -20.9804) 100%)}}body[data-panel=timer] .strip,body[data-panel=room] .strip{display:none}.strip-all{white-space:nowrap;width:auto;min-width:3.5rem}.now,.play-area,.strip,.dock-panel{z-index:1;position:relative}