.app-shell[data-v-34909c97]{min-height:100dvh}.hanna-screen{--hero-size:min(27.5vw, 45.8333vh);--brand-orb-size:min(2.9vw, 4.8vh);--brand-wordmark-width:min(17.9vw, 29.8vh);--car-bottom-safe-area:max(env(safe-area-inset-bottom,0px), clamp(48px, 8vh, 72px));isolation:isolate;color:#fff;background:#000f21;place-items:center;display:grid;position:fixed;inset:0;overflow:hidden}.ambient-background{z-index:-3;background:#000f21;position:absolute;inset:-6%;overflow:hidden}.ambient-background>video{object-fit:cover;width:100%;height:100%}.ambient-background__video{pointer-events:none;display:block}.ambient-background__shade{background:radial-gradient(circle at 50% 47%,#011d350f 0,#000f2138 58%,#00081494 100%),linear-gradient(#000f211a,#000f214d);position:absolute;inset:0}.ambient-background__coverblur{object-fit:cover;filter:blur(60px)saturate(150%)brightness(.8);width:100%;height:100%}.hanna-scene{width:100vw;height:100vh;position:relative;overflow:hidden}.hanna-logo{z-index:5;left:50%;bottom:calc(8% + var(--car-bottom-safe-area));align-items:center;gap:min(1.4vw,2.3333vh);display:flex;position:absolute;transform:translate(-50%)}.hanna-logo__orb{width:var(--brand-orb-size);height:var(--brand-orb-size);flex:none;position:relative}.hanna-logo__orb .pag-animation__fallback{object-fit:cover;-webkit-mask-image:radial-gradient(circle,#000 0 38%,#000000d1 43%,#0000 51%);mask-image:radial-gradient(circle,#000 0 38%,#000000d1 43%,#0000 51%)}.hanna-logo__orb .pag-animation__canvas,.hanna-logo__orb .pag-animation__fallback{transform-origin:50%;transform:translateY(-4%)scale(1.5)}.hanna-logo__wordmark{width:var(--brand-wordmark-width);flex:none;height:auto}.state-heading{z-index:5;text-align:center;justify-content:center;align-items:center;width:min(90vw,1500px);display:flex;position:absolute;left:50%;transform:translate(-50%)}.state-heading__icon{object-fit:contain;flex:none;width:min(6.2vw,10.5vh);height:min(6.3vw,10.6667vh);margin-right:min(1.6vw,2.6667vh)}.state-heading h1,.state-heading p,.lyrics p,.player-state__time,.error-state__message,.share-dialog__title{margin:0}.state-heading h1{color:#fff;letter-spacing:-.025em;text-shadow:0 0 24px #6ff6ff4d;font-size:clamp(22px,min(2.8vw,4.6667vh),56px);font-weight:600;line-height:1.12}.state-heading p{color:#ffffffad;margin-top:.65em;font-size:clamp(14px,min(1.3vw,2.1667vh),26px);font-weight:400;line-height:1.35}.generating-state__scene:before,.generating-state__scene:after{z-index:0;content:"";pointer-events:none;position:absolute;inset:0}.generating-state__scene:before{background:radial-gradient(circle at 50% 52%,#24ddff1a 0,#0000 43%,#00091747 100%)}.generating-state__scene:after{background:linear-gradient(#00091766 0,#0000 27% 72%,#00081470 100%)}.generating-state__heading{flex-direction:column;top:6.8%}.generating-state__title-row{justify-content:center;align-items:center;display:flex}.generating-state__title-row .state-heading__icon{transform-origin:50%;width:clamp(46px,min(3.2vw,5.6vh),58px);height:clamp(46px,min(3.2vw,5.6vh),58px);margin-right:clamp(1px,.15vw,3px);transform:scale(1.55)}.generating-state__heading h1{color:#c8f6ff;letter-spacing:0;text-shadow:0 0 6px #7cebffe0,0 0 18px #4cdcff94,0 0 34px #35cdff57;font-size:clamp(36px,min(2.5vw,5.1vh),50px);font-weight:300;line-height:1.08}.generating-state__heading p{color:#e0e7efad;margin-top:clamp(18px,2.4vh,28px);font-size:clamp(22px,min(1.75vw,3.6vh),35px);font-weight:300;line-height:1.2}.generating-state__orb{z-index:2;width:calc(var(--hero-size) * .85);aspect-ratio:1;position:absolute;top:24.5%;left:50%;transform:translate(-50%)}.generating-state__orb .pag-animation__fallback{mix-blend-mode:screen;-webkit-mask-image:radial-gradient(circle,#000 0 34%,#000000c2 41%,#0000002e 49%,#0000 58%);mask-image:radial-gradient(circle,#000 0 34%,#000000c2 41%,#0000002e 49%,#0000 58%)}.pag-animation{overflow:visible}.pag-animation__canvas,.pag-animation__fallback{object-fit:contain;display:block;position:absolute;inset:0;width:100%!important;height:100%!important}.pag-animation__canvas{opacity:0}.pag-animation--ready .pag-animation__canvas{opacity:1}.generating-state__orb .pag-animation__fallback{animation:4.5s ease-in-out infinite hanna-orb-breathe}.player-state__heading{top:7.7%}.player-state__heading .state-heading__icon{width:min(6.2vw,10.5vh)}.playback-feedback{z-index:20;aspect-ratio:1;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);pointer-events:none;background:#000d1da3;border:1px solid #b2f1ff33;border-radius:50%;place-items:center;width:clamp(88px,min(8vw,16vh),140px);display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 12px 42px #00000057,0 0 34px #50dfff2b,inset 0 1px #ffffff21}.playback-feedback__play{object-fit:contain;width:68%;height:68%}.playback-feedback__pause{filter:drop-shadow(0 0 12px #72ebff85);justify-content:space-between;align-items:stretch;width:38%;height:48%;display:flex}.playback-feedback__pause i{background:#fff;border-radius:999px;width:31%;display:block}.playback-feedback-enter-active,.playback-feedback-leave-active{transition:opacity .18s,transform .22s}.playback-feedback-enter-from,.playback-feedback-leave-to{opacity:0;transform:translate(-50%,-50%)scale(.78)}.seek-zone{z-index:1;touch-action:none;-webkit-tap-highlight-color:transparent;background:0 0;width:40%;position:absolute;top:0;bottom:0}.seek-zone--back{left:0}.seek-zone--forward{right:0}.seek-indicator{z-index:20;aspect-ratio:1;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);pointer-events:none;color:#fff;background:#000d1da3;border:1px solid #b2f1ff33;border-radius:50%;place-items:center;width:clamp(72px,min(7vw,14vh),120px);font-size:clamp(28px,min(3vw,5vh),44px);font-weight:600;display:grid;position:absolute;top:50%;transform:translateY(-50%);box-shadow:0 12px 42px #00000057,0 0 34px #50dfff2b,inset 0 1px #ffffff21}.seek-indicator--back{left:8%}.seek-indicator--forward{right:8%}.seek-indicator-enter-active,.seek-indicator-leave-active{transition:opacity .18s,transform .22s}.seek-indicator-enter-from,.seek-indicator-leave-to{opacity:0}.share-button{z-index:8;aspect-ratio:1;cursor:pointer;background:0 0;border:0;border-radius:50%;width:clamp(65px,min(4.7vw,9.4vh),94px);padding:0;position:absolute;top:7.5%;right:5.5%;overflow:visible}.share-button img{width:100%;height:100%}.download-button{z-index:8;aspect-ratio:1;cursor:pointer;background:0 0;border:0;border-radius:50%;width:clamp(65px,min(4.7vw,9.4vh),94px);padding:0;display:block;position:absolute;top:7.5%;right:calc(5.5% + clamp(65px,min(4.7vw,9.4vh),94px) + clamp(12px,1.5vh,20px));overflow:visible}.download-button img{width:100%;height:100%}.download-pill{display:none}.player-state__cover-group{z-index:3;width:calc(var(--hero-size) * .74);aspect-ratio:1;position:absolute;top:28.2%;left:50%;transform:translate(-50%)}.player-state__aurora{z-index:-1;pointer-events:none;width:192.7%;max-width:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.cover-toggle{cursor:pointer;background:#07192a;border:0;border-radius:7.2%;width:100%;height:100%;padding:0;position:relative;overflow:hidden;box-shadow:0 1.7vh 6vh #0000008c}.cover-toggle__art{object-fit:cover;width:100%;height:100%}.player-state__time{z-index:5;left:50%;top:calc(28.2% + var(--hero-size) * .74 + 10px);color:#ffffffeb;font-variant-numeric:tabular-nums;letter-spacing:.01em;white-space:nowrap;font-size:clamp(19px,min(1.9vw,3.2vh),38px);font-weight:500;position:absolute;transform:translate(-50%)}.lyrics{z-index:5;text-align:center;align-content:center;gap:.55em;width:66%;min-height:18%;display:grid;position:absolute;top:5.4%;left:50%;transform:translate(-50%)}.lyrics__line{text-overflow:ellipsis;white-space:nowrap;line-height:1.18;overflow:hidden}.lyrics__line--adjacent{color:#ffffff75;min-height:1.2em;font-size:clamp(13px,min(1.25vw,2.0833vh),25px);font-weight:400}.lyrics__line--current{color:#fff;letter-spacing:-.02em;text-shadow:0 0 28px #5bedff57;min-height:1.2em;font-size:clamp(22px,min(2.6vw,4.3333vh),52px);font-weight:600}.lyric-line-enter-active,.lyric-line-leave-active{transition:opacity .32s,transform .32s}.lyric-line-enter-from{opacity:0;transform:translateY(.4em)}.lyric-line-leave-to{opacity:0;transform:translateY(-.4em)}.share-backdrop{z-index:50;-webkit-backdrop-filter:blur(10px)saturate(.82);backdrop-filter:blur(10px)saturate(.82);background:#000611ad;place-items:center;display:grid;position:fixed;inset:0;overflow:hidden}.share-dialog{background:radial-gradient(circle at 50% -8%,#5ddeff38,#0000 38%),linear-gradient(155deg,#0f2b41f7,#031121fa);border:1px solid #7ae5ff47;border-radius:clamp(24px,1.7vw,30px);outline:none;flex-direction:column;align-items:center;gap:clamp(15px,2vh,20px);width:clamp(300px,min(23vw,45vh),380px);padding:clamp(44px,6vh,54px) clamp(24px,1.7vw,30px) clamp(20px,2.5vh,26px);display:flex;position:relative;box-shadow:0 28px 90px #00000094,inset 0 1px #ffffff1f}.phone-medallion{z-index:4;aspect-ratio:1;background:linear-gradient(145deg,#113952fa,#041527fa);border:1px solid #74e9ff7a;border-radius:50%;place-items:center;width:clamp(50px,min(3.6vw,6.8vh),62px);display:grid;position:absolute;top:0;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 8px #68e2ff0f,0 10px 30px #0000006b,0 0 24px #4fdcff3d}.phone-medallion img{position:static;transform:none}.phone-medallion__icon{filter:drop-shadow(0 0 8px #65e6ffb8);width:38%;height:auto}.share-dialog__title{z-index:2;color:#ecf8ffe0;text-align:center;width:100%;font-size:clamp(18px,min(1.2vw,2.3vh),24px);font-weight:400;line-height:1.35;position:static}.share-dialog__qr-frame{z-index:2;aspect-ratio:1;background:#f8fbff;border:1px solid #ffffffb8;border-radius:clamp(17px,1.3vw,22px);place-items:center;width:min(100%,250px);padding:clamp(12px,.9vw,15px);display:grid;position:static;box-shadow:0 16px 38px #00000047,inset 0 0 0 1px #051b2e0f}.share-dialog__qr{aspect-ratio:1;object-fit:contain;width:100%;height:auto;image-rendering:pixelated}.error-state__message{z-index:3;color:#fff;text-align:center;text-shadow:0 0 28px #5bedff42;width:68%;font-size:clamp(22px,min(2.6vw,4.3333vh),52px);font-weight:600;line-height:1.25;position:absolute;top:48%;left:50%;transform:translate(-50%,-50%)}@keyframes hanna-orb-breathe{0%,to{filter:brightness(.94);transform:scale(.985)}50%{filter:brightness(1.08);transform:scale(1.015)}}@media (height<=1100px){.hanna-screen{--hero-size:min(44vh, 404px);--brand-orb-size:min(8.3vh, 60px);--brand-wordmark-width:min(29.8vh, 214px)}.state-heading h1{font-size:clamp(28px,min(2.55vw,5vh),36px)}.state-heading p{margin-top:.35em}.generating-state__title-row .state-heading__icon{width:clamp(44px,7.2vh,52px);height:clamp(44px,7.2vh,52px);margin-right:1px;transform:scale(1.45)}.generating-state__heading h1{font-size:clamp(30px,5vh,36px);font-weight:300}.generating-state__heading p{margin-top:clamp(13px,2.3vh,17px);font-size:clamp(18px,3vh,22px)}.generating-state__heading,.player-state__heading{top:4.6%}.generating-state__orb,.player-state__cover-group{top:20%}.player-state__time{top:calc(20% + var(--hero-size) * .74 + 10px)}.hanna-logo{bottom:calc(10% + var(--car-bottom-safe-area))}.lyrics{gap:.25em;top:3.5%}.share-button,.download-button{top:4.5%}}@media (width<=600px){.hanna-screen{--hero-size:clamp(252px, 68vw, 300px);--brand-orb-size:clamp(28px, 8.2vw, 35px);--brand-wordmark-width:clamp(134px, 36.8vw, 168px);--car-bottom-safe-area:max(env(safe-area-inset-bottom,0px), 16px)}.hanna-scene{height:100%}.hanna-logo{left:0;right:0;bottom:calc(44px + env(safe-area-inset-bottom,0px));box-sizing:border-box;justify-content:center;gap:clamp(10px,3vw,14px);width:100%;padding-inline:16px;transform:none}.state-heading{width:calc(100% - 32px)}.state-heading h1{font-size:clamp(24px,7.4vw,32px);line-height:1.16}.state-heading p{font-size:clamp(16px,4.6vw,20px)}.generating-state__heading{top:max(34px,5%)}.generating-state__title-row .state-heading__icon{width:clamp(38px,10.5vw,46px);height:clamp(38px,10.5vw,46px);margin-right:3px;transform:scale(1.35)}.generating-state__heading h1{font-size:clamp(28px,8vw,34px)}.generating-state__heading p{margin-top:clamp(14px,2.2vh,20px);font-size:clamp(16px,4.6vw,20px)}.generating-state__orb{top:26%}.player-state__heading{text-align:center;justify-content:center;width:calc(100% - 32px);top:max(26px,4%);left:50%;transform:translate(-50%)}.download-button{display:none}.download-pill{z-index:5;top:calc(26% + var(--hero-size) * .74 + 52px);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#ffffffeb;background:#ffffff1f;border:1px solid #ffffff47;border-radius:999px;align-items:center;gap:7px;padding:8px 20px;font-size:15px;font-weight:500;line-height:1;text-decoration:none;display:flex;position:absolute;left:50%;transform:translate(-50%)}.download-pill img{width:16px;height:16px}.player-state__heading .state-heading__icon{width:38px;height:38px;margin-right:8px}.player-state__heading h1{white-space:nowrap;font-size:clamp(14px,4.6vw,20px)}.share-button{display:none}.playback-feedback{width:clamp(82px,24vw,112px)}.player-state__cover-group{width:calc(var(--hero-size) * .74);top:26%}.player-state__time{top:calc(26% + var(--hero-size) * .74 + 12px);font-size:clamp(19px,5vw,23px)}.lyrics{gap:5px;width:calc(100% - 32px);min-height:118px;top:4.5%}.lyrics__line--adjacent{font-size:clamp(13px,3.7vw,16px)}.lyrics__line--current{white-space:normal;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:clamp(22px,6.4vw,28px);line-height:1.16;display:-webkit-box;overflow:hidden}.share-backdrop{padding:16px}.share-dialog{border-radius:20px;gap:14px;width:min(100%,320px);min-width:0;padding:40px 18px 20px}.phone-medallion{width:48px}.share-dialog__qr-frame{border-radius:17px;width:min(100%,220px);padding:12px}.share-dialog__title{font-size:clamp(16px,4.5vw,19px)}.error-state__message{width:calc(100% - 40px);font-size:clamp(24px,7vw,30px)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}:root{color:#fff;font-synthesis:none;text-rendering:geometricprecision;-webkit-tap-highlight-color:transparent;background:#000f21;font-family:Inter,Helvetica Neue,Arial,sans-serif}*,:before,:after{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}body{background:#000f21;min-width:320px}button,input,textarea,select{font:inherit}button{color:inherit}img{max-width:100%;display:block}button{-webkit-tap-highlight-color:transparent;outline:none}button:focus-visible{outline-offset:max(4px, .2vw);outline:max(3px,.15vw) solid #7df8ff}