@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/8d697b304b401681-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/ba015fad6dcf6784-s.woff2) format("woff2");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:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/569ce4b8f30dc480-s.p.woff2) format("woff2");unicode-range:u+00??,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:Geist Fallback;src:local("Arial");ascent-override:95.94%;descent-override:28.16%;line-gap-override:0.00%;size-adjust:104.76%}.__className_5cfdac{font-family:Geist,Geist Fallback;font-style:normal}.__variable_5cfdac{--font-geist-sans:"Geist","Geist Fallback"}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/9610d9e46709d722-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/747892c23ea88013-s.woff2) format("woff2");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:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/93f479601ee12b01-s.p.woff2) format("woff2");unicode-range:u+00??,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:Geist Mono Fallback;src:local("Arial");ascent-override:74.67%;descent-override:21.92%;line-gap-override:0.00%;size-adjust:134.59%}.__className_9a8899{font-family:Geist Mono,Geist Mono Fallback;font-style:normal}.__variable_9a8899{--font-geist-mono:"Geist Mono","Geist Mono Fallback"}@media screen and (max-width:768px){body,html{height:100%;overflow:hidden;margin:0;padding:0;overscroll-behavior:none}}.mobile-layout-container{width:100%;height:100vh;height:100dvh;display:flex;flex-direction:column;background:var(--primary-bg);overflow:hidden;box-sizing:border-box;transition:height .2s ease-out}.mobile-layout-container.pwa-mode{height:100vh;padding:max(env(safe-area-inset-top),0px) max(env(safe-area-inset-right),0px) max(env(safe-area-inset-bottom),20px) max(env(safe-area-inset-left),0px);margin:0;box-sizing:border-box}.mobile-layout-container.pwa-mode .constellation-progress{margin-top:calc(-1 * max(env(safe-area-inset-top), 0px))!important;position:sticky!important;top:0!important;z-index:100!important}.mobile-layout-container.browser-mode{height:100dvh}.mobile-layout-container.pwa-mode .sidebar.mobile-open{position:fixed!important;top:0!important;left:0!important;width:280px!important;height:100vh!important;height:100dvh!important;z-index:999999!important;transform:translateX(0) translateZ(0)!important;-webkit-transform:translateX(0) translateZ(0)!important;display:flex!important;flex-direction:column!important;background:var(--secondary-bg)!important;border-right:1px solid rgba(76,201,240,.3)!important;opacity:1!important;visibility:visible!important;pointer-events:auto!important;margin:0!important;padding:max(env(safe-area-inset-top),20px) 0 max(env(safe-area-inset-bottom),20px) max(env(safe-area-inset-left),0px)!important;box-shadow:4px 0 20px rgba(0,0,0,.3)!important}.mobile-layout-container.pwa-mode .sidebar:not(.mobile-open){transform:translateX(-90%)!important;-webkit-transform:translateX(-90%)!important;z-index:999999!important;border-left:10px solid #ffff00!important}.mobile-layout-container.pwa-mode .sidebar.mobile-open{transform:translateX(0)!important}.mobile-layout-container.pwa-mode .sidebar-overlay{position:fixed!important;top:0!important;left:0!important;width:100vw!important;height:100vh!important;z-index:9998!important;background:rgba(0,0,0,.6)!important;pointer-events:auto!important}.mobile-layout-container.pwa-mode .sidebar-overlay.active{display:block!important;opacity:1!important}.mobile-bottom-nav{position:relative;height:56px;background:var(--secondary-bg);border-top:1px solid rgba(76,201,240,.2);display:flex;justify-content:space-around;align-items:center;flex-shrink:0;z-index:100;min-height:56px}.mobile-layout-container.pwa-mode .mobile-bottom-nav{position:fixed;bottom:0;left:0;right:0;width:100%;padding-bottom:max(env(safe-area-inset-bottom),8px);padding-left:max(env(safe-area-inset-left),0px);padding-right:max(env(safe-area-inset-right),0px);margin-bottom:0;z-index:1000;box-sizing:border-box}.nav-tab{flex:1;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;background:transparent;border:none;color:var(--text-secondary);font-size:.75rem;position:relative;transition:all .2s ease}.nav-tab.active{color:var(--accent-color-1);background:rgba(76,201,240,.1)}.nav-badge{position:absolute;top:8px;right:calc(50% - 12px);width:6px;height:6px;background:var(--accent-color-2);border-radius:50%;animation:pulse-badge 2s ease-in-out infinite}@keyframes pulse-badge{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.2);opacity:.8}}.mobile-view-content{flex:1;overflow:hidden;display:flex;flex-direction:column;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.mobile-layout-container.pwa-mode .mobile-view-content{padding-bottom:calc(56px + max(env(safe-area-inset-bottom), 8px) + 8px);height:calc(100% - 56px);max-height:calc(100vh - env(safe-area-inset-top) - 56px - max(env(safe-area-inset-bottom), 8px));box-sizing:border-box}.mobile-chat-view{background:var(--primary-bg)}.mobile-chat-screen,.mobile-chat-view{height:100%;display:flex;flex-direction:column}@media (max-width:768px){.mobile-chat-view{flex:1;display:flex;flex-direction:column;overflow:hidden;background:var(--primary-bg)}.mobile-chat-view .chat-interface-container,.mobile-chat-view>div{flex:1;display:flex;flex-direction:column;min-width:100%!important;max-width:100%!important;width:100%!important;height:100%;margin:0!important;padding:0!important}.mobile-chat-view .chat-messages{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:1rem;box-sizing:border-box;scroll-behavior:smooth;overscroll-behavior:contain}.mobile-chat-view .chat-input-container{background:var(--primary-bg);border-top:1px solid var(--input-border);padding:.75rem;display:flex;gap:.75rem;align-items:flex-end;box-shadow:0 -2px 10px rgba(0,0,0,.1)}.mobile-layout-container.pwa-mode .mobile-chat-view .chat-input-container{margin-bottom:calc(56px + max(env(safe-area-inset-bottom), 8px));position:relative;z-index:999}.mobile-chat-view .chat-input{flex:1;min-height:2.5rem;max-height:8rem;padding:.5rem .75rem;background:var(--secondary-bg);border:1px solid var(--input-border);border-radius:1rem;color:var(--text-primary);font-size:1rem;resize:none;outline:none;transition:border-color .2s}.mobile-chat-view .chat-input:focus{border-color:var(--accent-color-1)}.mobile-chat-view .send-button{flex-shrink:0;padding:.5rem 1rem;background:var(--button-primary);color:white;border:none;border-radius:1rem;font-weight:500;font-size:.875rem;white-space:nowrap;transition:opacity .2s}.mobile-chat-view .send-button:disabled{opacity:.5}.mobile-chat-view .message{margin-bottom:1rem;padding:.75rem 1rem;border-radius:1rem;max-width:85%}.mobile-chat-view .message-user{align-self:flex-end;margin-left:auto;background:var(--accent-color-3);color:white}.mobile-chat-view .message-bot{align-self:flex-start;background-color:var(--secondary-bg)!important;color:var(--text-primary)}.mobile-view-content{overflow:hidden}.mobile-chat-view .constellation-progress,.mobile-chat-view .sidebar{display:none!important}.sidebar-nav{padding-bottom:calc(56px + 1rem)!important}.mobile-layout-container.pwa-mode .sidebar .sidebar-nav{padding-bottom:calc(56px + max(env(safe-area-inset-bottom), 20px) + 1rem)!important}}.fullscreen-header{display:flex;align-items:center;justify-content:space-between;padding:1rem;background:var(--secondary-bg);border-bottom:1px solid rgba(76,201,240,.2);flex-shrink:0}.header-title{font-size:1.25rem;font-weight:600;color:var(--accent-color-1);margin:0}.new-badge{background:var(--accent-color-2);color:white;font-size:.625rem;padding:2px 8px;border-radius:10px;font-weight:600;animation:pulse-badge 2s ease-in-out infinite}.fullscreen-lyrics,.fullscreen-music,.fullscreen-test{height:100%;display:flex;flex-direction:column;overflow:hidden;position:relative}.fullscreen-test{background:var(--secondary-bg);justify-content:center;align-items:center}.fullscreen-lyrics>*,.fullscreen-music>*{touch-action:pan-y}.fullscreen-lyrics{background:var(--secondary-bg)}.lyrics-scroll-container{flex:1}.fullscreen-music .music-generation-panel,.lyrics-scroll-container{overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;touch-action:pan-y;scroll-behavior:auto;will-change:auto}.fullscreen-music .music-generation-panel{width:100%;height:100%;border:none;padding:1rem}.fullscreen-lyrics .lyrics-sections-container{padding-bottom:2rem}.fullscreen-lyrics .musical-style-section{background:rgba(30,34,66,.5);padding:1rem;border-radius:.5rem;margin-bottom:1.5rem}.fullscreen-lyrics .lyrics-canvas-title{font-size:1.75rem;margin-bottom:1rem}.fullscreen-lyrics .lyrics-section-title{font-size:.875rem;text-transform:uppercase;letter-spacing:.05em;color:var(--accent-color-2)}.fullscreen-lyrics .lyrics-line{font-size:1rem;line-height:1.6;color:var(--text-primary)}@media (max-width:768px){.mobile-view-content{display:flex;flex-direction:column;overflow:hidden}.fullscreen-lyrics{flex:1;display:flex;flex-direction:column;height:100%;overflow:hidden}.lyrics-scroll-container{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:0;margin:0;overscroll-behavior:contain}.fullscreen-lyrics .lyrics-canvas{background:transparent!important;padding:0!important;margin:0!important;max-height:none!important}.fullscreen-lyrics .lyrics-canvas,.fullscreen-lyrics .lyrics-canvas-inner{display:block!important;width:100%!important;height:auto!important;overflow:visible!important;position:static!important}.fullscreen-lyrics .lyrics-canvas-inner{padding:1rem!important;box-sizing:border-box!important;min-height:100%!important}.fullscreen-lyrics .lyrics-canvas *,.lyrics-scroll-container .lyrics-canvas *{max-height:none!important;overflow:visible!important;position:static!important}.fullscreen-lyrics .lyrics-canvas-title{font-size:1.75rem!important;font-weight:700!important;margin-bottom:1rem!important;color:var(--accent-color-1)!important}.fullscreen-lyrics .musical-style-section{background:rgba(30,34,66,.5)!important;padding:1rem!important;border-radius:.5rem!important;margin-bottom:1.5rem!important}.fullscreen-lyrics .lyrics-section{margin-bottom:1.5rem!important}.fullscreen-lyrics .lyrics-section-title{font-size:.875rem!important;text-transform:uppercase!important;letter-spacing:.05em!important;color:var(--accent-color-2)!important;margin-bottom:.5rem!important}.fullscreen-lyrics .lyrics-line{font-size:1rem!important;line-height:1.6!important;color:var(--text-primary)!important;margin-bottom:.25rem!important}.fullscreen-lyrics .musical-style-section .btn{flex-shrink:0!important;white-space:nowrap!important;pointer-events:auto!important}.mobile-lyrics-canvas{width:100%!important;height:auto!important;min-width:unset!important;max-width:unset!important;display:block!important}.lyrics-sections-container{min-height:auto!important}.lyrics-lines,.lyrics-sections-container{height:auto!important;display:block!important}.mobile-lyrics-canvas,.mobile-lyrics-canvas *{position:static!important;transform:none!important}.lyrics-canvas-title{font-size:1.5rem}.lyrics-section-title{font-size:.8rem}.lyrics-line,.message{font-size:.9rem}.message{padding:.625rem .875rem}.phase-label-text{font-size:1.1rem!important;line-height:1.2!important}.phase-label-text,.phase-label-text.phase-label-selected{font-weight:700!important;text-shadow:0 1px 3px rgba(0,0,0,.8)!important}.phase-label-text.phase-label-selected{font-size:1rem!important}.phase-label-text.mobile-optimized{font-size:1.3rem!important}.phase-label-text.mobile-optimized,.phase-label-text.phase-label-selected.mobile-optimized{font-weight:800!important;text-shadow:0 2px 4px rgba(0,0,0,.9)!important;letter-spacing:.02em!important}.phase-label-text.phase-label-selected.mobile-optimized{font-size:1.2rem!important}.constellation-progress{padding:.75rem 1rem .5rem!important}.constellation-svg{height:90px!important}}@media (orientation:landscape) and (max-width:812px){.mobile-bottom-nav{height:48px}.nav-tab{flex-direction:row;gap:6px}.nav-tab span:last-child{display:none}.mobile-view-content{padding-bottom:env(safe-area-inset-bottom)}}.nav-tab:active{transform:scale(.98);opacity:.8}@media (max-width:768px){.mobile-chat-view .chat-input{font-size:16px!important;transform:translateZ(0);-webkit-transform:translateZ(0);position:relative;resize:none!important;-webkit-user-select:text;user-select:text}.mobile-chat-view .chat-input-container{transform:translateZ(0);-webkit-transform:translateZ(0);will-change:auto}.mobile-chat-view{overscroll-behavior:none}.mobile-chat-view,.mobile-chat-view .chat-messages{transform:translateZ(0);-webkit-transform:translateZ(0)}.mobile-chat-view .chat-messages{overscroll-behavior:contain;scroll-behavior:auto}}@supports (-webkit-touch-callout:none){.mobile-chat-view{height:100vh;height:100svh;height:-webkit-fill-available;min-height:100svh;min-height:-webkit-fill-available}.mobile-view-content{height:calc(100vh - var(--mobile-header-height));height:calc(100svh - var(--mobile-header-height));height:calc(-webkit-fill-available - var(--mobile-header-height));min-height:calc(100svh - var(--mobile-header-height));min-height:calc(-webkit-fill-available - var(--mobile-header-height))}.mobile-chat-view .chat-input{font-size:16px!important;-webkit-text-size-adjust:100%}@media screen and (max-height:500px){.mobile-bottom-nav{display:none}.mobile-chat-view .chat-messages{scroll-behavior:auto!important}}}