@charset "UTF-8";@font-face{font-family:Dancing Script;font-style:normal;font-display:swap;font-weight:400;src:url(/_astro/dancing-script-vietnamese-400-normal.lz8MlVep.woff2) format("woff2"),url(/_astro/dancing-script-vietnamese-400-normal.D2srOv8f.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Dancing Script;font-style:normal;font-display:swap;font-weight:400;src:url(/_astro/dancing-script-latin-ext-400-normal.C917Kz-3.woff2) format("woff2"),url(/_astro/dancing-script-latin-ext-400-normal.DaWfpMsu.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,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:Dancing Script;font-style:normal;font-display:swap;font-weight:400;src:url(/_astro/dancing-script-latin-400-normal.-YrtvvVF.woff2) format("woff2"),url(/_astro/dancing-script-latin-400-normal.BY5FxJb0.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:"Source Serif 4";font-style:normal;font-display:swap;font-weight:400;src:url(/_astro/source-serif-4-cyrillic-ext-400-normal.CWV284fw.woff2) format("woff2"),url(/_astro/source-serif-4-cyrillic-ext-400-normal.DLkyKLvH.woff) format("woff");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:"Source Serif 4";font-style:normal;font-display:swap;font-weight:400;src:url(/_astro/source-serif-4-cyrillic-400-normal.C44pakCn.woff2) format("woff2"),url(/_astro/source-serif-4-cyrillic-400-normal.B8Z6Jvzv.woff) format("woff");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:"Source Serif 4";font-style:normal;font-display:swap;font-weight:400;src:url(/_astro/source-serif-4-greek-400-normal.Cw5-AHNN.woff2) format("woff2"),url(/_astro/source-serif-4-greek-400-normal.BccYJ-vZ.woff) format("woff");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:"Source Serif 4";font-style:normal;font-display:swap;font-weight:400;src:url(/_astro/source-serif-4-vietnamese-400-normal.BbG3LG1A.woff2) format("woff2"),url(/_astro/source-serif-4-vietnamese-400-normal.DR1UuFon.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:"Source Serif 4";font-style:normal;font-display:swap;font-weight:400;src:url(/_astro/source-serif-4-latin-ext-400-normal.Cp7z-ARB.woff2) format("woff2"),url(/_astro/source-serif-4-latin-ext-400-normal.CEpydyUl.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,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:"Source Serif 4";font-style:normal;font-display:swap;font-weight:400;src:url(/_astro/source-serif-4-latin-400-normal.DJ5YJwmz.woff2) format("woff2"),url(/_astro/source-serif-4-latin-400-normal.Dn3IlU-Z.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:"Source Serif 4";font-style:italic;font-display:swap;font-weight:400;src:url(/_astro/source-serif-4-cyrillic-ext-400-italic.zoDFlEzN.woff2) format("woff2"),url(/_astro/source-serif-4-cyrillic-ext-400-italic.Dx4A8QUO.woff) format("woff");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:"Source Serif 4";font-style:italic;font-display:swap;font-weight:400;src:url(/_astro/source-serif-4-cyrillic-400-italic.BLN19cOa.woff2) format("woff2"),url(/_astro/source-serif-4-cyrillic-400-italic.Dx8qIUN3.woff) format("woff");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:"Source Serif 4";font-style:italic;font-display:swap;font-weight:400;src:url(/_astro/source-serif-4-greek-400-italic.C7D4Dq0H.woff2) format("woff2"),url(/_astro/source-serif-4-greek-400-italic.DcuniPAV.woff) format("woff");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:"Source Serif 4";font-style:italic;font-display:swap;font-weight:400;src:url(/_astro/source-serif-4-vietnamese-400-italic.CjUPRDIa.woff2) format("woff2"),url(/_astro/source-serif-4-vietnamese-400-italic.DyjhI2GX.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:"Source Serif 4";font-style:italic;font-display:swap;font-weight:400;src:url(/_astro/source-serif-4-latin-ext-400-italic.JynPwBMj.woff2) format("woff2"),url(/_astro/source-serif-4-latin-ext-400-italic.G7LDTi7t.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,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:"Source Serif 4";font-style:italic;font-display:swap;font-weight:400;src:url(/_astro/source-serif-4-latin-400-italic.0j97Jm6B.woff2) format("woff2"),url(/_astro/source-serif-4-latin-400-italic.Dv9jnFA_.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--color-bg-main: #000;--color-surface: #111114;--color-surface-deeper: #161619;--color-accent: #a78bca;--color-accent-soft: rgba(167, 139, 202, .45);--color-text-main: #e8e6f0;--color-border: rgba(167, 139, 202, .22);--font-content: "Source Serif 4", serif;--font-heading: "Dancing Script", cursive;--border-radius-xs: 10px;--border-radius-md: 20px;--transition-duration-main: .3s;--container-width: 430px;--footer-height: 66px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{background:var(--color-bg-main);overflow:hidden;height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:space-between;font-family:var(--font-content);padding-inline:10px;padding-block:20px;gap:15px}body>*{max-width:100%;width:var(--container-width)}body[data-intro-state=visible] .scene-shell{opacity:0;visibility:hidden;pointer-events:none}body[data-intro-state=visible] footer{opacity:0;visibility:hidden;pointer-events:none}body[data-scene-phase=scene-out] .scene-header,body[data-scene-phase=boot] .scene-header,body[data-scene-phase=scene-layout] .scene-header,body[data-scene-phase=scene-gap] .scene-header{opacity:0;transform:translateY(-14px);filter:blur(4px)}body[data-scene-phase=scene-in] .scene-header{opacity:1;transform:translateY(0);filter:blur(0)}.scene-shell{--scene-header-height: 0px;--scene-header-gap: 15px;position:relative;flex:1 1 auto;min-height:0;opacity:1;padding-top:calc(var(--scene-header-height) + var(--scene-header-gap));transition:padding-top .22s cubic-bezier(.16,1,.3,1),opacity .24s ease}.scene-header{pointer-events:none;position:absolute;inset:0 0 auto;z-index:3;display:flex;flex-direction:column;align-items:center;text-align:center;transition:opacity .42s ease,transform .76s cubic-bezier(.16,1,.3,1),filter .42s ease;gap:4px}@media(height>720px){.scene-header{gap:10px}}.scene-title{color:var(--color-text-main);font-family:var(--font-heading);font-size:40px;letter-spacing:.01em;font-weight:400;display:flex;align-items:center;justify-content:center;gap:10px}.scene-title.scene-title--decorated:before,.scene-title.scene-title--decorated:after{content:"🌸";display:inline-block;font-size:18px;line-height:1;flex:0 0 auto}.scene-description{color:color-mix(in srgb,var(--color-text-main) 80%,transparent);font-size:16px}@media(height>720px){.scene-description{font-size:19px}}.scene-description{letter-spacing:.3px;line-height:1.4;font-weight:400;font-style:italic;text-wrap:pretty}.scene-backgrounds{position:absolute;inset:0;overflow:hidden}.scene-background{position:absolute;inset:0;width:100%;height:100%;max-height:1400px;object-fit:cover;border-radius:0;opacity:0;transform:scale(1.09);transition:opacity 1.1s ease,transform 2.2s cubic-bezier(.16,1,.3,1),filter .9s ease;will-change:opacity,transform;filter:saturate(.9) brightness(.88)}.scene-background[data-active=true]{opacity:1;transform:scale(1);filter:saturate(1) brightness(1)}.scene-main{position:relative;height:100%;min-height:0}.scene-main:after{content:"";position:absolute;inset:0;background:linear-gradient(to bottom,var(--color-bg-main) 0%,transparent 10%,transparent 80%,var(--color-bg-main) 100%),linear-gradient(to right,#000 0%,transparent 20%,transparent 80%,#000 100%);pointer-events:none;z-index:1}.scene-main[data-scene-phase=scene-out] .scene-card[data-state=active]{opacity:0;transform:translateY(-30px) scale(.985);filter:blur(6px);pointer-events:none}.scene-main[data-scene-phase=boot] .scene-card,.scene-main[data-scene-phase=scene-layout] .scene-card,.scene-main[data-scene-phase=scene-gap] .scene-card,.scene-main[data-scene-phase=boot] .scene-card[data-state=active],.scene-main[data-scene-phase=scene-layout] .scene-card[data-state=active],.scene-main[data-scene-phase=scene-gap] .scene-card[data-state=active]{opacity:0;transform:translateY(14px) scale(.985);pointer-events:none}.scene-main[data-scene-phase=scene-in] .scene-card[data-state=active]{animation:scene-card-enter .76s cubic-bezier(.16,1,.3,1) both}@keyframes scene-card-enter{0%{opacity:0;transform:translateY(58px) scale(.975);filter:blur(8px)}60%{opacity:1}to{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}}.cards-container{position:absolute;inset:15px 0 0;pointer-events:none;z-index:2}.scene-card{position:absolute;inset:0;display:flex;justify-content:center;align-items:flex-start;transition:transform .52s cubic-bezier(.16,1,.3,1),opacity .46s ease,filter .42s ease;will-change:transform,opacity,filter}.scene-card[data-state=active]{opacity:1;transform:translateY(0) scale(1);filter:blur(0);z-index:3;pointer-events:auto}.scene-card[data-state=above]{opacity:0;transform:translateY(-88px) scale(.965);filter:blur(6px);z-index:1;pointer-events:none}.scene-card[data-state=below]{opacity:0;transform:translateY(88px) scale(.965);filter:blur(6px);z-index:2;pointer-events:none}.youtube-player-shell{position:absolute;top:-9999px;left:-9999px;width:240px;height:135px;opacity:.01;pointer-events:none;overflow:hidden}#youtube-player{width:240px;height:135px}.footer__inner{display:grid;grid-template-columns:auto 1fr auto;gap:10px;height:var(--footer-height);width:var(--container-width);max-width:100%}.footer__inner>*{height:var(--footer-height)}.arrows-nav{display:grid;grid-template-rows:1fr 1fr;gap:6px;width:calc(var(--footer-height) / 2)}.arrows-nav__btn{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--border-radius-md);cursor:pointer;display:grid;place-items:center;min-height:0;transition:border-color var(--transition-duration-main)}.arrows-nav__btn:hover{border-color:var(--color-accent)}.arrows-nav__btn:hover svg{stroke:var(--color-accent)}.arrows-nav__btn svg{display:block;width:50%;height:50%;stroke:color-mix(in srgb,var(--color-text-main) 28%,transparent);stroke-width:2;fill:none;pointer-events:none;transition:stroke var(--transition-duration-main)}.player{background:var(--color-surface);border:1px solid var(--color-border);border-top:0;border-radius:var(--border-radius-xs);padding:5px 10px;position:relative;display:flex;align-items:center;overflow:hidden}.player:before{content:"";position:absolute;bottom:0;left:20%;right:20%;height:1px;background:linear-gradient(90deg,transparent,rgba(167,139,202,.2),transparent)}.player__inner{position:relative;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px}.player__progress-div{position:absolute;height:3px;width:100%;top:0;left:0;overflow:hidden;background:#ffffff0f;border-radius:999px}.player__progress-bar{width:0;height:100%;background:var(--color-accent);border-radius:999px}.player__controls-row{display:flex;align-items:center;gap:10px}.player__control-play{width:32px;height:32px;cursor:pointer;border-radius:50%;background:transparent;border:1px solid var(--color-border);display:grid;place-items:center;transition:border-color var(--transition-duration-main);animation:anim-pulse 3s ease-out infinite;flex-shrink:0;padding:0}.player__control-play:hover{border-color:var(--color-accent)}.player__control-play .player__icon{width:14px;height:14px;fill:var(--color-accent)}.player__control-play .player__icon--pause,.player__control-play[data-playing=true] .player__icon--play{display:none}.player__control-play[data-playing=true] .player__icon--pause{display:block}.player__control-play[data-buffering=true]{opacity:.5;cursor:wait;animation:none;pointer-events:none}.player__control-skip{background:transparent;border:0;padding:0;line-height:0}.player__control-skip svg{cursor:pointer;opacity:.35;width:18px;height:18px;fill:var(--color-text-main);transition:opacity var(--transition-duration-main),fill var(--transition-duration-main)}.player__control-skip svg:hover{opacity:1;fill:var(--color-accent)}.player__song-info{text-align:center;padding:0;width:min(60%,180px);min-width:0;overflow:hidden}.player__song-marquee{position:relative;width:100%;overflow:hidden;mask-image:linear-gradient(to right,transparent 0%,black 10%,black 90%,transparent 100%);-webkit-mask-image:linear-gradient(to right,transparent 0%,black 10%,black 90%,transparent 100%)}.player__song-track{display:flex;align-items:center;width:max-content;gap:28px;animation:player-marquee-track 14s linear infinite;will-change:transform}.player__song-title{font-family:var(--font-content);font-size:11px;color:color-mix(in srgb,var(--color-text-main) 80%,transparent);white-space:nowrap;display:inline-block;min-width:max-content;flex:0 0 auto}.logo-avatar{border-radius:50%;overflow:hidden;cursor:pointer;border:1px solid var(--color-border);transition:all var(--transition-duration-main)}.logo-avatar:hover{border-color:var(--color-accent);box-shadow:0 0 20px var(--color-accent-soft);transform:scale(1.05)}.logo-avatar>img{width:auto;max-height:100%;aspect-ratio:1/1}@keyframes anim-pulse{0%,to{box-shadow:0 0 10px #a78bca1f}50%{box-shadow:0 0 20px #a78bca59}}@keyframes player-marquee-track{0%{transform:translate(0)}to{transform:translate(calc(-50% - 14px))}}@media(max-width:480px){.player__controls-row{gap:8px}.player__song-info{width:min(58%,140px)}.player__song-title{font-size:10px}}.card{--card-paper: #f6efe3;--card-paper-warm: #f0e2cd;--card-paper-deep: #e8d3b5;--card-shadow: 0 36px 60px rgba(0, 0, 0, .24), 0 14px 24px rgba(0, 0, 0, .14), 0 1px 0 rgba(255, 255, 255, .35) inset;--card-tape: #ead6a4;--card-tape-edge: #cfb67e;--card-ink: #2f2116;--card-muted: rgba(47, 33, 22, .74);--card-line: rgba(101, 73, 39, .16);--card-accent: #8f6843;--card-accent-soft: rgba(143, 104, 67, .16);position:relative;width:60%}@media(height>720px){.card{width:66%}}.card{padding:10px 10px 15px;display:flex;flex-direction:column;align-items:center;gap:10px;background:radial-gradient(circle at top,rgba(255,255,255,.92) 0%,transparent 34%),linear-gradient(180deg,#fffcf6 0%,var(--card-paper) 52%,var(--card-paper-warm) 76%,var(--card-paper-deep) 100%);border-radius:2px}.card__tag{padding:2px 16px;background:#f3e9c9;position:absolute;top:-15px;left:50%;transform:translate(-50%) rotate(-2deg);opacity:.85;box-shadow:0 2px 4px #0003;z-index:22}.card__image-shell{position:relative;border-radius:6px;overflow:hidden}.card__image-shell:after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.36) 0%,transparent 28%),radial-gradient(circle at center,rgba(123,87,52,.03) 0%,transparent 62%);pointer-events:none}.card__image{display:block;width:100%;aspect-ratio:1/1;object-fit:cover;object-position:center;border:1px solid rgba(93,69,42,.12);box-shadow:0 12px 28px #4a2e181f;filter:sepia(.12) saturate(.9) contrast(1.03)}.card__body{display:flex;flex-direction:column;align-items:center;text-align:center;gap:4px}.card__title{font-family:var(--font-heading);font-size:24px}@media(height>720px){.card__title{font-size:27px}}.card__title{line-height:1;font-weight:400;text-wrap:balance;text-shadow:0 1px 0 rgba(255,255,255,.45)}.card__description{color:var(--card-muted);text-wrap:balance;font-size:13px}@media(height>720px){.card__description{font-size:15px}}.intro-screen{position:fixed;inset:0;width:100%;max-width:none;z-index:20;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at top,rgba(255,255,255,.12),transparent 30%),linear-gradient(180deg,#160e0ae6,#000000fa);transition:opacity .32s ease,visibility .32s ease,transform .52s cubic-bezier(.16,1,.3,1);pointer-events:auto}.intro-screen__content{width:min(100%,520px);position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;text-align:center;gap:14px;padding:12px 20px}.intro-screen__portrait{width:124px;height:124px;padding:6px;border-radius:999px;background:linear-gradient(135deg,#ffffff61,#ffffff14);box-shadow:0 14px 36px #00000047}.intro-screen__portrait-image{width:100%;height:100%;object-fit:cover;border-radius:999px}.intro-screen__eyebrow{color:color-mix(in srgb,var(--color-text-main) 74%,transparent);letter-spacing:.26em;text-transform:uppercase;font-size:12px}.intro-screen__title{color:var(--color-text-main);font-family:var(--font-heading);font-size:clamp(42px,8vw,68px);font-weight:400;line-height:.95;text-wrap:balance;max-width:10ch}.intro-screen__actions{width:auto;display:flex;flex-direction:column;align-items:center;margin-top:10px}.intro-screen__button{width:auto;display:inline-flex;align-items:center;justify-content:center;gap:10px;border:1px solid transparent;color:var(--color-text-main);padding:12px 22px;border-radius:999px;font:inherit;font-size:16px;font-weight:400;line-height:1;letter-spacing:.02em;cursor:pointer;transition:transform .22s ease,background-color .22s ease,border-color .22s ease,box-shadow .22s ease,color .22s ease,opacity .22s ease}.intro-screen__button--primary{border-color:color-mix(in srgb,var(--color-text-main) 18%,transparent);background:linear-gradient(180deg,#ffffff24,#ffffff0f),#140e0c38;box-shadow:0 10px 24px #0000002e,inset 0 1px #ffffff14;backdrop-filter:blur(8px)}.intro-screen__button:hover{transform:translateY(-1px);color:color-mix(in srgb,var(--color-text-main) 86%,white 14%);background-color:#ffffff14;border-color:color-mix(in srgb,var(--color-text-main) 34%,transparent);box-shadow:0 14px 28px #00000038,inset 0 1px #ffffff1f}.intro-screen__button:focus-visible{outline:2px solid color-mix(in srgb,var(--color-text-main) 78%,transparent);outline-offset:4px}.intro-screen__button-icon{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto}.intro-screen__button-icon svg{width:20px;height:20px}.intro-screen__note{max-width:28ch;color:color-mix(in srgb,var(--color-text-main) 66%,transparent);font-size:13px;line-height:1.45;margin-top:4px}.intro-screen__text-link{display:inline-flex;align-items:center;gap:8px;border:0;background:transparent;color:color-mix(in srgb,var(--color-text-main) 76%,transparent);font:inherit;font-size:14px;padding:0;cursor:pointer;text-decoration:underline;text-underline-offset:4px;transition:color .18s ease}.intro-screen__text-link:hover,.intro-screen__text-link:focus-visible{color:var(--color-text-main)}.intro-screen__text-link:focus-visible{outline:0}@media(max-width:480px){.intro-screen__content{padding:8px 18px}.intro-screen__portrait{width:108px;height:108px}.intro-screen__title{font-size:clamp(36px,10vw,52px)}.intro-screen__button{padding:11px 20px;font-size:15px}}body[data-intro-state=leaving] .intro-screen{opacity:0;visibility:hidden;transform:scale(1.015);pointer-events:none}body[data-intro-state=hidden] .intro-screen{opacity:0;visibility:hidden;pointer-events:none}
