@keyframes onboarding-blink{50%{opacity:0}}@keyframes onboarding-float-note{0%{opacity:0;transform:translateY(0)rotate(-10deg)}15%{opacity:.7}85%{opacity:.4}to{opacity:0;transform:translateY(-52px)rotate(10deg)}}@keyframes onboarding-scale-pop{0%{transform:scale(1)}45%{transform:scale(1.8)}75%{transform:scale(.88)}to{transform:scale(1)}}@keyframes onboarding-fade{0%{opacity:0}to{opacity:1}}.onboarding-caption-swap{animation:.35s both onboarding-fade}
.cover-page{background:0 0;flex-direction:column;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:relative;overflow:hidden}.cover-page .page-veil{background:linear-gradient(#00000059,#0000008c)}.cover-content{z-index:2;text-align:center;flex-direction:column;align-items:center;max-width:600px;padding:0 24px;display:flex;position:relative}.cover-question{font-size:var(--fs-display);font-weight:var(--fw-thin);color:var(--ink-96);letter-spacing:var(--ls-wide);text-align:center;text-shadow:var(--shadow-text);line-height:1.1}.cover-input-wrapper{flex-direction:column;align-items:center;gap:18px;width:100%;margin-top:52px;display:flex}.cover-input{border:none;border-bottom:1px solid var(--ink-20);width:min(460px,72vw);color:var(--ink-90);font-size:var(--fs-input-fluid);font-weight:var(--fw-thin);text-align:center;font-family:var(--font-sans);letter-spacing:var(--ls-wide);caret-color:var(--ink-75);transition:border-color var(--t-slow) ease;background:0 0;outline:none;padding:10px 0}.cover-input:focus{border-bottom-color:var(--ink-60)}.cover-input::placeholder{color:var(--ink-28);font-style:italic;font-size:var(--fs-body-fluid);font-weight:var(--fw-light)}.cover-hint{font-size:var(--fs-11);font-weight:var(--fw-light);color:var(--ink-45);letter-spacing:var(--ls-caps);text-transform:uppercase}.cover-examples{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;display:flex}.example-chip{background:var(--ink-06);border:1px solid var(--ink-12);border-radius:var(--r-pill);color:var(--ink-55);font-size:var(--fs-12);font-weight:var(--fw-light);font-family:var(--font-sans);letter-spacing:var(--ls-base);cursor:pointer;transition:background var(--t-med) ease, border-color var(--t-med) ease;padding:6px 14px}.example-chip:hover{background:var(--ink-12);border-color:var(--ink-20)}@keyframes desertCycle{0%{opacity:1}18%{opacity:1}22%{opacity:0}96%{opacity:0}to{opacity:1}}.desert-frame{opacity:0;z-index:0;background-position:50%;background-size:cover;width:100%;height:100%;animation:36s linear infinite desertCycle;position:fixed;inset:0}.desert-frame:first-child{background-image:url(/desert/frame_0.jpg);animation-delay:0s}.desert-frame:nth-child(2){background-image:url(/desert/frame_1.jpg);animation-delay:-30s}.desert-frame:nth-child(3){background-image:url(/desert/frame_2.jpg);animation-delay:-24s}.desert-frame:nth-child(4){background-image:url(/desert/frame_3.jpg);animation-delay:-18s}.desert-frame:nth-child(5){background-image:url(/desert/frame_4.jpg);animation-delay:-12s}.desert-frame:nth-child(6){background-image:url(/desert/frame_5.jpg);animation-delay:-6s}.cover-submit-btn,.examples-try-label{display:none}.quota-meter{bottom:calc(44px + env(safe-area-inset-bottom));z-index:3;font-size:var(--fs-11);font-weight:var(--fw-light);font-family:var(--font-sans);letter-spacing:var(--ls-wider);color:var(--ink-28);pointer-events:none;justify-content:center;padding:0 24px;line-height:1.4;display:flex;position:fixed;left:0;right:0}@media (max-width:768px){.cover-question{font-size:var(--fs-32)}.cover-subtitle{margin-bottom:20px}.cover-input-wrapper{margin-top:var(--sp-6);gap:12px}.cover-examples{flex-direction:column;align-items:center;gap:6px;margin-top:4px}.examples-try-label{font-size:var(--fs-10);font-weight:var(--fw-light);color:var(--ink-28);letter-spacing:var(--ls-label);margin-bottom:2px;display:block}.examples-try-inline,.examples-separator,.cover-hint{display:none}.cover-submit-btn{border-radius:var(--r-pill);background:var(--ink-10);border:1px solid var(--ink-20);width:56px;height:56px;color:var(--ink-80);font-size:var(--fs-22);cursor:pointer;font-family:var(--font-sans);transition:background var(--t-med) ease;justify-content:center;align-items:center;margin-top:12px;display:flex}.cover-submit-btn:active{background:var(--gold-12);border-color:var(--gold-40);transform:scale(.96)}}
.sanctuary-page{width:100vw;height:100vh;position:relative;overflow:hidden}.sanctuary-content{z-index:3;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;padding:80px 24px 120px;display:flex;position:relative}.loading-dot{background:var(--ink-55);border-radius:50%;width:6px;height:6px;animation:2s ease-in-out infinite dotPulse}.word-main{font-size:var(--fs-hero);font-weight:var(--fw-light);color:var(--ink-100);letter-spacing:var(--ls-base);text-align:center;z-index:1;text-shadow:var(--shadow-text);line-height:1;position:relative}.word-language{font-size:var(--fs-11);font-weight:var(--fw-light);color:var(--ink-55);letter-spacing:var(--ls-caps);text-transform:uppercase;text-align:center;z-index:1;margin-top:12px;position:relative}.word-definition{font-size:var(--fs-body-fluid);font-weight:var(--fw-light);color:var(--ink-75);text-align:center;max-width:440px;letter-spacing:var(--ls-base);z-index:1;text-shadow:var(--shadow-text-sm);margin-top:18px;font-style:italic;line-height:1.8;position:relative}.music-section{z-index:1;flex-direction:column;align-items:center;gap:14px;margin-top:52px;display:flex;position:relative}.now-playing{font-size:var(--fs-12);font-weight:var(--fw-light);color:var(--ink-45);letter-spacing:var(--ls-wider);text-align:center}.button-row{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.pill-btn{background:var(--ink-08);-webkit-backdrop-filter:blur(var(--blur-glass));border:1px solid var(--ink-15);border-radius:var(--r-pill);color:var(--ink-75);font-size:var(--fs-14);font-weight:var(--fw-light);letter-spacing:var(--ls-wide);cursor:pointer;font-family:var(--font-sans);transition:background var(--t-med) ease, border-color var(--t-med) ease, transform var(--t-fast) ease;white-space:nowrap;align-items:center;gap:8px;padding:14px 36px;text-decoration:none;display:inline-flex}.pill-btn:hover{background:var(--ink-15);border-color:var(--ink-28)}.pill-btn:active{transform:scale(.97)}.pill-btn.liked{background:var(--rose-bg);border-color:var(--rose-border);color:var(--rose-text)}.pill-btn:disabled{opacity:.35;cursor:not-allowed}.pill-btn.rotation-done{opacity:.5;cursor:default;border-color:var(--ink-08);background:0 0}.sanctuary-bottom{padding:0 28px calc(22px + env(safe-area-inset-bottom));z-index:4;justify-content:space-between;align-items:flex-end;display:flex;position:absolute;bottom:0;left:0;right:0}.bottom-left{flex-direction:column;gap:6px;display:flex}.photo-credit{font-size:var(--fs-10);font-weight:var(--fw-light);color:var(--ink-28);letter-spacing:var(--ls-wide)}.photo-credit a{color:inherit;text-decoration:none}.liked-toggle{background:var(--ink-08);border-radius:var(--r-pill);cursor:pointer;width:44px;height:44px;box-shadow:var(--shadow-pop);transition:background var(--t-med) ease;border:none;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:flex;position:relative}.liked-toggle:hover{background:var(--ink-12)}.drawer{background:var(--surface-drawer);width:290px;height:100vh;-webkit-backdrop-filter:blur(var(--blur-drawer));border-left:1px solid var(--ink-06);padding:calc(48px + env(safe-area-inset-top)) 26px calc(80px + env(safe-area-inset-bottom));z-index:20;transition:transform var(--t-slow) cubic-bezier(.4,0,.2,1);-webkit-overflow-scrolling:touch;flex-direction:column;display:flex;position:fixed;top:0;right:0;overflow-y:auto;transform:translate(100%)}.drawer.open{transform:translate(0)}.drawer-backdrop{z-index:19;position:fixed;inset:0}.drawer-title{font-size:var(--fs-9);font-weight:var(--fw-light);letter-spacing:var(--ls-caps);text-transform:uppercase;color:var(--ink-28);margin-bottom:32px}.drawer-song{margin-bottom:22px;text-decoration:none;display:block}.drawer-song-title{font-size:var(--fs-13);font-weight:var(--fw-light);color:var(--ink-80);letter-spacing:var(--ls-base)}.drawer-song-artist{font-size:var(--fs-11);font-weight:var(--fw-light);color:var(--ink-35);letter-spacing:var(--ls-base);margin-top:3px}.drawer-song-feeling{font-size:var(--fs-10);font-weight:var(--fw-light);color:var(--ink-18);margin-top:2px;font-style:italic}.drawer-empty{font-size:var(--fs-13);font-weight:var(--fw-light);color:var(--ink-28);line-height:1.7}.heart-pop{animation:.42s heart-pop;display:inline-block}@keyframes heart-pop{0%{transform:scale(1)}40%{transform:scale(1.45)}to{transform:scale(1)}}@media (max-width:768px){.pill-btn{font-size:var(--fs-13);padding:12px 18px}}@media (max-width:379px){.like-label{display:none}}@media (max-width:768px){.button-row{flex-wrap:nowrap;gap:8px}.word-main{font-size:var(--fs-hero-m);word-break:break-word}.word-definition{font-size:var(--fs-13);margin-top:26px;padding:0 8px}.word-language{margin-top:20px}input[type=email],input[type=text],input{font-size:var(--fs-16)!important}.sanctuary-page{height:auto;min-height:100vh;overflow:visible}.sanctuary-bottom{padding:0 16px calc(24px + env(safe-area-inset-bottom));z-index:5;background:linear-gradient(to top, var(--scrim-strong) 0%, var(--scrim-clear) 100%);position:fixed;bottom:0;left:0;right:0}.sanctuary-content{min-height:calc(100vh - 44px);padding:80px 16px 140px}.drawer{z-index:25}.bottom-left .photo-credit{display:none}.sanctuary-bottom{justify-content:space-between;align-items:flex-end}}