@import "https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600&family=Plus+Jakarta+Sans:wght@400;500;600;700&display=swap";:root{--color-bg:#fff;--color-text:#17181a;--color-text-muted:#737373;--color-border:#17181a14;--color-card:#f1f1f2;--color-primary:#17181a;--color-primary-text:#fff;--color-accent:var(--color-brand);--color-error:#ff3b30;--radius-sm:8px;--radius-md:12px;--radius-lg:20px;--radius-full:20px;--shadow-sm:0 2px 8px #0000000a;--shadow-md:0 4px 24px #00000014;--font-title:"Plus Jakarta Sans", sans-serif;--font-text:"Plus Jakarta Sans", sans-serif;--font-body:"Plus Jakarta Sans", sans-serif;--font-serif:"Cormorant Garamond", serif;--color-brand:#b90000;--story-image-rotate:-5deg}[data-theme=dark]{--color-bg:#000;--color-text:#fff;--color-text-muted:#737373;--color-border:#ffffff1f;--color-card:#0c0c0c;--color-primary:#fff;--color-primary-text:#17181a;--color-accent:var(--color-brand);--color-error:#ff453a;--shadow-sm:0 2px 8px #0003;--shadow-md:0 4px 24px #0006;--color-brand:#f44}*{box-sizing:border-box;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding:0}h1,h2,h3,h4,h5,h6,b,strong{font-weight:600}.highlight-serif{font-family:var(--font-serif);letter-spacing:-.01em;font-size:1.15em;font-style:italic;font-weight:500;line-height:inherit}.dynamic-word{vertical-align:baseline;filter:blur();opacity:1;will-change:filter, opacity;transition:filter .35s,opacity .35s;display:inline-block}.dynamic-word.blur-out{filter:blur(10px);opacity:0}body{background-color:var(--color-bg);color:var(--color-text);flex-direction:column;min-height:100vh;font-family:Plus Jakarta Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.5;transition:background-color .3s,color .3s;display:flex}a{color:inherit;text-decoration:none}button,input,select{color:inherit;font-family:inherit}button{cursor:pointer;background:0 0;border:none}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background-color:var(--color-border);border-radius:var(--radius-full)}.home-header{z-index:100;-webkit-backdrop-filter:blur(20px)saturate(180%);backdrop-filter:blur(20px)saturate(180%);border-radius:var(--radius-full);background-color:#f1f1f2d9;justify-content:space-between;align-items:center;width:50%;max-width:1200px;margin:0 auto;padding:.6rem 2rem;transition:background-color .3s,border-color .3s,box-shadow .3s;display:flex;position:fixed;top:1rem;left:0;right:0;box-shadow:0 4px 20px #00000014}[data-theme=dark] .home-header{background-color:#111111d9;box-shadow:0 4px 20px #0006}body:has(.landing-card) .home-header{animation:.6s cubic-bezier(.16,1,.3,1) both entryFadeDown}.logo-container{align-items:center;gap:.5rem;display:flex}.logo-icon{object-fit:contain;width:2rem;height:2rem}.logo-text{letter-spacing:-.5px;font-size:1.25rem;font-weight:600;display:flex}.header-brand-group{align-items:center;gap:1rem;display:flex}.header-divider{background-color:var(--color-border);width:1px;height:1.25rem}.header-nav{align-items:center;gap:1rem;display:flex}.nav-link{color:var(--color-text-muted);font-size:.95rem;font-weight:500;text-decoration:none;transition:color .2s}.nav-link:hover{color:var(--color-text)}.nav-link.active{color:var(--color-text);font-weight:600}.nav-badge-container{align-items:center;display:inline-flex;position:relative}.nav-badge-new{background-color:var(--color-brand);color:#fff;text-transform:uppercase;letter-spacing:.05em;pointer-events:none;-webkit-user-select:none;user-select:none;border-radius:999px;padding:1px 5px;font-size:.55rem;font-weight:700;line-height:1.1;position:absolute;top:-6px;right:-16px;transform:rotate(12deg)}.brand-bubble{color:var(--color-text)}.brand-fm{color:var(--color-brand)}.header-actions{align-items:center;gap:.5rem;display:flex}.theme-toggle-btn,.github-link-btn,.bmac-link-btn,.faq-header-btn,.share-header-btn{border-radius:var(--radius-full);width:2.5rem;height:2.5rem;color:var(--color-text);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:0;transition:background-color .2s,transform .1s;display:flex}.theme-toggle-btn:active,.github-link-btn:active,.bmac-link-btn:active,.faq-header-btn:active,.share-header-btn:active{transform:scale(.95)}.theme-toggle-btn svg,.github-link-btn svg,.bmac-link-btn svg,.faq-header-btn svg,.share-header-btn svg,.theme-toggle-btn animate-icons,.github-link-btn animate-icons,.bmac-link-btn animate-icons,.faq-header-btn animate-icons,.share-header-btn animate-icons{width:1.25rem;height:1.25rem}.sheet-support-hint{text-align:center;color:var(--color-text-secondary);margin-top:.85rem;font-size:.8rem}.sheet-support-hint a{color:var(--color-primary);text-decoration:underline}.main-container{flex-direction:column;flex:1;align-items:center;width:100%;max-width:1200px;margin:0 auto;padding:6rem 1rem 2rem;display:flex}.landing-card{text-align:center;background-color:var(--color-card);border-radius:var(--radius-lg);width:100%;max-width:520px;margin-top:2rem;margin-bottom:4rem;padding:3rem 2.5rem;animation:.7s cubic-bezier(.16,1,.3,1) both entryFadeUp;box-shadow:0 4px 20px #0000000a,0 1px 3px #00000005}[data-theme=dark] .landing-card{box-shadow:0 8px 30px #00000059}.landing-card .input-with-icon{background-color:var(--color-bg)}.landing-title{letter-spacing:-.5px;margin-bottom:.85rem;font-size:3rem;font-weight:500;line-height:1.15}.landing-subtitle{color:var(--color-text-muted);margin-bottom:2rem;font-size:1rem;line-height:1.5}.username-form,.match-form{width:100%;margin-bottom:1.5rem}.match-inputs-container{align-items:center;gap:.75rem;width:100%;display:flex}.match-inputs-container .input-with-icon{flex:1;min-width:0}.vs-text{color:var(--color-text-muted);-webkit-user-select:none;user-select:none;flex-shrink:0;font-size:.85rem;font-weight:600}.match-form .btn-primary{width:100%;margin-top:1rem}.input-group{flex-direction:column;gap:1rem;display:flex}.input-with-icon{background-color:var(--color-card);border-radius:var(--radius-md);height:3.5rem;box-shadow:var(--shadow-sm);align-items:center;padding:0 .75rem 0 1rem;transition:border-color .2s,box-shadow .2s;display:flex;position:relative}.input-with-icon:focus-within{border-color:var(--color-accent);box-shadow:0 0 0 3px #b9000033}[data-theme=dark] .input-with-icon:focus-within{box-shadow:0 0 0 3px #ff444440}.input-icon{color:var(--color-text-muted);margin-right:.5rem;display:flex}.input-icon svg{width:1.25rem;height:1.25rem}.input-with-icon input{color:var(--color-text);background:0 0;border:none;outline:none;flex:1;width:100%;font-size:1.05rem}.period-picker-container{align-items:center;margin-left:.5rem;display:flex;position:relative}.period-picker-btn{color:var(--color-text-muted);cursor:pointer;border-radius:var(--radius-full);background:0 0;border:1px solid #0000;justify-content:center;align-items:center;padding:.45rem;transition:color .15s,background-color .15s,border-color .15s,transform .1s;display:flex}.period-picker-btn:hover{color:var(--color-text);background-color:var(--color-card);border-color:var(--color-border)}.period-picker-btn.active,.period-picker-btn.has-custom{color:var(--color-primary);background-color:var(--color-card);border-color:var(--color-border)}.period-picker-btn svg{width:1.35rem;height:1.35rem}.period-tooltip{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);color:#fff;border-radius:var(--radius-full);white-space:nowrap;z-index:1001;pointer-events:none;cursor:pointer;-webkit-user-select:none;user-select:none;opacity:0;visibility:hidden;background-color:#17181ae6;border:1px solid #ffffff26;align-items:center;gap:.5rem;padding:.45rem .85rem;font-size:.8rem;font-weight:500;transition:opacity .3s cubic-bezier(.16,1,.3,1),transform .3s cubic-bezier(.16,1,.3,1),visibility .3s;display:flex;position:absolute;bottom:calc(100% + 12px);right:0;transform:translateY(6px);box-shadow:0 8px 24px #00000029}[data-theme=dark] .period-tooltip{background-color:#1e1e1eeb;border-color:#fff3}.period-tooltip.visible{opacity:1;visibility:visible;pointer-events:auto;animation:2.2s ease-in-out .3s infinite period-tooltip-bounce;transform:translateY(0)}@keyframes period-tooltip-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.period-tooltip-icon{flex-shrink:0;justify-content:center;align-items:center;display:flex}.period-tooltip-icon svg{width:1.15rem;height:1.15rem;display:block}.period-tooltip-text{line-height:1.2}.period-tooltip-arrow{background-color:#17181ae6;border-bottom:1px solid #ffffff26;border-right:1px solid #ffffff26;width:8px;height:8px;position:absolute;bottom:-4px;right:14px;transform:rotate(45deg)}[data-theme=dark] .period-tooltip-arrow{background-color:#1e1e1eeb;border-bottom-color:#fff3;border-right-color:#fff3}.period-dropdown{-webkit-backdrop-filter:blur(20px)saturate(180%);backdrop-filter:blur(20px)saturate(180%);z-index:1000;background-color:#ffffffe0;border-radius:16px;width:250px;padding:.5rem;display:none;position:absolute;top:calc(100% + 10px);right:0;box-shadow:0 16px 40px #00000014,0 2px 8px #0000000a}[data-theme=dark] .period-dropdown{background-color:#141416e6;border-color:#ffffff24;box-shadow:0 20px 48px #00000080}.period-dropdown.show{animation:.2s cubic-bezier(.16,1,.3,1) forwards headerDropdownFade;display:block}.period-dropdown-tabs{border-radius:var(--radius-full);background-color:#0000000d;gap:3px;margin-bottom:.45rem;padding:3px;display:flex}[data-theme=dark] .period-dropdown-tabs{background-color:#ffffff14}.period-tab-btn{border-radius:var(--radius-full);color:var(--color-text-muted);cursor:pointer;text-align:center;background:0 0;border:none;flex:1;padding:.35rem .5rem;font-family:inherit;font-size:.825rem;font-weight:500;transition:all .2s cubic-bezier(.16,1,.3,1)}.period-tab-btn:hover{color:var(--color-text)}.period-tab-btn.active{color:#17181a;background-color:#fff;font-weight:600;box-shadow:0 2px 8px #00000014}[data-theme=dark] .period-tab-btn.active{color:#fff;background-color:#2c2c2e;box-shadow:0 2px 8px #00000059}.period-tab-content{flex-direction:column;gap:3px;display:none}.period-tab-content.active{display:flex}.period-option{width:100%;color:var(--color-text);cursor:pointer;text-align:left;background:0 0;border:1px solid #0000;border-radius:10px;justify-content:space-between;align-items:center;padding:.6rem .75rem;font-family:inherit;font-size:.875rem;transition:background-color .15s,border-color .15s,color .15s;display:flex}.period-option:hover{background-color:#0000000a}[data-theme=dark] .period-option:hover{background-color:#ffffff0d}.period-option.selected{border-color:var(--color-border);color:var(--color-text);background-color:#0000000d;font-weight:600}[data-theme=dark] .period-option.selected{color:#fff;background-color:#ffffff14;border-color:#ffffff1f}.period-option-title{font-weight:inherit}.period-option-desc{color:var(--color-text-muted);border-radius:var(--radius-full);background-color:#0000000a;padding:.15rem .45rem;font-size:.75rem;font-weight:500}[data-theme=dark] .period-option-desc{color:var(--color-text-muted);background-color:#ffffff14}.period-option.selected .period-option-desc{color:var(--color-text);background-color:#00000014}[data-theme=dark] .period-option.selected .period-option-desc{color:#fff;background-color:#ffffff26}.btn-primary{background-color:var(--color-primary);height:3.5rem;color:var(--color-primary-text);border-radius:var(--radius-full);justify-content:center;align-items:center;padding:0 2rem;font-size:1.05rem;font-weight:600;transition:opacity .2s,transform .1s;display:inline-flex}.btn-primary:active{transform:scale(.98)}.btn-primary:hover{opacity:.9}.signup-link{color:var(--color-text-muted);font-size:.9rem}.signup-link a{color:var(--color-accent);font-weight:500}.error-message{color:var(--color-error);margin-top:1rem;font-size:.9rem;display:none}.error-message:not(:empty){display:block}.landing-features{flex-direction:column;gap:6rem;width:100%;max-width:1100px;padding:3rem 1rem 5rem;display:flex}.feature-section{text-align:center;opacity:0;will-change:opacity, transform;flex-direction:column;align-items:center;gap:2.5rem;width:100%;transition:opacity .8s cubic-bezier(.16,1,.3,1),transform .8s cubic-bezier(.16,1,.3,1);display:flex;transform:translateY(28px)}.feature-section.is-visible{opacity:1;transform:translateY(0)}.feature-content{flex:1}.feature-content h2{letter-spacing:-.5px;margin-bottom:1rem;font-size:2.25rem;font-weight:500;line-height:1.2}.feature-content p{color:var(--color-text-muted);font-size:1.125rem;line-height:1.6}.feature-image-container{flex:1;justify-content:center;align-items:center;width:100%;max-width:500px;display:flex}.feature-img{object-fit:contain;width:100%;max-width:500px;height:auto;display:block}@media (width>=768px){.feature-section{text-align:left;flex-direction:row;justify-content:space-between;align-items:center;gap:4rem}.feature-section.reverse{flex-direction:row-reverse}.feature-content{padding:0 1rem}}.support-section{text-align:center;flex-direction:column;align-items:center;width:100%;max-width:600px;margin:0 auto;padding:3rem 1rem 5rem;display:flex}.support-section .support-logo{width:70px;height:70px;margin-bottom:1.25rem}.support-section h2{font-family:var(--font-title);letter-spacing:-.5px;color:var(--color-text);margin-bottom:.75rem;font-size:2.25rem;font-weight:500;line-height:1.2}.support-section p{color:var(--color-text-muted);margin-bottom:1.75rem;font-size:1.1rem;line-height:1.6}.btn-bmac{background-color:var(--color-accent);font-family:var(--font-title);border-radius:var(--radius-full);justify-content:center;align-items:center;gap:.5rem;padding:.7rem 1.6rem;font-size:.95rem;font-weight:600;text-decoration:none;transition:opacity .2s,transform .2s cubic-bezier(.175,.885,.32,1.275),box-shadow .2s;display:inline-flex;color:#fff!important}.btn-bmac animate-icons{color:#fff}.btn-bmac:hover{opacity:.92;transform:translateY(-2px)}.btn-bmac:active{transform:scale(.97)}.btn-bmac-desktop{align-self:flex-end;margin-bottom:.25rem;display:inline-flex}.charts-bmac-container{justify-content:center;margin-top:2.5rem;display:none}.result-main{flex:1;width:100%;padding-bottom:4rem}.user-cover-section{flex-direction:column;align-items:center;width:100%;margin-bottom:3rem;display:flex;position:relative}.cover-image-container{background-color:var(--color-bg);width:100%;height:320px;position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(#000 0%,#000000e6 40%,#0006 75%,#0000 100%);mask-image:linear-gradient(#000 0%,#000000e6 40%,#0006 75%,#0000 100%)}.cover-image-container:after{content:"";background:linear-gradient(to bottom, #00000026 0%, transparent 50%, var(--color-bg) 200%);pointer-events:none;z-index:1;position:absolute;inset:0}.cover-image{object-fit:cover;filter:blur(10px);width:100%;height:100%;transform:scale(1.15)}.user-profile-container{z-index:2;flex-direction:row;align-items:flex-end;gap:1.5rem;width:100%;max-width:1200px;margin-top:-3.5rem;padding:0 1.5rem;display:flex;position:relative}.user-profile-image{border-radius:var(--radius-lg);border:4px solid var(--color-bg);background-color:var(--color-card);width:130px;height:130px;box-shadow:var(--shadow-sm);flex-shrink:0;overflow:hidden}.user-profile-image img{object-fit:cover;width:100%;height:100%}.user-info-details{flex-direction:column;flex:1;gap:.25rem;padding-bottom:.5rem;display:flex}.user-display-name{letter-spacing:-1px;margin-bottom:1rem;font-size:2rem;font-weight:500;line-height:1.2}.stats-cards-container{flex-wrap:wrap;align-items:center;gap:1.5rem;display:flex}.stat-card{flex-direction:column;display:flex}.stat-title{text-transform:uppercase;color:var(--color-text-muted);letter-spacing:.5px;margin-bottom:.2rem;font-size:.8rem;font-weight:600}.stat-value{color:var(--color-text);font-size:1.5rem;font-weight:700;line-height:1}.stat-info-btn,.stat-share-btn{border-radius:var(--radius-full);width:2.25rem;height:2.25rem;color:var(--color-text-muted);cursor:pointer;background-color:#0000;border:1px solid #0000;flex-shrink:0;justify-content:center;align-items:center;padding:0;transition:color .2s,background-color .2s,transform .1s,border-color .2s;display:inline-flex}.stat-info-btn:hover,.stat-share-btn:hover{color:var(--color-primary);background-color:var(--color-surface);border-color:var(--color-border)}.stat-info-btn:active,.stat-share-btn:active{transform:scale(.95)}.stat-info-btn svg,.stat-share-btn svg{fill:currentColor;width:1.35rem;height:1.35rem}.mobile-actions-bar{display:none}.mobile-actions-pill{background-color:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-full);box-shadow:var(--shadow-sm);align-items:center;gap:.35rem;padding:.35rem .6rem;display:inline-flex}.mobile-actions-pill animate-icons{justify-content:center;align-items:center;display:inline-flex}.mobile-actions-pill svg{stroke:currentColor;fill:none!important}.mobile-pill-btn{border-radius:var(--radius-full);color:var(--color-text);font-family:var(--font-body);cursor:pointer;background:0 0;border:none;align-items:center;gap:.4rem;padding:.5rem .9rem;font-size:.9rem;font-weight:600;transition:background-color .2s,transform .1s;display:inline-flex}.mobile-pill-btn:active{background-color:#0000000d;transform:scale(.95)}[data-theme=dark] .mobile-pill-btn:active{background-color:#ffffff14}.mobile-pill-btn svg{fill:currentColor;width:1.15rem;height:1.15rem}.mobile-pill-divider{background-color:var(--color-border);width:1px;height:1.25rem}.charts-section{width:100%;max-width:1200px;margin:0 auto;padding:1rem}.charts-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:1.5rem;display:grid}.chart-card{flex-direction:column;min-width:0;display:flex;overflow:hidden}.chart-card h2{letter-spacing:-.5px;margin-bottom:1.5rem;font-size:1.5rem;font-weight:500}.lista-top{background-color:var(--color-card);border-radius:var(--radius-lg);width:100%;min-width:0;box-shadow:var(--shadow-sm);flex-direction:column;display:flex;overflow:hidden}.chart-item{border-bottom:1px solid var(--color-border);white-space:nowrap;box-sizing:border-box;align-items:center;width:100%;min-width:0;padding:.85rem 1.25rem;font-size:1rem;font-weight:500;transition:background-color .15s;display:flex;overflow:hidden}.chart-item:not(.top-1):hover{background-color:#00000008}[data-theme=dark] .chart-item:not(.top-1):hover{background-color:#ffffff0a}.chart-item span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.chart-item:last-child{border-bottom:none}.chart-item.top-1{aspect-ratio:1;background-color:var(--color-card);border:none;border-bottom:1px solid var(--color-border);width:100%;box-shadow:none;border-radius:0;align-items:flex-end;margin-bottom:0;padding:0;display:flex;position:relative;overflow:hidden}.top1-image{object-fit:cover;z-index:0;width:100%;height:100%;position:absolute;top:0;left:0}.top1-image.skeleton{z-index:1}.chart-item.top-1:after{content:"";z-index:2;pointer-events:none;background:linear-gradient(#0000 35%,#0003 55%,#000000a6 80%,#000000e6 100%);position:absolute;inset:0}.chart-item.top-1 .text-content{z-index:3;box-sizing:border-box;background:0 0;border-top:none;flex-direction:column;width:100%;min-width:0;max-width:100%;padding:1.25rem 1.25rem 1.1rem;display:flex;position:relative}[data-theme=dark] .chart-item.top-1 .text-content{background:0 0;border-top:none}.chart-item.top-1 .text-content span:first-child{letter-spacing:-.3px;white-space:nowrap;text-overflow:ellipsis;color:#fff;text-shadow:0 1px 3px #00000080;width:100%;max-width:100%;font-size:1.25rem;font-weight:700;display:block;overflow:hidden}[data-theme=dark] .chart-item.top-1 .text-content span:first-child{color:#fff}.chart-item.top-1 .text-content span:last-child{white-space:nowrap;text-overflow:ellipsis;color:#ffffffd9;text-shadow:0 1px 2px #0006;width:100%;max-width:100%;margin-top:3px;font-size:.9rem;font-weight:500;display:block;overflow:hidden}[data-theme=dark] .chart-item.top-1 .text-content span:last-child{color:#ffffffd9}.chart-item span:first-child[style*="font-weight: bold"]{flex-shrink:0;width:30px;font-size:.95rem;color:var(--color-text-muted)!important;font-weight:600!important}.charts-footer{text-align:center;color:var(--color-text-muted);margin-top:3rem;font-size:.9rem}.skeleton{background:linear-gradient(90deg, var(--color-border) 25%, #9696961a 50%, var(--color-border) 75%);background-size:200% 100%;animation:1.5s linear infinite skeleton-loading;color:#0000!important;border-color:#0000!important}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton-icon svg{display:none}.skeleton-text{border-radius:4px}.app-footer{text-align:center;color:var(--color-text-muted);border-top:1px solid var(--color-border);box-sizing:border-box;width:100%;margin-top:auto;padding:2.5rem 1.5rem;font-size:.875rem}.footer-info{margin-bottom:.75rem;line-height:1.5}.footer-info a,.footer-links a{color:var(--color-text);font-weight:500;text-decoration:none;transition:color .15s}.footer-info a:hover,.footer-links a:hover{text-decoration:underline}.footer-links{flex-wrap:wrap;justify-content:center;align-items:center;gap:.5rem .85rem;line-height:1.6;display:flex}.footer-links .dot{color:var(--color-border);-webkit-user-select:none;user-select:none}@media (width<=768px){.app-footer{padding:2rem 1.25rem calc(2rem + env(safe-area-inset-bottom,0px));font-size:.825rem}.footer-info{flex-wrap:wrap;justify-content:center;align-items:center;gap:.35rem .5rem;margin-bottom:.85rem;display:flex}.footer-links{flex-wrap:wrap;justify-content:center;align-items:center;gap:.4rem .75rem;max-width:340px;margin:0 auto;line-height:1.7;display:flex}.footer-links .dot{display:none}.user-profile-container{text-align:center;flex-direction:column;align-items:center;margin-top:-4rem;padding:0 1rem}.user-profile-image{width:120px;height:120px}.stats-cards-container{justify-content:center}.btn-bmac-desktop{display:none!important}.charts-bmac-container{display:flex!important}}.fab-generate{color:#fff;font-family:var(--font-body);cursor:pointer;z-index:1000;opacity:1;visibility:visible;background-color:#249034;border:none;border-radius:30px;align-items:center;gap:8px;padding:12px 24px;font-size:1rem;font-weight:600;transition:transform .2s,background-color .2s,opacity .3s,visibility .3s;display:flex;position:fixed;bottom:1rem;right:1rem}.fab-generate.hidden{opacity:0;visibility:hidden;pointer-events:none}.fab-generate:hover{filter:brightness(1.1);transform:translateY(-3px)}@media (width<=768px){.fab-generate{padding:12px 20px;font-size:.95rem;bottom:1.5rem;right:1.5rem}}.modal{z-index:2000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#0009;justify-content:center;align-items:center;width:100%;height:100%;display:none;position:fixed;top:0;left:0}.modal.show{display:flex}.modal-content{background-color:var(--color-bg);text-align:center;border:1px solid var(--color-neutral-200);border-radius:16px;width:90%;max-width:400px;padding:2rem;position:relative}.close-button{cursor:pointer;color:var(--color-neutral-500);font-size:1.5rem;position:absolute;top:15px;right:20px}.close-button:hover{color:var(--color-text)}.modal h2{font-family:var(--font-title);color:var(--color-text);margin-bottom:.5rem;font-size:1.5rem;font-weight:500}.modal-info{color:var(--color-neutral-500);margin-bottom:1.5rem;font-size:.9rem}.settings-group{text-align:left;flex-direction:column;margin-bottom:1.5rem;display:flex}.settings-group label{color:var(--color-neutral-500);text-transform:uppercase;letter-spacing:1px;margin-bottom:.5rem;font-size:.9rem;font-weight:600}.custom-input,.custom-select{border:1px solid var(--color-neutral-300);background-color:var(--color-neutral-100);width:100%;color:var(--color-text);font-family:var(--font-body);border-radius:8px;outline:none;padding:12px;font-size:1rem;transition:border-color .2s}.custom-input:focus,.custom-select:focus{border-color:var(--color-primary)}.bg-palette{grid-template-columns:repeat(3,48px);justify-content:center;gap:14px 18px;margin:0 auto;display:grid}.bg-option{cursor:pointer;border:2px solid #0000;border-radius:50%;width:48px;height:48px;transition:transform .2s,outline .2s}.bg-option:hover{transform:scale(1.1)}.toggle-group{flex-direction:row;justify-content:space-between;align-items:center}.toggle-group label{margin-bottom:0}.switch{width:50px;height:28px;display:inline-block;position:relative}.switch input{opacity:0;width:0;height:0}.slider{cursor:pointer;background-color:#0000001a;transition:all .4s;position:absolute;inset:0}[data-theme=dark] .slider{background-color:#ffffff1a}.slider:before{content:"";background-color:#fff;width:20px;height:20px;transition:all .4s;position:absolute;top:50%;left:4px;transform:translateY(-50%)}input:checked+.slider{background-color:var(--color-primary)}input:checked+.slider:before{transform:translate(22px,-50%)}.slider.round{border-radius:34px}.slider.round:before{border-radius:50%}.btn-proceed{background-color:var(--color-primary);color:#fff;cursor:pointer;border:none;border-radius:8px;width:100%;margin-top:1rem;padding:12px;font-size:1.1rem;font-weight:600;transition:background-color .2s,opacity .2s}.btn-proceed:hover{filter:brightness(1.1)}.hidden-report-container{z-index:-999;opacity:0;pointer-events:none;height:70px;position:fixed;top:0;left:0}#storyReport *{box-sizing:border-box}#storyReport{--sc-bg:#000;--sc-text:#fff;--sc-text-dim:#a1a1a6;flex-direction:column;width:1080px;height:1920px;font-family:Lato,Inter,sans-serif;display:flex;position:relative;overflow:hidden;background-color:var(--sc-bg)!important;color:var(--sc-text)!important}#storyReport.theme-light{--sc-bg:#f5f5f7;--sc-text:#1d1d1f;--sc-text-dim:#86868b;color:#1d1d1f!important;background-color:#f5f5f7!important}#storyReport.theme-dark{--sc-bg:#000;--sc-text:#fff;--sc-text-dim:#a1a1a6;color:#fff!important;background-color:#000!important}.story-report-bg-img{object-fit:cover;pointer-events:none;opacity:.6;width:100%;height:100%;inset:0;position:absolute!important}#storyReport>.story-report-bg-img{z-index:0!important}#storyReport>*{z-index:10;position:relative}.story-header{justify-content:space-between;align-items:center;padding:150px 80px 0;display:flex}.story-title{color:var(--sc-text);letter-spacing:-1px;font-size:3.5rem;font-weight:800}.story-service-logo,#storyServiceLogo{align-items:center;height:40px;display:flex}.story-service-logo svg,#storyServiceLogo svg{max-width:100%;fill:var(--sc-text);color:var(--sc-text);display:block;width:auto!important;height:100%!important}.story-period-header{text-align:center;margin-top:50px;margin-bottom:60px}.story-month-year{color:var(--sc-text);letter-spacing:-2px;white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:5rem;font-weight:800;line-height:1;overflow:hidden}.story-total-minutes{color:var(--sc-text-dim);margin-top:15px;font-size:2.2rem;font-weight:500}.story-body{align-items:center;gap:60px;padding:0 80px;display:flex}.story-lists-container{flex-direction:column;flex:1;gap:50px;display:flex}.story-list-block h3{color:var(--sc-text);letter-spacing:-.5px;margin-bottom:20px;font-size:2.5rem;font-weight:800}.story-items-list{flex-direction:column;gap:12px;display:flex}.story-item-row{align-items:center;width:100%;display:flex}.story-item-rank{width:42px;color:var(--sc-text-dim);flex-shrink:0;font-size:1.8rem;font-weight:600}.story-item-details{flex-direction:column;flex:1;min-width:0;display:flex;overflow:hidden}.story-item-name{color:var(--sc-text);white-space:nowrap;text-overflow:ellipsis;max-width:450px;font-size:2rem;font-weight:700;display:block;overflow:hidden}.story-item-sub{color:var(--sc-text-dim);white-space:nowrap;text-overflow:ellipsis;max-width:450px;margin-top:3px;font-size:1.5rem;font-weight:500;display:block;overflow:hidden}.story-images-container{flex-direction:column;align-items:flex-end;width:500px;height:1260px;display:flex;position:relative}.story-square-image{background-color:var(--sc-bg);width:500px;height:500px;transform:rotate(var(--story-image-rotate,-3deg));border-radius:40px;position:relative;overflow:hidden;box-shadow:-10px 10px 30px #0000004d}.story-square-image:first-child{z-index:3;margin-right:-120px}.story-square-image:nth-child(2){z-index:2;margin-top:-120px;margin-right:-120px}.story-square-image:nth-child(3){z-index:1;margin-top:-120px;margin-right:-120px}.story-square-image img{object-fit:cover;width:100%;height:100%}.story-footer{text-align:right;margin-top:40px;padding:0 40px 96px}.story-brand{color:#fff;letter-spacing:1px;opacity:.5;font-size:1.5rem;font-weight:600}.story-match-score{color:var(--sc-text);letter-spacing:-1px;font-size:3.5rem;font-weight:800;line-height:1}#storyReport .story-footer{text-align:center;margin-top:auto;padding:0 40px 48px}#storyReport .story-brand{color:var(--sc-text);opacity:.4;text-align:center}#storyReport .story-body{align-items:flex-start}.story-lists-container.user2,.story-lists-container.user2 .story-list-block h3{text-align:right}.story-lists-container.user2 .story-item-row{flex-direction:row-reverse}.story-lists-container.user2 .story-item-rank{text-align:right}.story-lists-container.user2 .story-item-details{text-align:right;align-items:flex-end}.story-lists-container.user2 .story-item-name,.story-lists-container.user2 .story-item-sub{text-align:right}.modal-no-close .close-button{display:none}.loading-content{flex-direction:column;align-items:center;gap:20px;padding:20px 0;display:flex}.loader{--color-1:#fff;--size:1.5px;width:calc(48 * var(--size));height:calc(48 * var(--size));border-top:calc(3 * var(--size)) solid var(--color-1);border-right:calc(3 * var(--size)) solid transparent;box-sizing:border-box;border-radius:50%;animation:1s linear infinite rotation;display:inline-block}@keyframes rotation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.global-tooltip{background-color:var(--color-text);color:var(--color-bg);pointer-events:none;opacity:0;z-index:9999;white-space:nowrap;border-radius:8px;padding:8px 14px;font-size:.9rem;font-weight:600;transition:opacity .2s,transform .2s;position:absolute;transform:translate(-50%,10px)}.global-tooltip.show{opacity:1;transform:translate(-50%)}.global-tooltip:after{content:"";border-style:solid;border-width:6px;border-color:var(--color-text) transparent transparent transparent;margin-left:-6px;position:absolute;top:100%;left:50%}.promo-banner{background-color:var(--color-neutral-100);border-bottom:1px solid var(--color-neutral-200);color:var(--color-text);font-family:var(--font-text);text-align:center;justify-content:center;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.875rem;font-weight:500;text-decoration:none;transition:background-color .2s,color .2s;display:none}.promo-banner:hover{background-color:var(--color-neutral-200);color:var(--color-primary)}.promo-banner-icon{color:var(--color-primary);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.promo-banner-icon svg{fill:currentColor;width:1.25rem;height:1.25rem}#storyReport.format-3x4{height:1350px}#storyReport.format-1x1{height:1080px}#storyReport.format-3x4 .story-header{height:12%}#storyReport.format-3x4 .story-column h3,#storyReport.format-1x1 .story-column h3{margin-bottom:30px;font-size:3.2rem!important}#storyReport.format-3x4 .story-list{gap:30px!important}#storyReport.format-3x4 .story-text,#storyReport.format-1x1 .story-text{font-size:2.2rem!important}#storyReport.format-3x4 .story-rank,#storyReport.format-1x1 .story-rank{width:70px!important;font-size:3rem!important}#storyReport.format-3x4 .story-footer .footer-stat-group,#storyReport.format-1x1 .story-footer .footer-stat-group{flex-direction:row!important}#storyReport.format-3x4 #storyScrobblesLabel,#storyReport.format-1x1 #storyScrobblesLabel{display:none!important}#storyReport.format-3x4 .story-column h3{margin-bottom:45px!important}#storyReport.format-1x1 .story-header,#storyReport.format-1x1 .story-separator,#storyReport.format-1x1 .story-avatar-container{display:none!important}#storyReport.format-1x1 .story-meta{display:block;font-size:1.1rem!important}#storyReport.format-1x1 .story-info-container{padding-top:15px!important}#storyReport.format-1x1 .story-column h3{margin-bottom:30px!important;font-size:2.1rem!important}#storyReport.format-1x1 .story-text{font-size:1.8rem!important}#storyReport.format-1x1 .story-rank{width:50px!important;font-size:2.2rem!important}#storyReport.format-1x1 .story-list{gap:35px!important}#storyReport.format-1x1 .story-brand{font-size:.95rem!important}.faq-modal-content{text-align:left;background-color:var(--color-bg);width:92%;max-width:580px;max-height:85vh;box-shadow:var(--shadow-md);flex-direction:column;padding:1.75rem;display:flex;overflow:hidden}.faq-header{flex-shrink:0}.faq-header h2{text-align:left;margin-bottom:.25rem}.faq-list{flex-direction:column;flex:1;gap:.75rem;min-height:0;margin-top:1rem;padding-right:.5rem;display:flex;overflow-y:auto}.faq-list::-webkit-scrollbar{width:6px}.faq-list::-webkit-scrollbar-track{background:0 0}.faq-list::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:4px}.faq-list::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted)}.faq-item{border-radius:var(--radius-md);background-color:#eb575714;border:none;flex-shrink:0;transition:background-color .2s;overflow:hidden}[data-theme=dark] .faq-item,.faq-item:hover{background-color:#eb57571f}[data-theme=dark] .faq-item:hover{background-color:#eb575729}.faq-item[open]{background-color:#eb57571a}[data-theme=dark] .faq-item[open]{background-color:#eb575726}.faq-question{color:var(--color-text);cursor:pointer;-webkit-user-select:none;user-select:none;outline:none;justify-content:space-between;align-items:center;padding:.9rem 1rem;font-size:.95rem;font-weight:600;list-style:none;display:flex}.faq-question::-webkit-details-marker{display:none}.faq-question:after{content:"+";color:var(--color-text-muted);flex-shrink:0;margin-left:.5rem;font-size:1.2rem;font-weight:400;transition:transform .2s}.faq-item[open] .faq-question:after{content:"−";color:var(--color-brand)}.faq-answer{color:var(--color-text);border:none;padding:0 1rem 1rem;font-size:.88rem;line-height:1.55;overflow:visible}.faq-answer p{margin-bottom:.5rem}.faq-answer p:last-child{margin-bottom:0}.faq-links-list{flex-direction:column;gap:.5rem;margin:.5rem 0 0;padding:0;list-style:none;display:flex}.faq-links-list li{font-size:.85rem}.faq-links-list a{color:var(--color-primary);word-break:break-word;text-decoration:underline;transition:opacity .2s}.faq-links-list a:hover{opacity:.8}.fab-wrapper{z-index:1000!important;align-items:center!important;gap:.75rem!important;transition:transform .3s cubic-bezier(.175,.885,.32,1.275),opacity .3s!important;display:flex!important;position:fixed!important;bottom:2rem!important;left:50%!important;transform:translate(-50%)!important}.fab-wrapper.hidden{opacity:0!important;pointer-events:none!important;transform:translate(-50%)translateY(100px)!important}.fab-wrapper .fab-generate{position:static!important;transform:none!important}.fab-wrapper .fab-generate:hover{transform:scale(1.05)!important}.fab-wrapper .fab-generate:active{transform:scale(.95)!important}.fab-generate{color:#000!important;font-family:var(--font-title)!important;cursor:pointer!important;z-index:1000!important;-webkit-backdrop-filter:blur(20px)!important;backdrop-filter:blur(20px)!important;background:#ffffffd9!important;border:1px solid #0000001a!important;border-radius:40px!important;align-items:center!important;gap:10px!important;padding:14px 28px!important;font-size:1.05rem!important;font-weight:600!important;transition:transform .3s cubic-bezier(.175,.885,.32,1.275),opacity .3s!important;display:flex!important;position:fixed!important;bottom:2rem!important;left:50%!important;right:auto!important;transform:translate(-50%)!important;box-shadow:0 8px 32px #00000026!important}.fab-generate.fab-secondary{color:var(--color-text)!important;border:1px solid var(--color-border)!important;background:#f0f0f5e6!important}.fab-generate.fab-icon-btn{border-radius:50%!important;justify-content:center!important;align-items:center!important;width:3.25rem!important;min-width:3.25rem!important;height:3.25rem!important;padding:0!important;display:flex!important}.fab-generate.fab-icon-btn svg{width:1.25rem!important;height:1.25rem!important;margin:0!important}.match-faq-info{color:var(--color-text-muted);text-align:center;justify-content:center;align-items:center;gap:.5rem;margin-top:3rem;margin-bottom:1rem;font-size:.875rem;display:flex}.match-faq-info svg{flex-shrink:0}.faq-inline-btn{color:var(--color-primary);cursor:pointer;font-weight:600;font-size:inherit;background:0 0;border:none;padding:0;font-family:inherit;text-decoration:underline}.faq-inline-btn:hover{opacity:.8}[data-theme=dark] .fab-generate.fab-secondary{color:#fff!important;background:#2d2d30e6!important;border:1px solid #ffffff26!important}[data-theme=dark] .fab-generate{color:#fff!important;background:#1e1e1ed9!important;border:1px solid #ffffff1a!important;box-shadow:0 8px 32px #0006!important}.fab-generate:hover{transform:translate(-50%)scale(1.05)!important}.fab-generate:active{transform:translate(-50%)scale(.95)!important}.fab-generate.hidden{opacity:0!important;pointer-events:none!important;transform:translate(-50%)translateY(100px)!important}.bubble-toast{background-color:var(--color-surface);color:var(--color-text);border-radius:var(--radius-full);z-index:2000;opacity:0;pointer-events:none;padding:.65rem 1.25rem;font-size:.875rem;font-weight:600;transition:opacity .25s,transform .25s cubic-bezier(.16,1,.3,1);position:fixed;top:1.5rem;left:50%;transform:translate(-50%)translateY(-20px);box-shadow:0 8px 24px #0003}.bubble-toast.show{opacity:1;transform:translate(-50%)translateY(0)}@media (width<=480px){.fab-wrapper{justify-content:center;width:calc(100% - 2rem);gap:.5rem!important;bottom:1.25rem!important}.fab-wrapper .fab-generate{padding:12px 18px!important;font-size:.95rem!important}}.modal{z-index:9999;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);opacity:0;visibility:hidden;pointer-events:none;box-sizing:border-box;background-color:#000000a6;justify-content:center;align-items:center;width:100%;height:100%;padding:1rem;transition:opacity .3s,visibility .3s;position:fixed;top:0;left:0;display:flex!important}.modal.show{opacity:1;visibility:visible;pointer-events:auto}.modal .settings-sheet{width:100%;max-width:440px}.settings-sheet{box-shadow:0 20px 40px #00000026;text-align:left!important;background:#fff!important;border:1px solid #fff6!important;border-radius:24px!important;padding:1.5rem 2rem!important}[data-theme=dark] .settings-sheet{background:#1e1e1e!important;border:1px solid #ffffff1a!important}.sheet-header{justify-content:space-between;align-items:center;margin-bottom:1.5rem;display:flex}.sheet-header h2{font-weight:500;margin:0!important;font-size:1.4rem!important}.icon-button{cursor:pointer;width:32px;height:32px;color:var(--color-text);border:none;border-radius:50%;justify-content:center;align-items:center;padding:0;transition:opacity .2s;display:flex;background:0 0!important}[data-theme=dark] .icon-button{background:0 0!important}.icon-button:hover{opacity:.7;background:0 0!important}.segmented-control{background:#0000000d;border-radius:12px;gap:4px;margin-top:.5rem;padding:4px;display:flex}[data-theme=dark] .segmented-control{background:#ffffff1a}.segment-btn{color:var(--color-text-muted);cursor:pointer;background:0 0;border:none;border-radius:8px;flex:1;padding:8px 2px;font-size:.8rem;font-weight:600;transition:all .2s}.segment-btn.active{background:var(--color-card);color:var(--color-text);box-shadow:0 2px 8px #0000001a}.bg-palette.circular{justify-content:space-between;align-items:center;gap:.5rem;margin-top:1rem;margin-bottom:.5rem;padding:.25rem 0;display:flex}.bg-palette.circular .bg-option{aspect-ratio:1;cursor:pointer;flex-shrink:0;justify-content:center;align-items:center;width:40px;min-width:40px;height:40px;min-height:40px;padding:0;transition:transform .2s cubic-bezier(.175,.885,.32,1.275);display:flex;position:relative;box-shadow:none!important;background:currentColor!important;border:none!important;border-radius:50%!important}.bg-palette.circular .bg-option:hover{transform:scale(1.08)}.bg-palette.circular .bg-option:active{transform:scale(.94)}.bg-palette.circular .bg-option .bg-circle-icon{opacity:.95;flex-shrink:0;width:100%;height:100%;transition:opacity .2s,transform .2s;display:block}.bg-palette.circular .bg-option:hover .bg-circle-icon,.bg-palette.circular .bg-option.selected .bg-circle-icon{opacity:1}.bg-palette.circular .bg-option .bg-check-icon{pointer-events:none;opacity:0;transition:opacity .2s,transform .25s cubic-bezier(.175,.885,.32,1.275);transform:scale(.5);justify-content:center!important;align-items:center!important;width:20px!important;height:20px!important;display:flex!important;position:static!important;top:auto!important;left:auto!important}.bg-palette.circular .bg-option:hover .bg-check-icon{opacity:.6;transform:scale(.85)}.bg-palette.circular .bg-option.selected .bg-check-icon,.bg-palette.circular .bg-option.selected:hover .bg-check-icon{opacity:1;transform:scale(1)}@media (width<=420px){.settings-sheet{padding:1.5rem 1.25rem!important}.bg-palette.circular{gap:.35rem}.bg-palette.circular .bg-option{width:36px;min-width:36px;height:36px;min-height:36px}.bg-palette.circular .bg-option .bg-check-icon{width:18px!important;height:18px!important}}.apple-toggle{border-top:1px solid var(--color-border);justify-content:space-between;align-items:center;margin-top:1.5rem;padding-top:1.5rem;display:flex}.full-width{border-radius:14px;justify-content:center;align-items:center;gap:.5rem;width:100%;margin-top:1.5rem;padding:14px;font-size:1.1rem;display:inline-flex}#generationModal,#lyricsExportModal{z-index:9999;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);opacity:0;visibility:hidden;pointer-events:none;background-color:#000000bf;justify-content:center;align-items:center;width:100%;height:100%;transition:opacity .35s,visibility .35s;position:fixed;top:0;left:0;display:flex!important}#generationModal.show,#lyricsExportModal.show{opacity:1;visibility:visible;pointer-events:auto}#generationModal .apple-alert,#lyricsExportModal .apple-alert{margin:auto;transition:transform .35s cubic-bezier(.16,1,.3,1);transform:scale(.9);box-shadow:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background:0 0!important;border:none!important;width:auto!important;max-width:none!important;padding:0!important}[data-theme=dark] #generationModal .apple-alert,[data-theme=dark] #lyricsExportModal .apple-alert{box-shadow:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background:0 0!important;border:none!important}#generationModal.show .apple-alert,#lyricsExportModal.show .apple-alert{transform:scale(1)}#generationModal #generationStateLoading{justify-content:center;align-items:center;width:100%;height:auto;display:flex}#generationModal #generationStateComplete{color:#fff;justify-content:center;align-items:center;display:none}#generationModal #generationStateComplete svg,#generationModal #generationStateComplete animate-icons{color:#fff;filter:drop-shadow(0 6px 24px #00000080);width:88px;height:88px}.apple-alert{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);text-align:center;margin:auto;background:#ffffffe6!important;border-radius:20px!important;width:280px!important;padding:2.5rem 2rem!important}[data-theme=dark] .apple-alert{background:#282828e6!important;border:1px solid #ffffff1a!important}.dot-loader{justify-content:center;align-items:center;gap:6px;height:40px;display:flex}.dot-loader span{background-color:var(--color-text);border-radius:50%;width:10px;height:10px;animation:1.4s ease-in-out infinite both bounce}.dot-loader span:first-child{animation-delay:-.32s}.dot-loader span:nth-child(2){animation-delay:-.16s}@keyframes bounce{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}.apple-toggle input:checked+.slider{border-color:#0000;background-color:#34c759!important}.modal-select{width:100%;color:var(--color-text);appearance:none;cursor:pointer;background:#eaeaea url("data:image/svg+xml;charset=UTF-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23888' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E") right 1rem center/1.2em no-repeat;border-radius:12px;margin-top:.5rem;padding:12px 2.5rem 12px 12px;font-size:1rem;font-weight:500}.modal-select option{background-color:var(--color-bg);color:var(--color-text)}[data-theme=dark] .modal-select{background:#ffffff0d}.checkmark-circle{background:#34c759;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;margin:0 auto 1.5rem;display:flex}.checkmark{stroke:#fff;stroke-width:4px;stroke-linecap:round;stroke-linejoin:round;width:30px;height:30px}.checkmark__check{transform-origin:50%;stroke-dasharray:48;stroke-dashoffset:48px;animation:.6s cubic-bezier(.65,0,.45,1) forwards stroke}@keyframes stroke{to{stroke-dashoffset:0}}.modal-subtitle{color:var(--color-text-muted);margin-top:.5rem;font-size:.9rem}.mobile-menu-btn{display:none}@media (width<=768px){.mobile-menu-btn{color:var(--color-text);cursor:pointer;border-radius:var(--radius-full);background:0 0;border:none;justify-content:center;align-items:center;width:2.25rem;height:2.25rem;transition:background-color .2s,transform .1s;display:flex}.mobile-menu-btn:active{transform:scale(.92)}.home-header{z-index:100;width:90%;margin:0 auto;padding:.5rem 1rem;position:fixed;top:.75rem;left:0;right:0}.home-header .header-brand-group{position:static}.home-header .header-divider{display:none}.home-header .header-actions{align-items:center;gap:.25rem;display:flex}.home-header .theme-toggle-btn,.home-header .github-link-btn,.home-header .bmac-link-btn,.home-header .faq-header-btn,.home-header .share-header-btn{width:2.25rem;height:2.25rem}.home-header .header-nav{box-sizing:border-box;-webkit-backdrop-filter:blur(20px)saturate(180%);backdrop-filter:blur(20px)saturate(180%);border-radius:var(--radius-lg);z-index:1000;background-color:#f1f1f2f5;flex-direction:column;align-items:stretch;gap:.25rem;width:100%;padding:.75rem 1rem;display:none;position:absolute;top:calc(100% + .5rem);left:0;right:0;box-shadow:0 12px 30px #0000001f}[data-theme=dark] .home-header .header-nav{background-color:#111111f5;box-shadow:0 12px 30px #00000073}.home-header.menu-open .header-nav{animation:.2s cubic-bezier(.16,1,.3,1) forwards headerDropdownFade;display:flex}.home-header .header-nav .nav-link{border-radius:var(--radius-md);color:var(--color-text-muted);align-items:center;padding:.75rem 1rem;font-size:1rem;font-weight:500;transition:background-color .15s,color .15s;display:flex}.home-header .header-nav .nav-link.active{color:var(--color-text);background-color:#0000000d;font-weight:600}[data-theme=dark] .home-header .header-nav .nav-link.active{background-color:#ffffff14}.home-header .header-nav .nav-link:hover,.home-header .header-nav .nav-link:active{color:var(--color-text);background-color:#0000000d}[data-theme=dark] .home-header .header-nav .nav-link:hover,[data-theme=dark] .home-header .header-nav .nav-link:active{color:var(--color-text);background-color:#ffffff14}#storyReportBackgroundImg{object-position:center 15%!important}.user-info-wrapper{width:100%;flex-direction:column!important;justify-content:center!important;align-items:center!important}.user-info-wrapper .user-info-details{width:100%;text-align:center!important;align-items:center!important}.user-info-wrapper .user-display-name{text-align:center!important;margin-left:auto!important;margin-right:auto!important}.user-info-wrapper .user-display-name.skeleton{margin-left:auto!important;margin-right:auto!important}.chart-card h2{text-align:center!important}.landing-card{margin-bottom:3rem;padding:2rem 1.25rem}.match-inputs-container{gap:.5rem}.landing-title{font-size:1.85rem}.main-container{padding:5.5rem 1rem 1.5rem!important}.home-header .share-header-btn,.home-header .faq-header-btn{display:none!important}.mobile-actions-bar{z-index:5;justify-content:center;width:100%;margin-top:-1rem;margin-bottom:2rem;padding:0 1rem;display:flex;position:relative}}@keyframes headerDropdownFade{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes entryFadeDown{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}@keyframes entryFadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.landing-card{animation:none!important}body:has(.landing-card) .home-header{animation:none!important}.feature-section{opacity:1!important;transition:none!important;transform:none!important}}.lyrics-results-container{-webkit-user-select:none;user-select:none;flex-direction:column;align-items:center;gap:2.5rem;width:100%;max-width:1280px;margin:0 auto;padding:0 1.5rem 3.5rem;display:flex}.lyrics-results-header{text-align:center;margin-top:1rem}.lyrics-results-title{letter-spacing:-.5px;margin-bottom:.5rem;font-size:2.25rem;font-weight:700}.lyrics-results-subtitle{color:var(--color-text-muted);font-size:1rem}.lyrics-cards-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:1.5rem;width:100%;margin:3rem 0;display:grid}.lyrics-cards-grid.is-centered{flex-wrap:wrap;justify-content:center;display:flex}.lyrics-cards-grid:has(>.lyrics-result-card:first-child:nth-last-child(-n+3)){flex-wrap:wrap;justify-content:center;display:flex}.lyrics-cards-grid.is-centered .lyrics-result-card{width:100%;max-width:230px}.lyrics-cards-grid:has(>.lyrics-result-card:first-child:nth-last-child(-n+3))>.lyrics-result-card{width:100%;max-width:230px}.lyrics-result-card{background-color:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);text-align:left;opacity:0;-webkit-user-select:none;user-select:none;flex-direction:column;align-items:stretch;padding:1.25rem;animation:.45s cubic-bezier(.16,1,.3,1) forwards lyricsCardFadeIn;display:flex;transform:translateY(16px)}@keyframes lyricsCardFadeIn{to{opacity:1;transform:translateY(0)}}.lyrics-result-card:first-child{animation-delay:50ms}.lyrics-result-card:nth-child(2){animation-delay:.12s}.lyrics-result-card:nth-child(3){animation-delay:.19s}.lyrics-result-card:nth-child(4){animation-delay:.26s}.lyrics-result-card:nth-child(5){animation-delay:.33s}.lyrics-card-cover-wrapper{aspect-ratio:1;border-radius:var(--radius-md);-webkit-user-select:none;user-select:none;background-color:#0000000d;width:100%;margin-bottom:1rem;position:relative;overflow:hidden}[data-theme=dark] .lyrics-card-cover-wrapper{background-color:#ffffff0d}.lyrics-card-cover{object-fit:cover;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;pointer-events:none;width:100%;height:100%;display:block}.lyrics-card-info{text-align:left;flex-direction:column;flex:1;align-items:flex-start;width:100%;margin-bottom:1.25rem;display:flex}.lyrics-card-title{color:var(--color-text);text-align:left;-webkit-line-clamp:2;word-break:break-word;-webkit-box-orient:vertical;width:100%;margin-bottom:.35rem;font-size:1.05rem;font-weight:600;line-height:1.35;display:-webkit-box;overflow:hidden}.lyrics-card-artist{color:var(--color-text-muted);text-align:left;width:100%;font-size:.88rem;line-height:1.3}.lyrics-card-artist-name{font-family:var(--font-serif);color:var(--color-text);font-size:1.05rem;font-style:italic;font-weight:600}.lyrics-card-btn{border-radius:var(--radius-full);cursor:pointer;border:none;width:100%;height:2.75rem;margin-top:auto;padding:0 1rem;font-size:.95rem;font-weight:600}.lyrics-not-found-wrapper{text-align:center;flex-direction:column;align-items:center;gap:.75rem;margin-top:.75rem;display:flex}.lyrics-not-found-text{color:var(--color-text-muted);font-size:.95rem}.lyrics-retry-btn{background-color:var(--color-card);border:1px solid var(--color-border);color:var(--color-text);border-radius:var(--radius-full);align-items:center;gap:.4rem;padding:.7rem 1.45rem;font-size:.9rem;font-weight:600;text-decoration:none;transition:background-color .15s,border-color .15s,color .15s;display:inline-flex}.lyrics-retry-btn:hover{border-color:var(--color-accent);color:var(--color-accent)}@media (width<=1100px){.lyrics-cards-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=640px){.lyrics-results-container{gap:1.25rem;padding:0 .85rem 2.5rem}.lyrics-results-header{margin-top:.5rem}.lyrics-results-title{margin-bottom:.35rem;font-size:1.65rem}.lyrics-results-subtitle{font-size:.88rem}.lyrics-cards-grid,.lyrics-cards-grid.is-centered{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:.75rem!important;max-width:100%!important;margin:1.25rem 0!important;display:grid!important}.lyrics-cards-grid:has(>.lyrics-result-card:first-child:nth-last-child(-n+3)){grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:.75rem!important;max-width:100%!important;margin:1.25rem 0!important;display:grid!important}.lyrics-cards-grid>.lyrics-result-card:nth-child(n+5){display:none!important}.lyrics-cards-grid.is-centered .lyrics-result-card{max-width:100%!important}.lyrics-cards-grid:has(>.lyrics-result-card:first-child:nth-last-child(-n+3))>.lyrics-result-card{max-width:100%!important}.lyrics-result-card{border-radius:var(--radius-md);padding:.75rem}.lyrics-card-cover-wrapper{border-radius:8px;margin-bottom:.5rem}.lyrics-card-info{margin-bottom:.65rem}.lyrics-result-card .lyrics-card-title{margin-bottom:.2rem;font-size:.84rem;line-height:1.25}.lyrics-result-card .lyrics-card-artist{font-size:.74rem;line-height:1.2}.lyrics-card-btn{height:2.2rem;padding:0 .5rem;font-size:.82rem}.lyrics-sheet-card{gap:1.25rem;padding:1.25rem 1rem}.lyrics-sheet-header{gap:.75rem;padding-bottom:1rem}.lyrics-track-thumb{border-radius:10px;width:3.5rem;height:3.5rem}.lyrics-track-name{font-size:1.1rem}.lyrics-track-by{font-size:.82rem}.lyrics-translate-btn{padding:.5rem .85rem;font-size:.82rem}.lyric-line-item{padding:.65rem .85rem}}.lyrics-select-container{-webkit-user-select:none;user-select:none;flex-direction:column;align-items:center;gap:1.5rem;width:100%;max-width:740px;margin:0 auto;padding:0 1rem 3.5rem;display:flex}.lyrics-sheet-card{background-color:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);-webkit-user-select:none;user-select:none;flex-direction:column;gap:1.75rem;width:100%;padding:2.25rem 2.5rem;display:flex}.lyrics-sheet-header{border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;gap:1rem;padding-bottom:1.5rem;display:flex}.lyrics-track-info-group{align-items:center;gap:1.25rem;min-width:0;display:flex}.lyrics-track-thumb{border-radius:var(--radius-md);object-fit:cover;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;pointer-events:none;flex-shrink:0;width:4.5rem;height:4.5rem}.lyrics-track-meta{text-align:left;flex-direction:column;align-items:flex-start;gap:.25rem;min-width:0;display:flex}.lyrics-track-name{color:var(--color-text);word-break:break-word;font-size:1.35rem;font-weight:700;line-height:1.2}.lyrics-track-by{color:var(--color-text-muted);font-size:.92rem}.lyrics-translate-group{flex-shrink:0;align-items:center;gap:.5rem;display:inline-flex}.lyrics-lang-select{background-color:var(--color-bg);border:1px solid var(--color-border);height:38px;color:var(--color-text);border-radius:var(--radius-full);cursor:pointer;appearance:none;background-image:url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2214%22%20height%3D%2214%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23888888%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpolyline%20points%3D%226%209%2012%2015%2018%209%22%3E%3C%2Fpolyline%3E%3C%2Fsvg%3E);background-position:right .65rem center;background-repeat:no-repeat;background-size:11px;outline:none;padding:0 1.85rem 0 .85rem;font-size:.85rem;font-weight:500;transition:border-color .15s,color .15s}.lyrics-lang-select:hover,.lyrics-lang-select:focus{border-color:var(--color-accent)}.lyrics-lang-select option{background-color:var(--color-card);color:var(--color-text)}.lyrics-translate-btn{background-color:var(--color-bg);border:1px solid var(--color-border);color:var(--color-text);border-radius:var(--radius-full);cursor:pointer;flex-shrink:0;align-items:center;gap:.45rem;padding:.6rem 1.15rem;font-size:.88rem;font-weight:600;transition:background-color .15s,border-color .15s,color .15s;display:inline-flex}.lyrics-translate-btn:hover{border-color:var(--color-accent);color:var(--color-accent)}.lyrics-translate-btn.active{background-color:var(--color-primary);color:var(--color-primary-text);border-color:var(--color-primary)}.lyrics-select-instruction{color:var(--color-text-muted);justify-content:space-between;align-items:center;padding:0 .25rem;font-size:.88rem;display:flex}.lyrics-count-badge{color:var(--color-brand);font-weight:700}.lyrics-lines-wrapper{flex-direction:column;gap:.5rem;width:100%;display:flex}.lyric-line-item{border-radius:var(--radius-md);cursor:pointer;text-align:left;-webkit-user-select:none;user-select:none;background-color:#0000;border:1px solid #0000;flex-direction:column;gap:.2rem;padding:.85rem 1.25rem;transition:background-color .15s,color .15s;display:flex}.lyric-line-item:hover{background-color:#0000000a}[data-theme=dark] .lyric-line-item:hover{background-color:#ffffff0f}.lyrics-step{flex-direction:column;align-items:center;width:100%;display:flex}.lyrics-step.fade-in{animation:.3s cubic-bezier(.16,1,.3,1) forwards lyricStepFadeIn}@keyframes lyricStepFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes lyricFadeDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.lyric-line-text{color:var(--color-text);font-size:1.05rem;line-height:1.45;animation:.25s cubic-bezier(.16,1,.3,1) forwards lyricFadeDown}.lyric-line-original{color:var(--color-text-muted);font-size:.82rem;line-height:1.25;animation:.2s cubic-bezier(.16,1,.3,1) forwards lyricFadeDown}.lyric-line-translated{color:var(--color-text);font-size:1.05rem;font-weight:500;line-height:1.45;animation:.3s cubic-bezier(.16,1,.3,1) forwards lyricFadeDown}.lyric-line-item.selected{border:1px solid #0000001f;background-color:#fff!important}.lyric-line-item.selected .lyric-line-text,.lyric-line-item.selected .lyric-line-translated{font-weight:600;color:#17181a!important}.lyric-line-item.selected .lyric-line-original{color:#737373!important}.lyrics-credits{border-top:1px solid var(--color-border);color:var(--color-text-muted);text-align:center;justify-content:center;align-items:center;gap:.35rem;padding-top:1.5rem;font-size:.82rem;display:flex}.lyrics-credits a{color:var(--color-text-muted);text-decoration:underline;transition:color .15s}.lyrics-credits a:hover{color:var(--color-text)}@media (width<=640px){.lyrics-sheet-card{gap:1.25rem;padding:1.5rem 1.25rem}.lyrics-sheet-header{flex-direction:column;align-items:flex-start}.lyrics-translate-group{align-self:flex-end}.lyrics-track-thumb{width:3.75rem;height:3.75rem}.lyrics-track-name{font-size:1.15rem}.lyric-line-item{padding:.75rem 1rem;font-size:.95rem}}.lyrics-scroll-down-btn{background-color:var(--color-card);border:1px solid var(--color-border);width:44px;height:44px;color:var(--color-text);cursor:pointer;z-index:99;-webkit-user-select:none;user-select:none;border-radius:50%;justify-content:center;align-items:center;transition:transform .2s cubic-bezier(.16,1,.3,1),opacity .2s,border-color .2s,background-color .2s,color .2s;display:none;position:fixed;bottom:2rem;right:2rem;box-shadow:0 4px 16px #0000001f}.lyrics-scroll-down-btn:hover{border-color:var(--color-accent);color:var(--color-accent);transform:translateY(2px)}@media (width<=640px){.lyrics-scroll-down-btn{width:40px;height:40px;bottom:1.25rem;right:1.25rem}}.lyrics-controls-bar{justify-content:center;align-items:center;width:100%;margin:1.25rem 0 2rem;display:flex;position:relative}.lyrics-controls-bar .lyrics-format-segmented{width:220px;margin:0}.lyrics-settings-btn{box-shadow:none;width:34px;height:34px;color:var(--color-text-muted);cursor:pointer;background:0 0;border:none;outline:none;justify-content:center;align-items:center;padding:0;transition:color .15s,transform .2s;display:inline-flex;position:absolute;left:calc(50% + 122px)}.lyrics-settings-btn:hover{color:var(--color-text);transform:rotate(30deg)}.lyrics-layouts-grid{grid-template-columns:repeat(3,1fr);align-items:start;gap:1.5rem;width:100%;display:grid}@media (width<=900px){.lyrics-layouts-grid{grid-template-columns:1fr;max-width:380px}}.lyrics-layout-item{cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:28px;flex-direction:column;gap:.75rem;display:flex}.lyrics-layout-item-header{justify-content:space-between;align-items:center;padding:0 .5rem;display:flex}.lyrics-layout-item-title{color:var(--color-text);font-size:.95rem;font-weight:700}.lyrics-layout-item-badge{border:2px solid var(--color-border);color:#0000;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;transition:all .2s;display:flex}.lyrics-layout-item.selected .lyrics-layout-item-badge{background-color:var(--color-primary);border-color:var(--color-primary);color:var(--color-primary-text)}.lyrics-layout-frame{border:1px solid var(--color-border);box-sizing:border-box;border-radius:28px;justify-content:center;align-items:center;width:100%;transition:border-color .2s,box-shadow .2s;display:flex;position:relative;overflow:hidden}.lyrics-layout-item.selected .lyrics-layout-frame{border-color:var(--color-primary)}.lyrics-layout-frame.format-card{background-color:#00000008;min-height:380px;padding:2.5rem 1.25rem}[data-theme=dark] .lyrics-layout-frame.format-card{background-color:#ffffff08}.lyrics-layout-frame.format-story{aspect-ratio:9/16;border-radius:28px;min-height:520px;padding:2.5rem 1.25rem}.lyrics-export-wrapper,.lyrics-export-wrapper *{box-sizing:border-box}.lyrics-export-wrapper.export-card{width:320px!important;min-width:320px!important;max-width:320px!important}.lyrics-export-wrapper.export-card .lyrics-card-target{width:320px!important;min-width:320px!important;max-width:320px!important;box-shadow:none!important;border-radius:22px!important;gap:1.25rem!important;padding:1.5rem!important}.lyrics-export-wrapper.export-card .lyrics-card-thumb{border-radius:10px!important;width:44px!important;height:44px!important}.lyrics-export-wrapper.export-card .lyrics-card-blurred .lyrics-card-thumb{border-radius:10px!important;width:48px!important;height:48px!important}.lyrics-export-wrapper.export-card .lyrics-card-title{font-size:.95rem!important;line-height:1.25!important}.lyrics-export-wrapper.export-card .lyrics-card-blurred .lyrics-card-title{font-size:.9rem!important}.lyrics-export-wrapper.export-card .lyrics-card-artist{font-size:.78rem!important}.lyrics-export-wrapper.export-card .lyrics-card-blurred .lyrics-card-artist{font-size:.76rem!important}.lyrics-export-wrapper.export-card .lyrics-card-lines{gap:.75rem!important}.lyrics-export-wrapper.export-card .lyrics-card-line{font-size:1.15rem!important;line-height:1.35!important}.lyrics-export-wrapper.export-card .lyrics-card-line-orig{font-size:.75rem!important}.lyrics-export-wrapper.export-card .lyrics-card-line-trans{font-size:1.15rem!important;line-height:1.35!important}.lyrics-export-wrapper.export-card .lyrics-card-lines.lines-count-3{gap:.85rem!important}.lyrics-export-wrapper.export-card .lyrics-card-lines.lines-count-3 .lyrics-card-line,.lyrics-export-wrapper.export-card .lyrics-card-lines.lines-count-3 .lyrics-card-line-trans{font-size:1.25rem!important}.lyrics-export-wrapper.export-card .lyrics-card-lines.lines-count-3 .lyrics-card-line-orig{font-size:.78rem!important}.lyrics-export-wrapper.export-card .lyrics-card-lines.lines-count-2{gap:.95rem!important}.lyrics-export-wrapper.export-card .lyrics-card-lines.lines-count-2 .lyrics-card-line,.lyrics-export-wrapper.export-card .lyrics-card-lines.lines-count-2 .lyrics-card-line-trans{font-size:1.36rem!important}.lyrics-export-wrapper.export-card .lyrics-card-lines.lines-count-2 .lyrics-card-line-orig{font-size:.82rem!important}.lyrics-export-wrapper.export-card .lyrics-card-lines.lines-count-1{gap:1rem!important}.lyrics-export-wrapper.export-card .lyrics-card-lines.lines-count-1 .lyrics-card-line,.lyrics-export-wrapper.export-card .lyrics-card-lines.lines-count-1 .lyrics-card-line-trans{font-size:1.5rem!important}.lyrics-export-wrapper.export-card .lyrics-card-lines.lines-count-1 .lyrics-card-line-orig{font-size:.86rem!important}.lyrics-export-wrapper.export-card .lyrics-card-service-logo{opacity:.72!important;margin-top:.45rem!important}.lyrics-export-wrapper.export-card .lyrics-card-blurred .lyrics-card-service-logo{margin-top:.4rem!important}.lyrics-export-wrapper.export-story{width:360px!important;min-width:360px!important;max-width:360px!important;height:640px!important;min-height:640px!important;max-height:640px!important;box-shadow:none!important;border:none!important;border-radius:0!important;justify-content:center!important;align-items:center!important;padding:2.5rem 1.25rem!important;display:flex!important;position:relative!important;overflow:hidden!important}.lyrics-export-wrapper.export-story .lyrics-card-target{border-radius:15px!important;gap:.6rem!important;width:250px!important;min-width:250px!important;max-width:250px!important;padding:.9rem 1rem!important;box-shadow:0 16px 40px #00000059!important}.lyrics-export-wrapper.export-story.export-solid .lyrics-card-target,.lyrics-export-wrapper.export-card .lyrics-card-target,.lyrics-card-solid{box-shadow:none!important}.lyrics-export-wrapper.export-story .lyrics-card-header{gap:.55rem!important}.lyrics-export-wrapper.export-story .lyrics-card-thumb{border-radius:6px!important;width:28px!important;height:28px!important}.lyrics-export-wrapper.export-story .lyrics-card-blurred .lyrics-card-thumb{border-radius:7px!important;width:32px!important;height:32px!important}.lyrics-export-wrapper.export-story .lyrics-card-title{font-size:.72rem!important;line-height:1.2!important}.lyrics-export-wrapper.export-story .lyrics-card-blurred .lyrics-card-title{font-size:.7rem!important}.lyrics-export-wrapper.export-story .lyrics-card-artist{font-size:.62rem!important}.lyrics-export-wrapper.export-story .lyrics-card-blurred .lyrics-card-artist{font-size:.6rem!important}.lyrics-export-wrapper.export-story .lyrics-card-lines{gap:.38rem!important}.lyrics-export-wrapper.export-story .lyrics-card-line{font-size:.78rem!important;line-height:1.28!important}.lyrics-export-wrapper.export-story .lyrics-card-line-orig{margin-bottom:1px!important;font-size:.56rem!important}.lyrics-export-wrapper.export-story .lyrics-card-line-trans{font-size:.78rem!important;line-height:1.28!important}.lyrics-export-wrapper.export-story .lyrics-card-lines.lines-count-3{gap:.44rem!important}.lyrics-export-wrapper.export-story .lyrics-card-lines.lines-count-3 .lyrics-card-line,.lyrics-export-wrapper.export-story .lyrics-card-lines.lines-count-3 .lyrics-card-line-trans{font-size:.85rem!important}.lyrics-export-wrapper.export-story .lyrics-card-lines.lines-count-3 .lyrics-card-line-orig{font-size:.6rem!important}.lyrics-export-wrapper.export-story .lyrics-card-lines.lines-count-2{gap:.5rem!important}.lyrics-export-wrapper.export-story .lyrics-card-lines.lines-count-2 .lyrics-card-line,.lyrics-export-wrapper.export-story .lyrics-card-lines.lines-count-2 .lyrics-card-line-trans{font-size:.92rem!important}.lyrics-export-wrapper.export-story .lyrics-card-lines.lines-count-2 .lyrics-card-line-orig{font-size:.64rem!important}.lyrics-export-wrapper.export-story .lyrics-card-lines.lines-count-1{gap:.55rem!important}.lyrics-export-wrapper.export-story .lyrics-card-lines.lines-count-1 .lyrics-card-line,.lyrics-export-wrapper.export-story .lyrics-card-lines.lines-count-1 .lyrics-card-line-trans{font-size:1rem!important}.lyrics-export-wrapper.export-story .lyrics-card-lines.lines-count-1 .lyrics-card-line-orig{font-size:.68rem!important}.lyrics-export-wrapper.export-story .lyrics-card-service-logo{opacity:.72!important;margin-top:.25rem!important}.lyrics-export-wrapper.export-story .lyrics-card-service-logo svg{max-width:42px!important;height:9px!important}.lyrics-export-wrapper.export-story .lyrics-card-blurred .lyrics-card-service-logo{margin-top:.2rem!important}.lyrics-export-wrapper.export-story .lyrics-card-divider{margin-top:.3rem!important;padding-top:.5rem!important}.format-story .lyrics-card-blurred,.export-story .lyrics-card-blurred{-webkit-backdrop-filter:blur(24px)}.lyrics-export-wrapper .story-blur-image{object-fit:cover;filter:blur(40px)brightness(.55);pointer-events:none;z-index:1;width:calc(100% + 80px);height:calc(100% + 80px);position:absolute;inset:-40px}.lyrics-card-target{z-index:2;box-sizing:border-box;border-radius:22px;flex-direction:column;gap:1.25rem;width:100%;max-width:320px;padding:1.5rem;display:flex;position:relative;overflow:hidden}.lyrics-card-header{text-align:left;align-items:center;gap:.85rem;min-width:0;display:flex}.lyrics-card-thumb{object-fit:cover;border-radius:10px;flex-shrink:0;width:44px;height:44px}.lyrics-card-meta{flex-direction:column;min-width:0;display:flex}.lyrics-card-title{word-break:break-word;font-size:.95rem;font-weight:700;line-height:1.25}.lyrics-card-blurred .lyrics-card-title{font-size:.9rem}.lyrics-card-artist{opacity:.75;font-size:.78rem;font-family:var(--font-secondary)}.lyrics-card-blurred .lyrics-card-artist{font-size:.76rem}.lyrics-card-lines{text-align:left;flex-direction:column;gap:.75rem;display:flex}.lyrics-card-line{font-size:1.15rem;font-weight:700;line-height:1.35}.lyrics-card-line-orig{opacity:.65;margin-bottom:2px;font-size:.75rem;font-weight:500;display:block}.lyrics-card-line-trans{font-size:1.15rem;font-weight:700;line-height:1.35;display:block}.lyrics-card-lines.lines-count-3{gap:.85rem}.lyrics-card-lines.lines-count-3 .lyrics-card-line,.lyrics-card-lines.lines-count-3 .lyrics-card-line-trans{font-size:1.25rem}.lyrics-card-lines.lines-count-3 .lyrics-card-line-orig{font-size:.78rem}.lyrics-card-lines.lines-count-2{gap:.95rem}.lyrics-card-lines.lines-count-2 .lyrics-card-line,.lyrics-card-lines.lines-count-2 .lyrics-card-line-trans{font-size:1.36rem}.lyrics-card-lines.lines-count-2 .lyrics-card-line-orig{font-size:.82rem}.lyrics-card-lines.lines-count-1{gap:1rem}.lyrics-card-lines.lines-count-1 .lyrics-card-line,.lyrics-card-lines.lines-count-1 .lyrics-card-line-trans{font-size:1.5rem}.lyrics-card-lines.lines-count-1 .lyrics-card-line-orig{font-size:.86rem}.lyrics-card-divider{border-top:1px solid #ffffff29;width:100%;margin-top:.75rem;padding-top:.75rem}.lyrics-card-blurred .lyrics-card-header{align-items:flex-start}.lyrics-card-blurred .lyrics-card-thumb{border-radius:10px;width:48px;height:48px}.lyrics-card-service-logo{opacity:.72;align-items:center;margin-top:.45rem;padding:0;line-height:1;display:flex}.lyrics-card-blurred .lyrics-card-service-logo{margin-top:.4rem}.lyrics-card-service-logo svg{fill:currentColor;width:auto;max-width:58px;height:12px;display:block}.format-story .lyrics-card-target{border-radius:15px;gap:.6rem;max-width:250px;padding:.9rem 1rem}.format-story .lyrics-card-header{gap:.55rem}.format-story .lyrics-card-thumb{border-radius:6px;width:28px;height:28px}.format-story .lyrics-card-blurred .lyrics-card-thumb{border-radius:7px;width:32px;height:32px}.format-story .lyrics-card-title{font-size:.72rem;line-height:1.2}.format-story .lyrics-card-blurred .lyrics-card-title{font-size:.7rem}.format-story .lyrics-card-artist{font-size:.62rem}.format-story .lyrics-card-blurred .lyrics-card-artist{font-size:.6rem}.format-story .lyrics-card-lines{gap:.38rem}.format-story .lyrics-card-line{font-size:.78rem;line-height:1.28}.format-story .lyrics-card-line-orig{margin-bottom:1px;font-size:.56rem}.format-story .lyrics-card-line-trans{font-size:.78rem;line-height:1.28}.format-story .lyrics-card-lines.lines-count-3,.export-story .lyrics-card-lines.lines-count-3{gap:.44rem}.format-story .lyrics-card-lines.lines-count-3 .lyrics-card-line,.format-story .lyrics-card-lines.lines-count-3 .lyrics-card-line-trans,.export-story .lyrics-card-lines.lines-count-3 .lyrics-card-line,.export-story .lyrics-card-lines.lines-count-3 .lyrics-card-line-trans{font-size:.85rem}.format-story .lyrics-card-lines.lines-count-3 .lyrics-card-line-orig,.export-story .lyrics-card-lines.lines-count-3 .lyrics-card-line-orig{font-size:.6rem}.format-story .lyrics-card-lines.lines-count-2,.export-story .lyrics-card-lines.lines-count-2{gap:.5rem}.format-story .lyrics-card-lines.lines-count-2 .lyrics-card-line,.format-story .lyrics-card-lines.lines-count-2 .lyrics-card-line-trans,.export-story .lyrics-card-lines.lines-count-2 .lyrics-card-line,.export-story .lyrics-card-lines.lines-count-2 .lyrics-card-line-trans{font-size:.92rem}.format-story .lyrics-card-lines.lines-count-2 .lyrics-card-line-orig,.export-story .lyrics-card-lines.lines-count-2 .lyrics-card-line-orig{font-size:.64rem}.format-story .lyrics-card-lines.lines-count-1,.export-story .lyrics-card-lines.lines-count-1{gap:.55rem}.format-story .lyrics-card-lines.lines-count-1 .lyrics-card-line,.format-story .lyrics-card-lines.lines-count-1 .lyrics-card-line-trans,.export-story .lyrics-card-lines.lines-count-1 .lyrics-card-line,.export-story .lyrics-card-lines.lines-count-1 .lyrics-card-line-trans{font-size:1rem}.format-story .lyrics-card-lines.lines-count-1 .lyrics-card-line-orig,.export-story .lyrics-card-lines.lines-count-1 .lyrics-card-line-orig{font-size:.68rem}.format-story .lyrics-card-divider{margin-top:.3rem;padding-top:.5rem}.format-story .lyrics-card-service-logo{opacity:.72;margin-top:.25rem}.format-story .lyrics-card-blurred .lyrics-card-service-logo{margin-top:.2rem}.format-story .lyrics-card-service-logo svg{max-width:42px;height:9px}.lyrics-card-modern-overlay{z-index:1;background:linear-gradient(#000000a6,#000000d1);position:absolute;inset:0}.story-blur-image{object-fit:cover;filter:blur(34px)brightness(.55);pointer-events:none;z-index:1;width:calc(100% + 48px);height:calc(100% + 48px);position:absolute;inset:-24px}.lyrics-layout-actions{justify-content:center;align-items:center;width:100%;max-width:320px;margin-top:2rem;display:flex}.lyrics-action-btn{border-radius:var(--radius-full);border:1px solid var(--color-border);background:var(--color-card);color:var(--color-text);cursor:pointer;flex:1;justify-content:center;align-items:center;gap:.5rem;padding:.85rem 1.5rem;font-size:.95rem;font-weight:600;transition:background-color .15s,border-color .15s;display:inline-flex}.lyrics-action-btn:hover{border-color:var(--color-accent);color:var(--color-accent)}.lyrics-action-btn-primary{border-radius:var(--radius-full);flex:1.25;justify-content:center;align-items:center;gap:.5rem;padding:.85rem 1.5rem;display:inline-flex}.lyrics-color-btn{border:2px solid var(--color-border);background:var(--color-bg);cursor:pointer;width:36px;height:36px;color:var(--color-text);border-radius:50%;justify-content:center;align-items:center;padding:0;transition:transform .15s,border-color .15s;display:flex;position:relative}.lyrics-color-btn:hover{transform:scale(1.08)}