@font-face{font-family:Nunito;font-style:normal;font-weight:200 1000;font-display:swap;src:url(/_next/static/media/abfec168c8990f67-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:Nunito;font-style:normal;font-weight:200 1000;font-display:swap;src:url(/_next/static/media/3131c862d4942660-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:Nunito;font-style:normal;font-weight:200 1000;font-display:swap;src:url(/_next/static/media/6a9c36ea9dc9b36b-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Nunito;font-style:normal;font-weight:200 1000;font-display:swap;src:url(/_next/static/media/e1694c6cb47c173f-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Nunito;font-style:normal;font-weight:200 1000;font-display:swap;src:url(/_next/static/media/ee40bb094c99a29a-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:Nunito Fallback;src:local("Arial");ascent-override:99.71%;descent-override:34.82%;line-gap-override:0.00%;size-adjust:101.39%}.__className_eef148{font-family:Nunito,Nunito Fallback;font-style:normal}.__variable_eef148{--font-nunito:"Nunito","Nunito Fallback"}body,html{overflow-x:hidden;position:relative;width:100%;overscroll-behavior-x:none;-webkit-overscroll-behavior-x:none;touch-action:pan-y}:root{--color-cream:#fcf5e5;--color-peach:#f8e2cf;--color-terracotta:#e2a07e;--color-rust:#c97c5d;--color-brown:#5e4c44;--color-brown-light:#856a5d;--rounded-sm:8px;--rounded-md:12px;--rounded-lg:16px;--rounded-full:9999px;--shadow-sm:0 2px 6px rgba(210,175,150,0.1);--shadow-md:0 4px 12px rgba(210,175,150,0.15);--shadow-lg:0 8px 24px rgba(210,175,150,0.2);--shadow-button:0 4px 0 var(--color-rust);--shadow-button-hover:0 6px 0 var(--color-rust);--shadow-button-active:0 2px 0 var(--color-rust);--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-6:1.5rem;--space-8:2rem;--space-12:3rem;--space-16:4rem;--text-xs:0.75rem;--text-sm:0.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:2rem;--text-4xl:2.5rem;--touch-target:44px;--transition-fast:150ms ease;--transition-normal:250ms ease;--container-max-width:768px;--container-padding-mobile:1rem;--container-padding-desktop:2rem}*{box-sizing:border-box;padding:0;margin:0}html{font-size:16px;scroll-behavior:smooth;scrollbar-gutter:stable}body{background-color:var(--color-cream);color:var(--color-brown);font-family:Nunito,sans-serif;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.faq-answer a,.header a,li a,p a{color:var(--color-terracotta);text-decoration:underline;transition:color var(--transition-fast)}.faq-answer a:hover,.header a:hover,li a:hover,p a:hover{color:var(--color-rust);text-decoration:underline}img{max-width:100%;height:auto;display:block}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer;background:none;border:none}button,input,select,textarea{font:inherit}.app-container{width:100%;min-height:100vh;max-width:var(--container-max-width);margin:0 auto;padding:var(--space-4) var(--container-padding-mobile);overflow-x:hidden}@media (min-width:768px){.app-container{padding:var(--space-8) var(--container-padding-desktop)}}.header{text-align:center;margin-bottom:var(--space-8)}.header h1{font-size:var(--text-3xl);margin-bottom:var(--space-2);font-weight:700;line-height:1.2}.header p{color:var(--color-brown-light);font-size:var(--text-base);max-width:36rem;margin:0 auto}@media (min-width:768px){.header h1{font-size:var(--text-4xl)}.header p{font-size:var(--text-lg)}}.grid{display:grid;grid-template-columns:1fr;grid-gap:var(--space-8);gap:var(--space-8);margin-bottom:var(--space-8);width:100%}@media (min-width:640px){.grid{grid-template-columns:repeat(2,1fr)}}.center{align-items:center}.center,.navbar{display:flex;justify-content:center}.navbar{margin-bottom:var(--space-6);border-bottom:2px solid var(--color-peach);padding-bottom:var(--space-4);overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.navbar::-webkit-scrollbar{display:none}.faq-answer a{font-weight:500}.nav-link{margin:10px var(--space-2);padding:var(--space-2) var(--space-4);color:var(--color-brown);text-decoration:none;border-radius:var(--rounded-full);font-weight:600;min-height:var(--touch-target);display:inline-flex;align-items:center;justify-content:center;transition:all var(--transition-fast)}.nav-link:hover{background-color:var(--color-peach)}.nav-link.active{background-color:var(--color-terracotta);color:white}.album-card,.card,.form-container,.now-playing{background-color:white;border-radius:var(--rounded-md);box-shadow:var(--shadow-md);border:2px solid var(--color-peach);padding:var(--space-4);margin-bottom:var(--space-4);transition:transform var(--transition-normal),box-shadow var(--transition-normal);max-width:100%}@media (min-width:768px){.album-card,.card,.form-container,.now-playing{padding:var(--space-6)}}.album-card:hover,.card:hover,.now-playing:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.section-title{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-4);font-size:var(--text-xl);font-weight:700}@media (min-width:768px){.section-title{font-size:var(--text-2xl)}}.green-icon{color:#22c55e}.terracotta-icon{color:var(--color-terracotta)}.album-card-container{display:flex;flex-direction:column}.album-image{position:relative;aspect-ratio:1/1;border-radius:var(--rounded-md);overflow:hidden;margin-bottom:var(--space-4)}.album-cover-image,.track-cover-image{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.album-image:hover .album-cover-image{transform:scale(1.05)}.album-title{font-weight:700;font-size:var(--text-lg);margin-bottom:var(--space-1);line-height:1.3}.album-artist{color:var(--color-brown-light);font-size:var(--text-base)}.recommendations-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,250px),1fr));grid-gap:var(--space-4);gap:var(--space-4);margin-bottom:var(--space-8)}@media (min-width:768px){.recommendations-grid{gap:var(--space-8)}}.recommendation-item{display:flex;flex-direction:column}.profile-link{margin-top:var(--space-2);text-align:center}.profile-button{display:inline-block;padding:var(--space-1) var(--space-3);border-radius:var(--rounded-full);background-color:var(--color-terracotta);color:white;font-size:var(--text-xs);text-decoration:none;transition:background-color var(--transition-fast)}.profile-button:hover{background-color:var(--color-rust)}.recommended-by{display:flex;align-items:center;gap:var(--space-2);margin-top:var(--space-2);font-size:var(--text-sm)}.now-playing,.now-playing a{overflow:hidden;max-width:100%}.now-playing a{display:flex;align-items:center;gap:var(--space-4)}.track-image{position:relative;width:4rem;height:4rem;min-width:4rem;flex-shrink:0;border-radius:var(--rounded-sm);overflow:hidden}.track-info{flex-grow:1;flex-shrink:1;min-width:0;width:calc(100% - 5rem);overflow:hidden;display:flex;flex-direction:column;justify-content:center}.playing-status{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-xs);color:#22c55e;flex-shrink:0;max-width:100%}.playing-status,.track-name{margin-bottom:var(--space-1)}.track-name{font-weight:600}.track-details{font-size:var(--text-sm);color:var(--color-brown-light)}.track-details,.track-name{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.button{background-color:var(--color-terracotta);color:white;font-weight:600;padding:var(--space-3) var(--space-6);border-radius:var(--rounded-full);border:none;font-size:var(--text-base);box-shadow:var(--shadow-button);min-height:var(--touch-target);min-width:var(--touch-target);display:inline-flex;align-items:center;justify-content:center;transition:all var(--transition-fast);white-space:nowrap}.button:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-button-hover)}.button:active:not(:disabled){transform:translateY(2px);box-shadow:var(--shadow-button-active)}.button:disabled{opacity:.7;cursor:not-allowed}.center .button{width:100%;max-width:300px}.form-container{margin-bottom:var(--space-8)}.input-group{margin-bottom:var(--space-4)}.input-group label{display:block;margin-bottom:var(--space-2);font-weight:500}.input-group input{width:100%;padding:var(--space-3) var(--space-4);border:2px solid var(--color-peach);border-radius:var(--rounded-md);font-size:var(--text-base);min-height:var(--touch-target);transition:border-color var(--transition-fast)}.input-group input:focus{outline:none;border-color:var(--color-terracotta)}.toggle-container{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-6);flex-wrap:wrap}.toggle{position:relative;display:inline-block;width:3.5rem;height:1.75rem;flex-shrink:0}.toggle input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ddd;transition:.4s;border-radius:var(--rounded-full)}.toggle-slider:before{position:absolute;content:"";height:1.25rem;width:1.25rem;left:.25rem;bottom:.25rem;background-color:white;transition:.4s;border-radius:50%}input:checked+.toggle-slider{background-color:var(--color-terracotta)}input:checked+.toggle-slider:before{transform:translateX(1.75rem)}.label-with-tooltip{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}.tooltip-trigger{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;background-color:var(--color-terracotta);color:white;font-size:14px;font-weight:600;cursor:help;position:relative;z-index:5}.tooltip-trigger:after{content:attr(data-tooltip);position:absolute;left:30px;top:-5px;width:min(250px,70vw);padding:var(--space-2);background-color:white;border:2px solid var(--color-peach);border-radius:var(--rounded-md);box-shadow:var(--shadow-md);color:var(--color-brown);font-size:var(--text-xs);font-weight:400;z-index:10;opacity:0;visibility:hidden;transition:opacity .2s ease,visibility .2s ease;pointer-events:none}.tooltip-trigger:hover:after{opacity:1;visibility:visible}.submission-message{text-align:center;padding:var(--space-4);background-color:var(--color-peach);border-radius:var(--rounded-md);margin-bottom:var(--space-4)}.faq-container{margin-top:var(--space-8)}.faq-list{display:flex;flex-direction:column;gap:var(--space-4)}.faq-item{margin-bottom:var(--space-4);border:2px solid var(--color-peach);border-radius:var(--rounded-md);overflow:hidden;transition:box-shadow var(--transition-normal)}.faq-item:hover{box-shadow:var(--shadow-md)}.faq-item h3{margin:0}.faq-question{width:100%;display:flex;justify-content:space-between;align-items:center;padding:var(--space-3) var(--space-4);background-color:white;border:none;font-size:var(--text-base);font-weight:600;color:var(--color-brown);cursor:pointer;text-align:left;transition:background-color var(--transition-fast);min-height:var(--touch-target)}@media (min-width:768px){.faq-question{padding:var(--space-4) var(--space-6);font-size:var(--text-lg)}}.faq-question:hover{background-color:var(--color-peach)}.faq-question:focus{outline:3px solid var(--color-terracotta);outline-offset:-3px;position:relative;z-index:1}.faq-question .icon-container{display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-left:var(--space-4)}.faq-answer{padding:0 var(--space-4) var(--space-4);background-color:white}@media (min-width:768px){.faq-answer{padding:0 var(--space-6) var(--space-6)}}.faq-answer[hidden]{display:none}.faq-answer p{margin-bottom:var(--space-4);color:var(--color-brown)}.faq-answer p:last-child{margin-bottom:0}.faq-answer ol,.faq-answer ul{margin-left:var(--space-6);margin-bottom:var(--space-4);color:var(--color-brown)}.faq-answer li{margin-bottom:var(--space-2)}.faq-answer li:last-child{margin-bottom:0}.pagination-container{display:flex;justify-content:center;align-items:center;margin:var(--space-8) 0;width:100%;overflow-x:auto;padding:var(--space-2) 0;scrollbar-width:none;-ms-overflow-style:none}.pagination-container::-webkit-scrollbar{display:none}.pagination-controls{display:flex;align-items:center;gap:var(--space-2);padding:0 var(--space-2)}.pagination-button,.pagination-number-button{display:flex;align-items:center;justify-content:center;min-width:40px;min-height:40px;border-radius:50%;background-color:white;border:2px solid var(--color-peach);color:var(--color-brown);cursor:pointer;transition:all var(--transition-fast);font-weight:600}.pagination-button:hover:not(:disabled),.pagination-number-button:hover:not(.active){background-color:var(--color-peach)}.pagination-button:disabled{opacity:.5;cursor:not-allowed}.pagination-number-button.active{background-color:var(--color-terracotta);border-color:var(--color-terracotta);color:white}.pagination-ellipsis{display:flex;align-items:center;justify-content:center;min-width:32px;font-weight:700;color:var(--color-brown)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}[tabindex]:focus,a:focus,button:focus,input:focus{outline:3px solid var(--color-terracotta);outline-offset:2px}.skip-to-content{position:absolute;top:-999px;left:0;background:var(--color-terracotta);color:white;padding:var(--space-4);z-index:9999;transition:top .2s ease}.skip-to-content:focus{top:0}.footer{text-align:center;margin-top:var(--space-8);font-size:var(--text-sm);color:var(--color-brown-light);padding:var(--space-4) 0;line-height:1.4}.footer a{color:var(--color-terracotta);text-decoration:underline;transition:color var(--transition-fast)}.footer a:hover{color:var(--color-rust)}@media (max-width:360px){html{font-size:14px}.header h1{font-size:1.75rem}}@media print{.app-container{padding:0}.button,.footer,.navbar{display:none}}