@font-face{font-family:Instrument Sans;font-style:italic;font-weight:400;font-stretch:100%;font-display:swap;src:url(/_next/static/media/4f1e2870983fbcaa-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-20c4,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Instrument Sans;font-style:italic;font-weight:400;font-stretch:100%;font-display:swap;src:url(/_next/static/media/e9b443debf0e5df9-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:Instrument Sans;font-style:italic;font-weight:500;font-stretch:100%;font-display:swap;src:url(/_next/static/media/4f1e2870983fbcaa-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-20c4,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Instrument Sans;font-style:italic;font-weight:500;font-stretch:100%;font-display:swap;src:url(/_next/static/media/e9b443debf0e5df9-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:Instrument Sans;font-style:italic;font-weight:600;font-stretch:100%;font-display:swap;src:url(/_next/static/media/4f1e2870983fbcaa-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-20c4,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Instrument Sans;font-style:italic;font-weight:600;font-stretch:100%;font-display:swap;src:url(/_next/static/media/e9b443debf0e5df9-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:Instrument Sans;font-style:italic;font-weight:700;font-stretch:100%;font-display:swap;src:url(/_next/static/media/4f1e2870983fbcaa-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-20c4,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Instrument Sans;font-style:italic;font-weight:700;font-stretch:100%;font-display:swap;src:url(/_next/static/media/e9b443debf0e5df9-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:Instrument Sans;font-style:normal;font-weight:400;font-stretch:100%;font-display:swap;src:url(/_next/static/media/adb45196eddef626-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-20c4,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Instrument Sans;font-style:normal;font-weight:400;font-stretch:100%;font-display:swap;src:url(/_next/static/media/26d0ba92e140f0dc-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:Instrument Sans;font-style:normal;font-weight:500;font-stretch:100%;font-display:swap;src:url(/_next/static/media/adb45196eddef626-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-20c4,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Instrument Sans;font-style:normal;font-weight:500;font-stretch:100%;font-display:swap;src:url(/_next/static/media/26d0ba92e140f0dc-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:Instrument Sans;font-style:normal;font-weight:600;font-stretch:100%;font-display:swap;src:url(/_next/static/media/adb45196eddef626-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-20c4,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Instrument Sans;font-style:normal;font-weight:600;font-stretch:100%;font-display:swap;src:url(/_next/static/media/26d0ba92e140f0dc-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:Instrument Sans;font-style:normal;font-weight:700;font-stretch:100%;font-display:swap;src:url(/_next/static/media/adb45196eddef626-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-20c4,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Instrument Sans;font-style:normal;font-weight:700;font-stretch:100%;font-display:swap;src:url(/_next/static/media/26d0ba92e140f0dc-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:Instrument Sans Fallback;src:local("Arial");ascent-override:94.42%;descent-override:24.33%;line-gap-override:0.00%;size-adjust:102.74%}.__className_e6d546{font-family:Instrument Sans,Instrument Sans Fallback}.__variable_e6d546{--font-instrument-sans:"Instrument Sans","Instrument Sans Fallback"}:root{--blue:#355BE3;--blue-dark:#183AA0;--grey-dark:#2a4a8a;--grey:#6a81af;--silver:#b7bed2;--light-silver:#d3dcf4;--light-grey:#f7f4f1;--blue-soft:#e2e5ef;--blue-pale:#e9ebf3;--warning-red:#FF4E00;--success-green:#02CC11;--white:#ffffff;--black:#171717;--overlay-dark:rgba(23,23,23,0.5);--overlay-light:rgba(255,255,255,0.2);--star-gold:#eba903;--font-sans:var(--font-instrument-sans),"Instrument Sans",Arial,Helvetica,sans-serif;--font-xxs:0.75rem;--font-xs:0.875rem;--font-sm:1rem;--font-md:1.25rem;--font-lg:1.5rem;--font-xl:2rem;--letter-tight:0rem;--letter-normal:0.005rem;--letter-open:0.015rem;--letter-wide:0.02rem;--letter-wider:0.02rem;--size-xs:0.5rem;--size-sm:1rem;--size-md:1.5rem;--size-lg:2.5rem;--size-xl:4rem;--size-2xl:6rem;--icon-xs:0.75rem;--icon-sm:0.875rem;--icon-md-sm:0.9375rem;--icon-md:1rem;--icon-md-lg:1.125rem;--icon-lg:1.25rem;--radius-sm:0.5rem;--radius-md:1rem;--radius-full:999px;--line-thin:1px solid var(--blue-soft);--line-soft:1px solid var(--grey)}html{scroll-behavior:smooth}body{display:block;position:static;margin:0;font-family:var(--font-sans);font-size:var(--font-sm);color:var(--black);background-color:var(--light-grey)}*,body{box-sizing:border-box}img{display:block;max-width:100%}a{color:inherit;text-decoration:inherit}.button-link-container{display:inline-flex}.button-primary,.button-primary-medium,.button-primary-negative,.button-primary-small,.button-secondary,.button-secondary-medium,.button-secondary-small{display:inline-flex;position:relative;align-items:center;justify-content:center;font-family:var(--font-sans);font-weight:500;letter-spacing:var(--letter-wide);border:1.5px solid;gap:var(--size-xs);cursor:pointer}.button-primary{font-size:var(--font-md);color:var(--white);padding:var(--size-sm) var(--size-lg);border-color:var(--blue);background-color:var(--blue);border-radius:var(--radius-full)}.button-primary:hover{opacity:.75}.button-primary-medium,.button-primary-small{font-size:var(--font-xs);color:var(--white);border-color:var(--blue);border-radius:var(--radius-full);background-color:var(--blue)}.button-primary-medium{min-width:200px;min-height:44px;padding:var(--size-xs) var(--size-sm)}.button-primary-small{padding:var(--size-xs) var(--size-md)}.button-primary-medium:hover,.button-primary-small:hover{border-color:var(--blue-dark);background-color:var(--blue-dark)}.button-primary-negative{min-width:250px;min-height:50px;font-size:var(--font-sm);color:var(--white);padding:var(--size-xs) var(--size-md);background-color:var(--warning-red);border-radius:var(--radius-full)}.button-secondary,.button-secondary-medium,.button-secondary-small{color:var(--blue-dark);background-color:transparent;border:1.5px solid var(--blue-dark);border-radius:var(--radius-full)}.button-secondary{min-width:250px;min-height:50px;font-size:var(--font-sm);padding:var(--size-xs) var(--size-md)}.button-secondary-medium{min-width:200px;min-height:44px;font-size:var(--font-xs);padding:var(--size-xs) var(--size-sm)}.button-secondary-small{font-size:var(--font-xs);padding:var(--size-xs) var(--size-md)}.button-secondary-medium:hover,.button-secondary-small:hover,.button-secondary:hover{border-color:var(--silver);background-color:var(--silver)}.button-icontext-large,.button-icontext-medium,.button-icontext-small,.button-icontext-xsmall{display:inline-flex;align-items:center;justify-content:center;gap:var(--size-xs);font-family:var(--font-sans);font-weight:500;color:var(--white);border:none;cursor:pointer;padding:var(--size-xs) var(--size-sm);background-color:transparent}.button-icontext-large{font-size:var(--font-md)}.button-icontext-medium{font-size:var(--font-sm);color:var(--blue-dark)}.button-icontext-small{font-size:var(--font-xs);color:var(--grey)}.button-icontext-xsmall{font-size:var(--font-xxs)}.button-dot,.button-tab{display:inline-flex;align-items:center;justify-content:center;color:var(--blue-dark);border:var(--line-thin);cursor:pointer;padding:var(--size-xs);background-color:var(--light-grey)}.button-tab{border-radius:var(--radius-sm)}.button-dot{min-width:35px;min-height:35px;border-radius:var(--radius-full)}.button-icon-only{min-width:22px;padding:var(--size-xs)}.button-primary{--btn-icon-size:var(--icon-lg)}.button-primary-medium{--btn-icon-size:var(--icon-md)}.button-primary-small{--btn-icon-size:var(--icon-md-sm)}.button-primary-negative,.button-secondary{--btn-icon-size:var(--icon-md-lg)}.button-secondary-medium{--btn-icon-size:var(--icon-md)}.button-secondary-small{--btn-icon-size:var(--icon-md-sm)}.button-icontext-large{--btn-icon-size:var(--icon-lg)}.button-icontext-medium{--btn-icon-size:var(--icon-md)}.button-icontext-small{--btn-icon-size:var(--icon-sm)}.button-icontext-xsmall{--btn-icon-size:var(--icon-xs)}.button-dot,.button-tab{--btn-icon-size:var(--icon-md)}.button-glyph{display:block;flex-shrink:0;width:var(--btn-icon-size,var(--icon-md));height:var(--btn-icon-size,var(--icon-md))}.button-glyph-loading{animation:button-spin 1s linear infinite}@keyframes button-spin{to{transform:rotate(1turn)}}.text-btn{display:inline-block;font-size:var(--font-xs);font-weight:500;letter-spacing:var(--letter-normal);color:var(--grey);cursor:pointer}.text-btn:hover{color:var(--blue)}.kicker{font-size:var(--font-sm);font-weight:500;color:var(--grey);letter-spacing:var(--letter-open);margin-bottom:var(--size-sm)}.app-shell{display:flex;position:relative;width:100%;min-height:100vh;flex-direction:row;align-items:flex-start;background-color:var(--light-grey)}.menu-fab{display:none;position:absolute;z-index:3}.fab-button{background-color:var(--light-grey)}.feedback-fab{display:none;position:absolute;z-index:1}.sidebar-wrap{align-items:flex-start}.feedback-wrap,.sidebar-wrap{display:flex;flex:0 0 auto;flex-direction:column}.feedback-wrap{align-self:stretch;align-items:flex-end;justify-content:flex-end}.main-section{display:flex;flex:1 1;width:100%;height:100vh;flex-direction:row;align-items:flex-start;justify-content:flex-end}.sidebar-overlay{display:none;position:absolute;width:100vw;height:100vh;background-color:var(--overlay-dark);z-index:1}.sidebar{position:relative;width:300px;max-width:270px;min-width:230px;height:100vh;flex-direction:column;padding:var(--size-md) var(--size-md) var(--size-md) var(--size-md);background-color:var(--light-grey);border-right:var(--line-thin);z-index:2;box-sizing:border-box;overflow:hidden}.sidebar,.sidebar-top{display:flex;align-items:flex-start}.sidebar-top{width:100%;flex-shrink:0;flex-direction:row;justify-content:space-between;margin-bottom:var(--size-sm)}.sidebar-logo{width:150px;object-fit:contain}.sidebar-close{display:none}.sidebar-title{font-size:var(--font-xs);font-weight:500;color:var(--blue-dark);margin-bottom:var(--size-xs)}.sidebar-description,.sidebar-title{letter-spacing:var(--letter-normal);flex-shrink:0}.sidebar-description{font-size:var(--font-xxs);line-height:1.4;color:var(--grey);margin-bottom:var(--size-sm)}.sidebar-divider{height:1px;flex-shrink:0;flex-direction:column;margin-top:var(--size-sm);margin-bottom:var(--size-sm);background-color:var(--blue-soft)}.sidebar-body,.sidebar-divider{display:flex;width:100%;align-items:flex-start}.sidebar-body{flex:1 1;position:relative;flex-direction:column;justify-content:flex-start;flex-shrink:1;padding-bottom:var(--size-sm)}.sidebar-body,.sidebar-body-top{min-height:0;box-sizing:border-box;overflow:hidden}.sidebar-body-top{display:flex;align-items:flex-start;width:100%;flex:1 1;flex-direction:column}.sidebar-menu-button{flex-shrink:0;padding-left:0}.sidebar-login-prompt{display:flex;width:100%;flex-direction:column;align-items:flex-start;gap:var(--size-xs);font-size:var(--font-xs);font-weight:500;letter-spacing:var(--letter-normal);color:var(--grey);border:var(--line-thin);margin-top:var(--size-xs);padding:var(--size-md);border-radius:var(--radius-md)}.sidebar-login-prompt-text{line-height:1.4;margin-bottom:var(--size-xs)}.button-logout{color:var(--silver)}.button-logout .button-glyph{transform:scaleX(-1)}.sidebar-upgrade{display:flex;width:100%;flex-shrink:0;flex-direction:column;align-items:flex-start;gap:var(--size-xs);padding:var(--size-sm) var(--size-sm) var(--size-sm) var(--size-sm);background-color:var(--blue-pale);border-radius:var(--radius-md);margin-bottom:var(--size-sm)}.sidebar-upgrade-title{font-size:var(--font-sm);font-weight:500;letter-spacing:var(--letter-normal);color:var(--blue-dark);margin-top:0;margin-bottom:0}.sidebar-upgrade-description{font-size:var(--font-xs);line-height:1.4;letter-spacing:var(--letter-normal);color:var(--grey)}.sidebar-upgrade-button{padding-left:0}.sidebar-footer{display:flex;width:100%;justify-content:space-between;align-items:baseline}.sidebar-copyright{font-size:var(--font-xxs);color:var(--grey);flex-shrink:0;margin-bottom:var(--size-xs)}.sidebar-footer-button{font-size:var(--font-xxs);letter-spacing:var(--letter-open);margin-right:calc(0px - var(--size-sm))}.sidebar-links{display:flex;flex-shrink:0;flex-direction:row;align-items:center}.login-overlay{position:fixed;width:100vw;height:100vh;top:0;left:0;justify-content:center;padding:var(--size-md) var(--size-sm) var(--size-md) var(--size-sm);background-color:var(--overlay-dark);z-index:10}.login-dialog,.login-overlay{display:flex;align-items:center;box-sizing:border-box}.login-dialog{position:relative;width:100%;max-width:500px;height:100%;max-height:450px;flex-direction:column;padding:var(--size-md) var(--size-sm) var(--size-sm) var(--size-sm);background-color:var(--light-grey);border-radius:var(--radius-md);z-index:11}.auth-top-buttons{display:flex;width:100%;justify-content:space-between}.login-close{align-self:flex-end;color:var(--blue-dark);z-index:12}.auth-card,.login-close{display:flex;position:relative}.auth-card{flex:1 1;justify-content:center;width:100%}.auth-step{position:relative;align-items:center;padding:var(--size-md) var(--size-lg);padding-bottom:var(--size-sm)}.auth-step,.auth-top-container{display:flex;flex:1 1;flex-direction:column}.auth-top-container{width:100%;gap:var(--size-sm)}.auth-prompt{text-align:center;margin-bottom:var(--size-md)}.auth-prompt-text{font-size:var(--font-md);font-weight:600;color:var(--blue-dark);margin-bottom:var(--size-md)}.auth-code-sent{font-size:var(--font-xs);font-weight:700;color:var(--light-silver)}.auth-back{display:block;position:absolute;left:5px;top:5px;cursor:pointer}.auth-message{display:flex;justify-content:center;height:auto;align-items:center;text-align:center;color:var(--grey)}.auth-hint{letter-spacing:var(--letter-normal)}.auth-error,.auth-hint{font-size:var(--font-xs)}.auth-error{color:var(--warning-red)}.subscribe-row{display:flex;width:100%;flex-direction:row;align-items:center;justify-content:center;margin-top:var(--size-xs);margin-bottom:var(--size-xs);cursor:pointer}.subscribe-box{width:14px;height:14px;margin-right:var(--size-xs);border:1px solid var(--light-grey);border-radius:3px}.subscribe-checked{display:inline-flex;align-items:center;justify-content:center;width:19px;height:18px;margin-right:3px;color:var(--light-silver);opacity:.7}.subscribe-label{font-size:var(--font-xs);color:var(--light-silver)}.auth-bottom-button{display:flex;justify-self:flex-end}.overlay-dialog-overlay{position:fixed;width:100vw;height:100vh;top:0;left:0;justify-content:center;padding:var(--size-md) var(--size-sm) var(--size-md) var(--size-sm);background-color:var(--overlay-dark);z-index:10}.overlay-dialog,.overlay-dialog-overlay{display:flex;align-items:center;box-sizing:border-box}.overlay-dialog{position:relative;width:100%;max-width:400px;flex-direction:column;gap:var(--size-sm);padding:var(--size-sm);padding-bottom:var(--size-lg);background-color:var(--light-grey);border-radius:var(--radius-md);z-index:11}.overlay-dialog-top{display:flex;width:100%;justify-content:space-between}.overlay-dialog-close{display:flex;position:relative;color:var(--blue-dark);z-index:12}.overlay-dialog-title{font-size:var(--font-md);color:var(--blue-dark);margin-top:0;margin-bottom:0;text-align:center}.overlay-dialog-message{font-size:var(--font-sm);letter-spacing:var(--letter-normal);text-align:center;color:var(--grey-dark);margin-bottom:var(--size-xs)}.overlay-dialog-actions{display:flex;width:100%;flex-direction:row;align-items:center;justify-content:center;gap:var(--size-sm);margin-top:var(--size-xs);flex-wrap:wrap}.lyrics-list{display:flex;position:relative;width:100%;flex:1 1;min-height:0;flex-direction:column;align-items:flex-start;padding-top:var(--size-xs);padding-bottom:var(--size-xs);box-sizing:border-box;overflow:hidden}.lyrics-list-title{display:inline-flex;align-items:center;font-size:var(--font-sm);font-weight:500;color:var(--grey);flex-shrink:0;gap:var(--size-xs)}.lyrics-items{flex:1 1;min-height:0;flex-direction:column;margin-top:var(--size-xs);margin-bottom:var(--size-xs);gap:var(--size-xs);list-style:none;box-sizing:border-box;overflow-x:hidden;overflow-y:auto}.lyrics-item,.lyrics-items{display:flex;width:100%;padding:0}.lyrics-item{flex-direction:row;align-items:flex-start;justify-content:space-between;text-align:left;padding-left:var(--size-md)}.lyrics-title-btn{display:-webkit-box;width:100%;max-width:165px;min-height:30px;font-size:var(--font-xs);font-weight:300;text-align:left;color:var(--blue-dark);border:none;border-bottom:2px solid transparent;padding:0 0 2px;background-color:transparent;box-sizing:border-box;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:3;-webkit-box-orient:vertical;line-clamp:3;overflow-wrap:break-word;cursor:pointer}.lyrics-title-btn:hover{border-bottom-color:var(--blue-soft)}.lyrics-delete-button{display:flex;justify-content:flex-end;align-items:flex-start;width:80px;margin-top:-2px}.delete-confirm{font-size:var(--font-xs);font-weight:700;text-align:right;color:var(--warning-red);margin-top:.3rem;cursor:pointer}.generator-form{display:flex;position:relative;flex:1 1;width:100%;height:100vh;flex-direction:column;align-items:center;overflow:auto;padding:var(--size-xl) var(--size-xs) var(--size-lg) var(--size-xs)}.form-subtitle{font-size:var(--font-xl);font-weight:700;letter-spacing:var(--letter-open);color:var(--blue);margin-top:var(--size-md);margin-bottom:var(--size-xl);text-align:center}.form-field{display:flex;width:100%;max-width:700px;flex-direction:column;align-items:flex-start}.form-label{font-size:var(--font-sm);font-weight:500;letter-spacing:var(--letter-open);color:var(--blue-dark);margin:var(--size-sm) var(--size-md)}.generator-form .button-primary{margin-top:var(--size-lg)}.dropdown{display:flex;position:relative;flex-direction:column;align-items:stretch;width:100%;max-width:700px;margin-bottom:var(--size-xs)}.dropdown-trigger{justify-content:space-between;width:100%;min-height:55px;font-size:var(--font-sm);font-weight:300;letter-spacing:var(--letter-normal);text-align:left;color:var(--grey-dark);border:var(--line-soft);border-radius:var(--radius-md);gap:var(--size-sm);padding:var(--size-sm) var(--size-md);background-color:transparent}.dropdown-trigger:hover{background-color:transparent}.dropdown-trigger-open,.dropdown-trigger:hover{border-color:var(--blue-dark)}.dropdown-trigger .button-glyph{flex-shrink:0;margin-left:var(--size-xs);transition:transform .2s ease}.dropdown-trigger-open .button-glyph{transform:rotate(180deg)}.dropdown-list{display:flex;position:absolute;top:calc(100% + var(--size-xs));left:0;width:100%;max-height:240px;flex-direction:column;align-items:stretch;list-style:none;margin:0;border:1.5px solid var(--blue-dark);border-radius:var(--radius-md);gap:2px;padding:var(--size-xs);background-color:var(--light-grey);z-index:10;overflow-y:auto}.dropdown-option{display:flex;font-weight:300;border-radius:var(--radius-sm)}.dropdown-option-active{background-color:var(--blue-pale)}.dropdown-option-button{justify-content:flex-start;width:100%;font-weight:300;text-align:left;color:var(--grey-dark);padding:var(--size-xs) var(--size-sm)}.dropdown-option-active .dropdown-option-button{font-weight:300;color:var(--blue-dark)}.text-field{display:flex;position:relative;width:100%;max-width:700px;height:auto;flex-direction:column;align-items:flex-start;margin-bottom:var(--size-xs)}.text-field-input{width:100%;height:55px;font-family:var(--font-instrument-sans);font-size:var(--font-sm);font-weight:300;letter-spacing:var(--letter-open);align-self:flex-start;text-align:left;color:var(--grey-dark);border:var(--line-soft);border-radius:var(--radius-md);padding:0 var(--size-md);background-color:transparent}.text-field-input::placeholder{color:var(--grey)}.text-field-input:focus{border-color:var(--blue);outline:none}.text-field-input-code{border:var(--line-soft)}.text-area{display:flex;position:relative;width:100%;height:auto;flex-direction:column;align-items:flex-start}.text-area-input{width:100%;min-height:120px;font-family:var(--font-instrument-sans);font-size:var(--font-xs);font-weight:300;letter-spacing:var(--letter-normal);text-align:left;color:var(--grey-dark);border:var(--line-soft);border-radius:var(--radius-md);padding:var(--size-sm);padding-right:calc(var(--size-lg) + var(--size-xs));background-color:transparent;resize:none}.text-area-input::placeholder{color:var(--grey)}.text-area-input:focus{border-color:var(--blue);outline:none}.lyrics-result{display:flex;position:relative;flex:1 1;width:100%;height:100vh;flex-direction:column;align-items:center;overflow:auto;padding:var(--size-2xl) var(--size-xs) var(--size-xs) var(--size-xs)}.result-back{display:inline-flex;position:absolute;left:20px;top:25px;flex-direction:row;align-items:center;color:var(--blue-dark);border:none;padding:var(--size-xs) var(--size-sm);margin-top:var(--size-xs);background-color:transparent}.result-back:hover{color:var(--blue)}.result-kicker{font-size:var(--font-sm);font-weight:700;color:var(--blue-dark);margin-bottom:var(--size-sm)}.result-title{font-size:var(--font-lg);color:var(--grey);margin-top:var(--size-md);margin-bottom:var(--size-lg);text-align:center}.result-lyrics{font-size:var(--font-sm);font-weight:500;line-height:1.6;white-space:pre-line;text-align:center;color:var(--grey-dark);margin-bottom:var(--size-xl)}.result-lyrics.result-locked,.result-title.result-locked{-moz-user-select:none;user-select:none;-webkit-user-select:none;cursor:default}.result-actions{display:flex;gap:var(--size-xs);width:100%;flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:center;margin-bottom:var(--size-md)}.result-action-button{width:200px}.result-hint{font-size:var(--font-sm);font-weight:300;letter-spacing:var(--letter-normal);text-align:center;color:var(--grey);margin-bottom:var(--size-2xl)}.generating{display:flex;position:relative;flex:1 1;width:auto;height:auto;flex-direction:column;align-items:center;align-self:center;justify-content:center}.generating-spinner{color:var(--blue);margin-bottom:var(--size-md);animation:button-spin 1s linear infinite}.generating-error-icon{color:var(--warning-red);margin-bottom:var(--size-md)}.generating-text{font-size:var(--font-sm);font-weight:500;letter-spacing:var(--letter-open);color:var(--grey);margin-bottom:var(--size-2xl)}.feedback-box{display:flex;position:relative;flex-direction:column;align-self:flex-end;max-width:300px;gap:var(--size-xs);padding:var(--size-md) var(--size-sm) var(--size-sm) var(--size-sm);margin-top:auto;background-color:var(--light-grey);z-index:2;box-sizing:border-box}.feedback-top{display:flex;width:100%;flex-direction:row;align-items:flex-start;justify-content:space-between;padding-bottom:var(--size-xs)}.feedback-label{font-size:var(--font-sm);font-weight:500;letter-spacing:var(--letter-open);color:var(--blue-dark);padding-left:var(--size-sm);margin-top:0;margin-bottom:var(--size-xs)}.feedback-close{display:none}.feedback-message-container{height:15px}.feedback-message{font-size:var(--font-xxs);letter-spacing:var(--letter-normal);text-align:center;color:var(--success-green)}.feedback-message-error{color:var(--warning-red)}.feedback-send-button{position:absolute;right:var(--size-md);bottom:calc(var(--size-md) + var(--size-md));border:none;border-radius:var(--radius-full);color:var(--light-grey);padding:calc(var(--size-xs) + .2rem)}@media (max-width:1145px){.feedback-fab{display:flex;top:auto;bottom:20px;right:20px}.feedback-wrap{display:none}.feedback-wrap.is-open{display:flex;position:fixed;top:auto;right:20px;bottom:20px;width:300px;z-index:3}.feedback-wrap.is-open .sidebar-overlay{display:block;position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:var(--overlay-dark);z-index:1}.feedback-wrap.is-open .feedback-box{position:relative;align-self:flex-end;width:100%;border:var(--line-thin);border-radius:var(--radius-md);margin-top:0}.feedback-close{display:flex;margin-top:calc(0px - var(--size-xs))}}@media (max-width:990px){.menu-fab{display:flex;top:24px;left:20px}.app-shell:has(.sidebar-wrap.is-open) .menu-fab{display:none}.sidebar-wrap{display:none;position:absolute;top:0;left:0;width:100%;z-index:2}.sidebar-wrap.is-open{display:flex}.sidebar-wrap.is-open .sidebar-overlay{display:block}.sidebar{position:absolute;background-color:var(--light-grey)}.sidebar-logo{width:140px;object-fit:contain}.sidebar-close{display:flex}.generator-form{padding:var(--size-2xl) var(--size-md) var(--size-lg)}.form-subtitle{margin-top:0}.lyrics-result{padding-left:var(--size-lg);padding-right:var(--size-lg)}.result-back{width:100%;left:0;top:22px}}@media (max-width:760px){:root{--font-xxs:0.7rem;--font-xs:0.85rem;--font-sm:0.95rem;--font-md:1.15rem;--font-lg:1.35rem;--font-xl:1.9rem;--size-xs:0.4rem;--size-sm:0.9rem;--size-md:1.4rem;--size-lg:2.3rem;--size-xl:3.8rem;--size-2xl:5rem;--icon-xs:0.7rem;--icon-sm:0.82rem;--icon-md-sm:0.87rem;--icon-md:0.95rem;--icon-md-lg:1.05rem;--icon-lg:1.15rem}.sidebar-logo{width:130px;height:auto;margin-top:var(--size-xs)}}@media (max-width:550px){:root{--font-xxs:0.6rem;--font-xs:0.8rem;--font-sm:0.85rem;--font-md:0.95rem;--font-lg:1.15rem;--font-xl:1.6rem;--size-xs:0.3rem;--size-sm:0.8rem;--size-md:1.2rem;--size-lg:2.1rem;--size-xl:3.4rem;--size-2xl:4rem;--icon-xs:0.6rem;--icon-sm:0.75rem;--icon-md-sm:0.8rem;--icon-md:0.85rem;--icon-md-lg:0.9rem;--icon-lg:0.95rem}.sidebar-logo{width:120px}.main-section{flex-direction:column}.feedback-box{width:100%;max-width:280px;min-height:auto}.form-subtitle{text-align:center;margin-top:var(--size-md);margin-bottom:var(--size-lg)}.generator-form{padding-top:var(--size-2xl);padding-bottom:var(--size-md)}.dropdown-trigger{min-height:45px}.text-field-input{height:45px}.generating{align-self:center}.login-dialog{max-height:400px}.auth-step{padding:var(--size-md) var(--size-sm)}}