@import url("https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,600;0,700;1,400;1,600&family=Lora:ital,wght@0,400;0,500;1,400&display=swap");:root{--cream:#F7F3ED;--cream-dark:#EDE7DC;--ink:#1A1610;--ink-mid:#3D3427;--ink-light:#6B5E4E;--ink-faint:#9B8E80;--burgundy:#7A1F2E;--burgundy-lt:#A63347;--gold:#C4933F;--gold-lt:#D4A855;--heard:#2D6A4F;--want:#1B4E7B;--skip:#6B5E4E;--font-display:var(--font-playfair),"Playfair Display",Georgia,serif;--font-body:var(--font-lora),"Lora",Georgia,serif;--radius-sm:3px;--radius:6px;--radius-lg:12px;--shadow-sm:0 1px 3px rgba(26,22,16,0.08);--shadow:0 2px 12px rgba(26,22,16,0.10);--shadow-lg:0 8px 32px rgba(26,22,16,0.14)}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased}body{background:var(--cream);color:var(--ink);font-family:var(--font-body);line-height:1.6;min-height:100vh}h1,h2,h3,h4{font-family:var(--font-display);line-height:1.2;font-weight:600;color:var(--ink)}h1{font-size:clamp(2rem,5vw,3.5rem)}h2{font-size:clamp(1.4rem,3vw,2rem)}h3{font-size:1.2rem}h4{font-size:1rem}a{color:inherit;text-decoration:none}p{color:var(--ink-mid)}.container{max-width:1200px;margin:0 auto}.container,.nav{padding:0 1.5rem}.nav{background:var(--ink);height:56px;display:flex;align-items:center;justify-content:space-between;position:-webkit-sticky;position:sticky;top:0;z-index:100}.nav,.nav-logo{color:var(--cream)}.nav-logo{font-family:var(--font-display);font-size:1.1rem;font-weight:600;letter-spacing:.02em}.nav-logo span{color:var(--gold)}.nav-links{display:flex;align-items:center;gap:1.5rem;list-style:none}.nav-links a{font-family:var(--font-body);font-size:.85rem;color:var(--cream-dark);letter-spacing:.04em;text-transform:uppercase;transition:color .2s}.nav-links a:hover{color:var(--gold)}.btn{display:inline-flex;align-items:center;gap:.4rem;padding:.5rem 1.1rem;border-radius:var(--radius-sm);font-family:var(--font-body);font-size:.85rem;font-weight:500;letter-spacing:.03em;border:none;cursor:pointer;transition:all .18s}.btn-primary{background:var(--burgundy);color:white}.btn-primary:hover{background:var(--burgundy-lt)}.btn-outline{background:transparent;color:var(--ink);border:1px solid var(--cream-dark)}.btn-outline:hover{border-color:var(--ink-faint);background:var(--cream-dark)}.btn-ghost{background:transparent;color:var(--ink-light);padding:.35rem .7rem}.btn-ghost:hover{background:var(--cream-dark);color:var(--ink)}.composer-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));grid-gap:1.5rem;gap:1.5rem;padding:2.5rem 0}.composer-card{background:white;border-radius:var(--radius);border:1px solid var(--cream-dark);padding:1.75rem;cursor:pointer;transition:all .2s;text-decoration:none;display:block;box-shadow:var(--shadow-sm)}.composer-card:hover{border-color:var(--gold);box-shadow:var(--shadow);transform:translateY(-2px)}.composer-card-dates{font-size:.8rem;color:var(--ink-faint);letter-spacing:.05em;margin-bottom:.4rem;font-family:var(--font-body)}.composer-card-name{font-family:var(--font-display);font-size:1.45rem;font-weight:600;margin-bottom:.5rem;color:var(--ink)}.composer-card-bio{font-size:.85rem;color:var(--ink-light);line-height:1.5;margin-bottom:1.25rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.progress-bar-wrap{height:4px;background:var(--cream-dark);border-radius:2px;margin-bottom:.5rem;overflow:hidden}.progress-bar-fill{height:100%;background:var(--heard);border-radius:2px;transition:width .4s ease}.progress-label{font-size:.75rem;color:var(--ink-faint);display:flex;justify-content:space-between}.progress-label strong{color:var(--heard);font-weight:500}.composer-hero{background:var(--ink);color:var(--cream);padding:3rem 1.5rem 2.5rem}.composer-hero-inner{max-width:1200px;margin:0 auto}.composer-hero-dates{font-size:.85rem;color:var(--gold);letter-spacing:.1em;text-transform:uppercase;margin-bottom:.5rem}.composer-hero-name{font-family:var(--font-display);font-size:clamp(2.5rem,6vw,4rem);font-weight:700;color:var(--cream);margin-bottom:.75rem}.composer-hero-bio{font-size:1rem;color:#A89D8F;max-width:600px;line-height:1.7;margin-bottom:1.5rem}.composer-hero-stats{display:flex;gap:2rem;flex-wrap:wrap}.hero-stat{display:flex;flex-direction:column}.hero-stat-number{font-family:var(--font-display);font-size:1.8rem;font-weight:600;color:var(--gold);line-height:1}.hero-stat-label{font-size:.75rem;color:#7A7060;text-transform:uppercase;letter-spacing:.08em;margin-top:.2rem}.filter-bar{background:white;border-bottom:1px solid var(--cream-dark);position:-webkit-sticky;position:sticky;top:56px;z-index:90}.filter-bar-inner{max-width:1200px;margin:0 auto;padding:0 1.5rem;display:flex;gap:.25rem;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}.filter-bar-inner::-webkit-scrollbar{display:none}.filter-btn{padding:.85rem 1rem;background:none;font-family:var(--font-body);font-size:.82rem;color:var(--ink-faint);cursor:pointer;white-space:nowrap;border:none;border-bottom:2px solid transparent;transition:all .15s;letter-spacing:.02em}.filter-btn:hover{color:var(--ink)}.filter-btn.active{color:var(--burgundy);border-bottom-color:var(--burgundy);font-weight:500}.works-section{padding:2rem 0 4rem}.category-section{margin-bottom:3rem}.category-heading{font-family:var(--font-display);font-size:.75rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-faint);padding:0 0 .75rem;margin-bottom:.25rem}.category-heading,.work-row{border-bottom:1px solid var(--cream-dark)}.work-row{display:grid;grid-template-columns:110px 1fr auto;align-items:center;grid-gap:1rem;gap:1rem;padding:.75rem 0;transition:background .15s}.work-row:hover{background:rgba(196,147,63,.04)}.work-catalogue{font-size:.78rem;color:var(--ink-faint);letter-spacing:.02em}.work-catalogue,.work-title{font-family:var(--font-body)}.work-title{font-size:.92rem;color:var(--ink)}.work-key{font-size:.78rem;font-style:italic;margin-left:.5rem}.work-date,.work-key{color:var(--ink-faint)}.work-date{font-size:.75rem;display:block;margin-top:.1rem}.work-actions{display:flex;gap:.35rem;align-items:center}.status-btn{padding:.28rem .65rem;border-radius:20px;font-size:.72rem;font-family:var(--font-body);border:1px solid transparent;cursor:pointer;transition:all .15s;letter-spacing:.02em;white-space:nowrap}.status-btn-heard{background:transparent;border-color:var(--cream-dark);color:var(--ink-faint)}.status-btn-heard.active,.status-btn-heard:hover{background:#EAF5EF;border-color:var(--heard);color:var(--heard)}.status-btn-heard.active{font-weight:600}.status-btn-want{background:transparent;border-color:var(--cream-dark);color:var(--ink-faint)}.status-btn-want.active,.status-btn-want:hover{background:#E8F1FA;border-color:var(--want);color:var(--want)}.status-btn-want.active{font-weight:600}.status-btn-spotify{background:transparent;border-color:var(--cream-dark);color:var(--ink-faint);text-decoration:none}.status-btn-spotify:hover{background:#E8F5E8;border-color:#1DB954;color:#1DB954}.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--ink);padding:2rem}.auth-card{background:var(--cream);border-radius:var(--radius-lg);padding:3rem 2.5rem;width:100%;max-width:420px;box-shadow:var(--shadow-lg)}.auth-title{font-family:var(--font-display);font-size:1.8rem;font-weight:700;margin-bottom:.3rem;color:var(--ink)}.auth-subtitle{font-size:.9rem;color:var(--ink-light);margin-bottom:2rem}.auth-form{gap:1rem}.auth-form,.form-field{display:flex;flex-direction:column}.form-field{gap:.4rem}.form-label{font-size:.8rem;font-weight:500;color:var(--ink-mid);letter-spacing:.04em;text-transform:uppercase}.form-input{padding:.7rem .9rem;border:1px solid var(--cream-dark);border-radius:var(--radius-sm);font-family:var(--font-body);font-size:.95rem;color:var(--ink);background:white;transition:border-color .15s;outline:none}.form-input:focus{border-color:var(--burgundy)}.auth-divider{display:flex;align-items:center;gap:1rem;margin:.5rem 0;color:var(--ink-faint);font-size:.8rem}.auth-divider:after,.auth-divider:before{content:"";flex:1 1;height:1px;background:var(--cream-dark)}.auth-toggle{text-align:center;font-size:.85rem;color:var(--ink-light);margin-top:1rem}.auth-toggle button{background:none;border:none;color:var(--burgundy);cursor:pointer;font-family:var(--font-body);font-size:.85rem;text-decoration:underline}.home-hero{padding:5rem 1.5rem 3rem;text-align:center;max-width:700px;margin:0 auto}.home-hero-eyebrow{font-size:.78rem;letter-spacing:.16em;text-transform:uppercase;color:var(--gold);margin-bottom:1rem}.home-hero h1{font-family:var(--font-display);font-style:italic;margin-bottom:1rem;color:var(--ink)}.home-hero-sub{font-size:1.05rem;color:var(--ink-light);max-width:480px;margin:0 auto 2rem}.section-divider{border:none;border-top:1px solid var(--cream-dark);margin:2rem 0}.text-muted{color:var(--ink-faint)}.text-small{font-size:.82rem}.badge{display:inline-block;padding:.15rem .5rem;border-radius:20px;font-size:.7rem;font-weight:500;letter-spacing:.04em;text-transform:uppercase}.badge-heard{background:#EAF5EF;color:var(--heard)}.badge-want{background:#E8F1FA;color:var(--want)}@media (max-width:640px){.work-row{grid-template-columns:90px 1fr}.work-actions{grid-column:2;margin-top:-.25rem;margin-bottom:.25rem}.composer-hero-stats{gap:1.25rem}}.filter-bar-inner .filter-btn:last-child{padding-right:1.5rem}.composer-grid-controls{display:flex;align-items:center;justify-content:space-between;margin-bottom:2rem;gap:1rem}.sort-toggle{display:flex;background:#f0ebe3;border-radius:8px;padding:3px;gap:2px}.sort-toggle button{padding:6px 16px;border:none;background:transparent;border-radius:6px;font-size:.85rem;font-weight:500;color:#888;cursor:pointer;transition:all .15s ease}.sort-toggle button.active{background:#fff;color:#1a1a1a;box-shadow:0 1px 3px rgba(0,0,0,.1)}.customise-btn{padding:6px 16px;border:1px solid #ddd;background:transparent;border-radius:8px;font-size:.85rem;font-weight:500;color:#888;cursor:pointer;transition:all .15s ease}.customise-btn.active{background:#fdf6ec;border-color:#c4823a;color:#c4823a}.customise-hint{font-size:.8rem;color:#c4823a;margin:-1rem 0 1.5rem;opacity:.8}.era-heading{display:flex;align-items:center;gap:10px;margin:2.5rem 0 1rem}.era-heading:first-child{margin-top:0}.era-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.era-label{font-size:.7rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase}.era-count{font-size:.75rem;color:#bbb;margin-left:auto}.era-pip{display:block;width:6px;height:6px;border-radius:50%;margin-bottom:8px;opacity:.7}.composer-card-wrap{position:relative}.hide-btn{position:absolute;top:8px;right:8px;width:22px;height:22px;border-radius:50%;border:1px solid #ddd;background:#fff;color:#999;font-size:1rem;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s ease;z-index:2}.hide-btn:hover{background:#fee;border-color:#e88;color:#c44}.hidden-drawer{margin-top:3rem;border:1px solid #e8e3db;border-radius:12px;overflow:hidden}.hidden-drawer-toggle{width:100%;display:flex;align-items:center;justify-content:space-between;padding:12px 20px;background:#f9f6f0;border:none;cursor:pointer;font-size:.85rem;color:#888;transition:background .15s ease}.hidden-drawer-toggle:hover{background:#f0ebe3}.drawer-chevron{font-size:.7rem;opacity:.5}.hidden-drawer-content{padding:16px 20px;background:#fff}.restore-all-btn{font-size:.8rem;color:#c4823a;background:none;border:none;cursor:pointer;padding:0;margin-bottom:12px;text-decoration:underline}.hidden-composer-list{display:flex;flex-wrap:wrap;gap:8px}.restore-btn{padding:5px 12px;border:1px solid #ddd;border-radius:20px;background:#f9f6f0;font-size:.8rem;color:#666;cursor:pointer;transition:all .15s ease}.restore-btn:hover{border-color:#c4823a;color:#c4823a;background:#fdf6ec}.restore-btn span{margin-left:4px;opacity:.6}@font-face{font-family:Playfair Display;font-style:normal;font-weight:400 900;font-display:swap;src:url(/_next/static/media/47f136985ef5b5cb-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:Playfair Display;font-style:normal;font-weight:400 900;font-display:swap;src:url(/_next/static/media/4ead58c4dcc3f285-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:Playfair Display;font-style:normal;font-weight:400 900;font-display:swap;src:url(/_next/static/media/28a2004cf8372660-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:Playfair Display;font-style:normal;font-weight:400 900;font-display:swap;src:url(/_next/static/media/eaead17c7dbfcd5d-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:Playfair Display Fallback;src:local("Times New Roman");ascent-override:97.25%;descent-override:22.56%;line-gap-override:0.00%;size-adjust:111.26%}.__className_0a80b4{font-family:Playfair Display,Playfair Display Fallback;font-style:normal}.__variable_0a80b4{--font-playfair:"Playfair Display","Playfair Display Fallback"}@font-face{font-family:Lora;font-style:normal;font-weight:400 700;font-display:swap;src:url(/_next/static/media/03b436aa846269de-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:Lora;font-style:normal;font-weight:400 700;font-display:swap;src:url(/_next/static/media/0086f8992871c45b-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:Lora;font-style:normal;font-weight:400 700;font-display:swap;src:url(/_next/static/media/ab00a911ac2adf48-s.woff2) format("woff2");unicode-range:u+0302-0303,u+0305,u+0307-0308,u+0310,u+0312,u+0315,u+031a,u+0326-0327,u+032c,u+032f-0330,u+0332-0333,u+0338,u+033a,u+0346,u+034d,u+0391-03a1,u+03a3-03a9,u+03b1-03c9,u+03d1,u+03d5-03d6,u+03f0-03f1,u+03f4-03f5,u+2016-2017,u+2034-2038,u+203c,u+2040,u+2043,u+2047,u+2050,u+2057,u+205f,u+2070-2071,u+2074-208e,u+2090-209c,u+20d0-20dc,u+20e1,u+20e5-20ef,u+2100-2112,u+2114-2115,u+2117-2121,u+2123-214f,u+2190,u+2192,u+2194-21ae,u+21b0-21e5,u+21f1-21f2,u+21f4-2211,u+2213-2214,u+2216-22ff,u+2308-230b,u+2310,u+2319,u+231c-2321,u+2336-237a,u+237c,u+2395,u+239b-23b7,u+23d0,u+23dc-23e1,u+2474-2475,u+25af,u+25b3,u+25b7,u+25bd,u+25c1,u+25ca,u+25cc,u+25fb,u+266d-266f,u+27c0-27ff,u+2900-2aff,u+2b0e-2b11,u+2b30-2b4c,u+2bfe,u+3030,u+ff5b,u+ff5d,u+1d400-1d7ff,u+1ee??}@font-face{font-family:Lora;font-style:normal;font-weight:400 700;font-display:swap;src:url(/_next/static/media/36008747766f78c6-s.woff2) format("woff2");unicode-range:u+0001-000c,u+000e-001f,u+007f-009f,u+20dd-20e0,u+20e2-20e4,u+2150-218f,u+2190,u+2192,u+2194-2199,u+21af,u+21e6-21f0,u+21f3,u+2218-2219,u+2299,u+22c4-22c6,u+2300-243f,u+2440-244a,u+2460-24ff,u+25a0-27bf,u+28??,u+2921-2922,u+2981,u+29bf,u+29eb,u+2b??,u+4dc0-4dff,u+fff9-fffb,u+10140-1018e,u+10190-1019c,u+101a0,u+101d0-101fd,u+102e0-102fb,u+10e60-10e7e,u+1d2c0-1d2d3,u+1d2e0-1d37f,u+1f0??,u+1f100-1f1ad,u+1f1e6-1f1ff,u+1f30d-1f30f,u+1f315,u+1f31c,u+1f31e,u+1f320-1f32c,u+1f336,u+1f378,u+1f37d,u+1f382,u+1f393-1f39f,u+1f3a7-1f3a8,u+1f3ac-1f3af,u+1f3c2,u+1f3c4-1f3c6,u+1f3ca-1f3ce,u+1f3d4-1f3e0,u+1f3ed,u+1f3f1-1f3f3,u+1f3f5-1f3f7,u+1f408,u+1f415,u+1f41f,u+1f426,u+1f43f,u+1f441-1f442,u+1f444,u+1f446-1f449,u+1f44c-1f44e,u+1f453,u+1f46a,u+1f47d,u+1f4a3,u+1f4b0,u+1f4b3,u+1f4b9,u+1f4bb,u+1f4bf,u+1f4c8-1f4cb,u+1f4d6,u+1f4da,u+1f4df,u+1f4e3-1f4e6,u+1f4ea-1f4ed,u+1f4f7,u+1f4f9-1f4fb,u+1f4fd-1f4fe,u+1f503,u+1f507-1f50b,u+1f50d,u+1f512-1f513,u+1f53e-1f54a,u+1f54f-1f5fa,u+1f610,u+1f650-1f67f,u+1f687,u+1f68d,u+1f691,u+1f694,u+1f698,u+1f6ad,u+1f6b2,u+1f6b9-1f6ba,u+1f6bc,u+1f6c6-1f6cf,u+1f6d3-1f6d7,u+1f6e0-1f6ea,u+1f6f0-1f6f3,u+1f6f7-1f6fc,u+1f7??,u+1f800-1f80b,u+1f810-1f847,u+1f850-1f859,u+1f860-1f887,u+1f890-1f8ad,u+1f8b0-1f8bb,u+1f8c0-1f8c1,u+1f900-1f90b,u+1f93b,u+1f946,u+1f984,u+1f996,u+1f9e9,u+1fa00-1fa6f,u+1fa70-1fa7c,u+1fa80-1fa89,u+1fa8f-1fac6,u+1face-1fadc,u+1fadf-1fae9,u+1faf0-1faf8,u+1fb??}@font-face{font-family:Lora;font-style:normal;font-weight:400 700;font-display:swap;src:url(/_next/static/media/6d38f9d4e0f4772b-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:Lora;font-style:normal;font-weight:400 700;font-display:swap;src:url(/_next/static/media/08aedeceaf1dcd57-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:Lora;font-style:normal;font-weight:400 700;font-display:swap;src:url(/_next/static/media/5c0c2bcbaa4149ca-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:Lora Fallback;src:local("Times New Roman");ascent-override:87.33%;descent-override:23.78%;line-gap-override:0.00%;size-adjust:115.20%}.__className_c1a059{font-family:Lora,Lora Fallback;font-style:normal}.__variable_c1a059{--font-lora:"Lora","Lora Fallback"}