@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Space+Grotesk:wght@400;500;600;700&display=swap";:root{color:#fff6e7;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#09091a;font-family:Space Grotesk,Inter,system-ui,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,input:focus-visible,a:focus-visible{outline-offset:3px;outline:2px solid #68e6e5}:root{--ink:#09091a;--surface:#101027;--surface-2:#151431;--surface-3:#1f1b41;--line:#b9a0ff4a;--line-bright:#b9a0ffad;--cream:#fff6e7;--lavender:#b9a0ff;--muted:#a7a0c9;--faint:#716c9c;--pink:#f36bba;--cyan:#68e6e5;--yellow:#f7d681;--mono:"DM Mono", ui-monospace, monospace}[data-theme=light]{--ink:#f1edff;--surface:#fbf9ff;--surface-2:#f0ebff;--surface-3:#e5ddfc;--line:#49307d40;--line-bright:#49307d9e;--cream:#211838;--lavender:#503b9c;--muted:#5e527e;--faint:#8376a6;--pink:#b22978;--cyan:#197c83;--yellow:#9c620f}.app-shell{min-height:100vh;color:var(--cream);background:var(--ink);isolation:isolate;position:relative;overflow:hidden}.app-shell:before{content:"";z-index:-2;pointer-events:none;background:radial-gradient(ellipse at 62% -16%, #432a764d, transparent 45%), var(--ink);position:fixed;inset:0}.noise{z-index:20;pointer-events:none;opacity:.07;mix-blend-mode:screen;background-image:repeating-linear-gradient(0deg,#0000 0 2px,#ffffff38 3px,#0000 4px);position:fixed;inset:0}.app-header,.app-main,.app-footer{width:min(1440px,100% - 48px);margin:0 auto}.app-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;height:86px;display:flex;position:relative}.brand-lockup{align-items:center;gap:13px;display:flex}.brand-mark{flex:0 0 28px;justify-content:center;align-items:end;gap:2px;width:28px;height:27px;display:flex}.brand-mark span{background:var(--cyan);width:5px;display:block;box-shadow:0 0 14px #68e6e58c}.brand-mark span:first-child{background:var(--pink);height:9px}.brand-mark span:nth-child(2){background:var(--lavender);height:18px}.brand-mark span:nth-child(3){height:27px}.brand-mark span:nth-child(4){background:var(--pink);height:15px}.brand-name{color:var(--cream);letter-spacing:-.05em;font-size:19px;font-weight:700;line-height:1}.brand-name em{color:var(--pink);font-style:normal;font-weight:400}.brand-subtitle{color:var(--muted);font:9px var(--mono);letter-spacing:.12em;text-transform:uppercase;margin-top:5px}.header-actions{align-items:center;gap:13px;display:flex}.text-button,.theme-toggle,.export-button{color:var(--muted);cursor:pointer;background:0 0}.text-button{font:10px var(--mono);letter-spacing:.09em;text-transform:uppercase;border:0}.text-button:hover{color:var(--cream)}.theme-toggle{border:1px solid var(--line);border-radius:50%;width:32px;height:32px;font-size:15px}.theme-toggle:hover{color:var(--cyan);border-color:var(--cyan)}.export-button{border:1px solid var(--line-bright);color:var(--cream);border-radius:999px;padding:9px 13px;font-size:12px}.export-button:hover{color:var(--pink);border-color:var(--pink)}.app-main{grid-template-columns:146px minmax(0,1fr) 370px;gap:16px;padding:17px 0 16px;display:grid}.year-rail,.workspace,.discovery{border:1px solid var(--line);background:#0d0c23a6;border-radius:14px;min-height:670px}.year-rail{padding:16px 10px;overflow:hidden}.year-rail__header{justify-content:space-between;align-items:flex-start;gap:7px;display:flex}.year-rail__label{color:var(--faint);font:9px var(--mono);letter-spacing:.16em;flex:1;justify-content:space-between;padding:0 8px 10px;display:flex}.year-rail__prefill{border:1px solid var(--line);color:var(--muted);cursor:pointer;font:8px var(--mono);white-space:nowrap;background:0 0;border-radius:6px;flex:none;margin:-3px 0 7px;padding:5px 6px}.year-rail__prefill:hover{border-color:var(--cyan);color:var(--cyan)}.year-list{height:calc(100% - 27px);position:relative;overflow:auto}.year-list:before{content:"";background:var(--line);width:1px;position:absolute;top:7px;bottom:7px;left:20px}.year-button{width:100%;color:var(--muted);cursor:pointer;font:11px var(--mono);text-align:left;background:0 0;border:0;border-radius:8px;align-items:center;gap:9px;padding:7px;display:flex;position:relative}.year-button:hover{color:var(--cream);background:#b9a0ff14}.year-button.active{color:var(--cream);background:#f36bba2e;box-shadow:inset 0 0 0 1px #f36bbaa6}.year-button.active .year-dot{background:var(--pink);border-color:var(--pink);color:var(--ink);box-shadow:0 0 12px #f36bbab8}.year-dot{z-index:1;border:1px solid var(--lavender);background:var(--ink);border-radius:50%;flex:0 0 13px;justify-content:center;align-items:center;width:13px;height:13px;font:9px system-ui;display:inline-flex}.year-button.complete .year-dot{border-color:var(--cyan);background:var(--cyan);color:var(--ink)}.workspace{flex-direction:column;min-width:0;display:flex;overflow:hidden}.workspace-banner{border-bottom:1px solid var(--line);min-height:272px;padding:34px 35px;position:relative;overflow:hidden}.workspace-banner:after{content:"";background:linear-gradient(0deg, var(--surface), transparent);pointer-events:none;height:42%;position:absolute;inset:auto 0 0}.retro-sky{background:linear-gradient(#1f174599,#0000 72%);position:absolute;inset:0}.retro-sky:before{content:"";background:var(--pink);opacity:.72;border-radius:50%;width:72px;height:72px;position:absolute;top:27px;right:15%;box-shadow:0 0 55px #f36bba59}.retro-sky:after{content:"";background:linear-gradient(90deg, transparent, var(--cyan), var(--pink), transparent);opacity:.6;height:1px;position:absolute;bottom:37px;left:4%;right:3%}.sun{transform-origin:bottom;background:repeating-linear-gradient(0deg,#68e6e52e 0 2px,#0000 2px 10px);height:90px;position:absolute;bottom:-30px;left:0;right:0;transform:perspective(100px)rotateX(48deg)}.road{background:var(--pink);width:60%;height:1px;box-shadow:0 0 10px var(--pink);position:absolute;bottom:47px;right:4%;transform:rotate(8deg)}.workspace-banner>:not(.retro-sky){z-index:2;position:relative}.eyebrow,.section-label,.popover-title{color:var(--lavender);font:10px var(--mono);letter-spacing:.2em;text-transform:uppercase}.workspace-banner h1{color:var(--cream);letter-spacing:-.1em;margin:15px 0 0;font-size:clamp(80px,10vw,128px);line-height:.8}.open-navigation{justify-content:space-between;display:flex;bottom:18px;left:35px;right:35px;z-index:3!important;position:absolute!important}.open-navigation button{color:var(--muted);cursor:pointer;font:9px var(--mono);text-transform:uppercase;background:0 0;border:0}.open-navigation button:hover:not(:disabled){color:var(--cyan)}.open-navigation button:disabled{opacity:.35;cursor:default}.discovery{background:#0c0c20bf;flex-direction:column;min-width:0;display:flex;overflow:hidden}.discovery-tabs{border-bottom:1px solid var(--line);grid-template-columns:repeat(2,1fr);display:grid}.discovery-tabs button{color:var(--muted);cursor:pointer;background:0 0;border:0;padding:17px 5px 14px;font-size:14px;position:relative}.discovery-tabs button:hover{color:var(--cream)}.discovery-tabs button.active{color:var(--cyan);font-weight:600}.discovery-tabs button.active:after{content:"";background:var(--cyan);border-radius:4px 4px 0 0;height:3px;position:absolute;bottom:-1px;left:14%;right:14%}.discovery-body{flex-direction:column;flex:1;min-height:0;padding:18px 16px;display:flex}.discovery-intro{justify-content:space-between;align-items:center;gap:9px;margin-bottom:13px;display:flex}.discovery-intro p{color:var(--lavender);margin:0;font-size:11px;line-height:1.4}.discovery-intro small{color:var(--faint);font:8px var(--mono);margin-top:4px;display:block}.prefill-button{background:var(--cyan);color:#071828;cursor:pointer;white-space:nowrap;border:0;border-radius:999px;padding:10px 12px;font-size:10px;font-weight:700}.prefill-button:hover{background:#a4f7f0}.genre-picker{flex-wrap:wrap;gap:6px;margin-bottom:10px;display:flex}.genre-picker button{border:1px solid var(--line);color:var(--muted);cursor:pointer;background:0 0;border-radius:999px;padding:6px 8px;font-size:10px}.genre-picker button.selected,.genre-picker button:hover{border-color:var(--cyan);color:var(--cyan)}.genre-status{color:var(--faint);font:9px/1.4 var(--mono);margin:0 0 9px}.search-box{margin-bottom:13px}.search-box label{color:var(--lavender);margin-bottom:7px;font-size:11px;display:block}.search-box>div{border:1px solid var(--line-bright);background:#b9a0ff0d;border-radius:8px;align-items:center;gap:7px;height:40px;padding:0 9px;display:flex}.search-box>div span{color:var(--cyan);font-size:19px}.search-box input{min-width:0;color:var(--cream);background:0 0;border:0;outline:0;flex:1;font-size:12px}.search-box input::placeholder{color:var(--faint)}.search-box kbd{border:1px solid var(--line);color:var(--faint);font:9px var(--mono);border-radius:4px;padding:2px 5px}.search-box p{color:var(--faint);font:9px var(--mono);margin:6px 0 0}.results-list{flex:1;min-height:0;overflow:auto}.song-row{border-top:1px solid var(--line);gap:10px;padding:11px 0;display:flex}.song-row__body{flex:1;min-width:0}.song-row__heading{justify-content:space-between;align-items:baseline;gap:6px;display:flex}.song-row h3{color:var(--cream);letter-spacing:-.025em;margin:0 0 4px;font-size:13px;line-height:1.15}.song-row p{color:var(--lavender);margin:0;font-size:11px}.song-row__heading>span{color:var(--faint);font:9px var(--mono);white-space:nowrap}.song-row__heading>.verified-year{color:var(--cyan)}.song-row__actions{justify-content:space-between;align-items:center;gap:6px;margin-top:7px;display:flex}.song-row__actions>div{align-items:center;gap:8px;display:flex}.choose-button,.preview-button{cursor:pointer;font:9px var(--mono);background:0 0;border:0;padding:0}.choose-button{color:var(--cyan)}.choose-button:hover:not(:disabled),.preview-button:hover{color:var(--cream)}.choose-button:disabled{color:var(--faint);cursor:default}.preview-button{color:var(--muted)}.song-row--uncertain{opacity:.7}.preview-player{width:100%;height:26px;margin-top:7px}.no-results{text-align:center;padding:30px 10px}.no-results>span{color:var(--pink);font-size:30px}.no-results h3{color:var(--cream);margin:8px 0 5px;font-size:13px}.no-results p{color:var(--muted);margin:0;font-size:11px;line-height:1.5}.browse-link{color:var(--pink);cursor:pointer;font:9px var(--mono);text-align:left;background:0 0;border:0;padding:14px 0 0}.app-footer{border-top:1px solid var(--line);min-height:43px;color:var(--faint);font:9px var(--mono);justify-content:space-between;align-items:center;gap:12px;display:flex}.app-footer a,.app-footer span:first-child{color:var(--muted)}.popover{z-index:10;border:1px solid var(--line-bright);background:var(--surface-2);border-radius:10px;width:238px;padding:14px;position:absolute;top:71px;right:0;box-shadow:0 22px 70px #00000057}.settings-popover{right:65px}.settings-popover label{color:var(--lavender);margin-bottom:7px;font-size:10px;display:block}.settings-popover>div{gap:7px;display:flex}.settings-popover input{border:1px solid var(--line);background:var(--ink);width:82px;color:var(--cream);font:12px var(--mono);border-radius:6px;padding:7px}.small-button{background:var(--cyan);color:var(--ink);cursor:pointer;border:0;border-radius:6px;padding:7px 10px;font-size:10px}.settings-popover p{color:var(--faint);margin:9px 0 0;font-size:10px;line-height:1.4}.export-popover{width:225px}.popover-title{justify-content:space-between;align-items:center;margin-bottom:7px;display:flex}.popover-title button{color:var(--muted);cursor:pointer;background:0 0;border:0;font-size:19px}.export-popover>button{width:100%;color:var(--cream);cursor:pointer;text-align:left;background:0 0;border:0;padding:8px 0;font-size:11px;display:block}.export-popover>button:hover{color:var(--cyan)}.toast{z-index:30;border:1px solid var(--cyan);background:var(--cyan);max-width:min(360px,100% - 40px);color:var(--ink);border-radius:8px;padding:11px 13px;font-size:11px;position:fixed;bottom:20px;right:20px;box-shadow:0 0 25px #68e6e53d}.onboarding{flex-direction:column;min-height:100vh;display:flex}.onboarding-header,.onboarding-main{width:min(1120px,100% - 48px);margin:0 auto}.onboarding-header{justify-content:space-between;align-items:center;height:82px;display:flex}.onboarding-main{flex:1;grid-template-columns:1fr 390px;align-items:center;gap:100px;padding:70px 0 130px;display:grid}.onboarding h1{color:var(--cream);letter-spacing:-.1em;margin:18px 0 0;font-size:clamp(58px,7.8vw,104px);line-height:.88}.onboarding h1 span{color:var(--pink)}.onboarding-copy{max-width:400px;color:var(--muted);margin:26px 0 0;font-size:16px;line-height:1.6}.birth-card{border:1px solid var(--line-bright);background:#100f28c7;border-radius:14px;padding:31px;position:relative;overflow:hidden;box-shadow:0 25px 80px #00000057}.birth-card:before{content:"";filter:blur(32px);background:#f36bba33;border-radius:50%;width:220px;height:160px;position:absolute;top:-80px;right:-75px}.birth-card>*{position:relative}.birth-card h2{color:var(--cream);letter-spacing:-.04em;margin:16px 0 25px;font-size:24px;line-height:1.1}.birth-card label{color:var(--lavender);font:10px var(--mono);letter-spacing:.1em;text-transform:uppercase;margin-bottom:8px;display:block}.birth-input-row{gap:8px;display:flex}.birth-input-row input{border:1px solid var(--line-bright);background:var(--ink);width:120px;color:var(--cream);font:16px var(--mono);border-radius:7px;padding:12px}.primary-button,.primary-export{background:var(--pink);color:#1a102d;cursor:pointer;border:0;border-radius:999px;padding:12px 18px;font-weight:700}.form-error{color:var(--yellow);font:10px var(--mono);margin:9px 0 0}.saved-note{border-top:1px solid var(--line);color:var(--faint);font:9px var(--mono);margin:29px 0 0;padding-top:16px}.onboarding-horizon{z-index:-1;pointer-events:none;clip-path:polygon(0 70%,8% 60%,17% 80%,29% 50%,40% 78%,54% 58%,68% 74%,82% 49%,100% 68%,100% 100%,0 100%);background:linear-gradient(#0000,#f36bba14),repeating-linear-gradient(0deg,#0000 0 9px,#68e6e51a 10px 11px);height:150px;margin-top:auto;position:absolute;bottom:0;left:0;right:0}.completion-view{width:min(1120px,100% - 48px);min-height:100vh;margin:0 auto}.completion-top{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;height:82px;display:flex}.completion-content{text-align:center;max-width:920px;margin:0 auto;padding:72px 0 52px}.completion-content h1{color:var(--cream);letter-spacing:-.09em;margin:14px 0 12px;font-size:clamp(52px,7vw,90px);line-height:.9}.completion-content h1 span{color:var(--pink)}.completion-count{color:var(--cyan);font:18px var(--mono);letter-spacing:.12em;margin:0}.completion-meter{background:repeating-linear-gradient(90deg, var(--cyan) 0 10px, transparent 10px 15px);border-radius:999px;max-width:650px;height:10px;margin:18px auto 32px;box-shadow:0 0 20px #68e6e53d}.completion-list{border:1px solid var(--line-bright);text-align:left;background:#11102dab;border-radius:12px;max-width:820px;margin:0 auto 26px;padding:13px 22px}.completion-row{border-bottom:1px solid var(--line);grid-template-columns:74px 1fr 1fr;align-items:center;gap:14px;padding:8px 4px;display:grid}.completion-row:last-child{border-bottom:0}.completion-row span{color:var(--pink);font:12px var(--mono)}.completion-row strong{color:var(--cream);font-size:13px;font-weight:500}.completion-row em{color:var(--lavender);font-size:12px;font-style:normal}.completion-ellipsis{color:var(--faint);font:13px var(--mono);padding:3px 4px}.completion-content h2{color:var(--cream);margin:20px 0 13px;font-size:17px}.completion-actions{flex-wrap:wrap;justify-content:center;gap:9px;display:flex}.primary-export,.secondary-export{min-height:42px;padding:10px 17px;font-size:12px}.secondary-export{border:1px solid var(--line-bright);color:var(--cream);cursor:pointer;background:0 0;border-radius:999px}.secondary-export:hover{color:var(--cyan);border-color:var(--cyan)}.primary-export:disabled{opacity:.6;cursor:wait}.completion-bottom{color:var(--faint);font:9px var(--mono);justify-content:center;align-items:center;gap:16px;margin-top:24px;display:flex}.completion-bottom button{color:var(--lavender);cursor:pointer;font:inherit;background:0 0;border:0}.completion-bottom button:hover{color:var(--cyan)}@media (width<=1120px){.app-main{grid-template-columns:132px minmax(0,1fr)}.discovery{grid-column:1/-1;min-height:365px}.results-list{grid-template-columns:repeat(2,1fr);column-gap:18px;display:grid}.song-row:first-child,.song-row:nth-child(2){border-top:0}}@media (width<=720px){.app-header,.app-main,.app-footer,.onboarding-header,.onboarding-main,.completion-view{width:min(100% - 28px,560px)}.app-header{height:72px}.brand-subtitle,.text-button{display:none}.header-actions{gap:7px}.app-main{flex-direction:column;padding-top:13px;display:flex}.year-rail{min-height:auto;padding:9px}.year-rail__header{justify-content:flex-end;min-height:30px}.year-rail__label{display:none}.year-rail__prefill{min-height:30px;margin:-2px 0 4px;padding:6px 8px}.year-list{gap:5px;height:auto;display:flex;overflow-x:auto}.year-list:before{display:none}.year-button{flex-direction:column;flex:none;gap:3px;width:auto;padding:6px 7px;font-size:9px}.year-dot{flex-basis:10px;width:10px;height:10px;font-size:7px}.workspace{min-height:565px}.workspace-banner{min-height:225px;padding:29px 20px}.workspace-banner h1{font-size:82px}.open-navigation{left:20px;right:20px}.selected-area{padding:21px 20px}.selected-song{gap:12px;padding:11px}.album-art--large{flex-basis:100px;width:100px;height:100px}.selected-song h2{font-size:20px}.selected-artist{font-size:14px}.selected-meta{font-size:9px}.selected-links{gap:8px;margin-top:8px}.empty-year{flex-wrap:wrap}.empty-year .outline-button{margin-left:0}.workspace-progress{flex-wrap:wrap;padding:13px 20px}.progress-bar{flex-basis:100%;order:3}.discovery{min-height:420px}.results-list{display:block}.song-row:nth-child(2){border-top:1px solid var(--line)}.discovery-intro{flex-direction:column;align-items:flex-start}.prefill-button{width:100%}.app-footer{flex-wrap:wrap;padding:12px 0;line-height:1.45}.app-footer span:last-child{display:none}.popover{top:61px}.settings-popover{right:62px}.onboarding-header,.completion-top{height:72px}.onboarding-main{flex-direction:column;justify-content:center;align-items:stretch;gap:35px;padding:40px 0 120px;display:flex}.onboarding h1{font-size:clamp(54px,15vw,82px)}.onboarding-copy{margin-top:18px;font-size:14px}.birth-card{padding:25px 21px}.completion-content{padding:50px 0 36px}.completion-content h1{font-size:57px}.completion-count{font-size:14px}.completion-list{padding:10px 12px}.completion-row{grid-template-columns:52px 1fr;gap:7px}.completion-row em{grid-column:2;margin-top:-7px}.completion-actions{flex-direction:column}.primary-export,.secondary-export{width:100%}.completion-bottom{flex-direction:column;gap:6px}}.selected-area{flex:none;padding:26px 35px 22px}.section-label{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.verified{color:var(--cyan);font:10px var(--mono);letter-spacing:.02em;text-transform:none}.selected-song{border:1px solid var(--line-bright);background:var(--surface-2);border-radius:10px;align-items:center;gap:19px;min-height:183px;padding:15px;display:flex}.selected-song__body{flex:1;min-width:0}.album-art{background:linear-gradient(135deg, hsl(var(--art-hue), 73%, 58%), hsl(calc(var(--art-hue) + 88deg), 80%, 24%));border-radius:7px;flex:0 0 62px;width:62px;height:62px;position:relative;overflow:hidden}.album-art--large{border-radius:9px;flex-basis:146px;width:146px;height:146px}.album-art img{z-index:4;object-fit:cover;width:100%;height:100%;position:relative}.art-sun{aspect-ratio:1;background:#fa87b5;border-radius:50%;width:50%;position:absolute;top:15%;left:25%;box-shadow:0 0 20px #fa87b5a6}.art-grid{opacity:.8;transform-origin:top;background:repeating-linear-gradient(90deg,#0000 0 9px,#68e6e5a6 10px 11px),repeating-linear-gradient(0deg,#0000 0 9px,#68e6e5a6 10px 11px);position:absolute;inset:49% -10% -18%;transform:perspective(60px)rotateX(48deg)}.art-orbit{z-index:3;border-top:2px solid #fff6e7bf;border-radius:50%;width:128%;height:35%;position:absolute;top:43%;left:-14%;transform:rotate(-14deg)}.art-initials{z-index:5;color:#fff;opacity:.78;font:8px var(--mono);position:absolute;bottom:4px;right:6px}.selected-song h2{color:var(--cream);letter-spacing:-.05em;overflow-wrap:anywhere;margin:0 0 8px;font-size:clamp(20px,2.2vw,30px);line-height:1.05}.selected-artist{color:var(--cyan);margin:0 0 7px;font-size:16px}.selected-meta{color:var(--muted);font:10px/1.6 var(--mono)}.selected-links{flex-wrap:wrap;align-items:center;gap:11px;margin-top:13px;display:flex}.song-link{color:var(--lavender);font:10px var(--mono);text-decoration:none}.song-link:hover{color:var(--cyan)}.remove-button{border:0;border-left:1px solid var(--line);color:var(--pink);cursor:pointer;font:10px var(--mono);background:0 0;padding-left:11px}.remove-button:hover{color:var(--cream)}.empty-year{border:1px dashed var(--line-bright);background:#b9a0ff09;border-radius:10px;align-items:center;gap:15px;min-height:183px;padding:19px;display:flex}.empty-mark{border:1px solid var(--line-bright);width:46px;height:46px;color:var(--pink);border-radius:50%;flex:0 0 46px;place-items:center;display:grid}.empty-year h2{margin:0 0 5px;font-size:17px}.empty-year p{max-width:300px;color:var(--muted);margin:0;font-size:12px;line-height:1.5}.outline-button{border:1px solid var(--line-bright);color:var(--cream);cursor:pointer;white-space:nowrap;background:0 0;border-radius:8px;padding:10px 14px;font-size:11px}.outline-button:hover{color:var(--cyan);border-color:var(--cyan)}.empty-year .outline-button{margin-left:auto}.workspace-progress{border-top:1px solid var(--line);align-items:center;gap:15px;padding:15px 35px;display:flex}.workspace-progress strong{color:var(--cream);font-size:17px}.workspace-progress strong span,.workspace-progress small{color:var(--muted);font-size:10px}.workspace-progress small{margin-left:6px}.progress-bar{background:#b9a0ff2e;border-radius:999px;flex:1;height:7px;overflow:hidden}.progress-bar span{border-radius:inherit;background:linear-gradient(90deg, var(--pink), var(--cyan));height:100%;transition:width .35s;display:block}.suggestions-section{border-top:1px solid var(--line);padding:20px 35px 9px}.suggestions-header{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.suggestions-header .section-label{margin-bottom:6px}.suggestions-header p{color:var(--muted);margin:0;font-size:11px;line-height:1.4}.suggestions-header .browse-link{flex:none;padding:1px 0 0}.suggestions-header .browse-link:disabled{color:var(--faint);cursor:wait}.suggestions-list .song-row:first-child{border-top:0}.suggestions-list{scrollbar-gutter:stable;max-height:320px;padding-right:6px;overflow:hidden auto}.suggestions-empty{color:var(--muted);padding:14px 0 6px;font-size:11px;line-height:1.5}@media (width<=720px){.app-shell{overflow-x:hidden}.app-header{z-index:8;background:color-mix(in srgb, var(--ink) 92%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:sticky;top:0}.brand-mark{flex-basis:22px;gap:1px;width:22px}.brand-mark span{width:4px}.brand-name{font-size:16px}.theme-toggle,.export-button{min-width:44px;min-height:44px}.export-button{border-radius:8px;padding:8px 10px}.year-rail{z-index:7;background:var(--surface);border-radius:10px;position:sticky;top:72px;box-shadow:0 8px 24px #0003}.year-list{scrollbar-width:none;scroll-snap-type:x proximity;padding:0 3px}.year-list::-webkit-scrollbar{display:none}.year-button{scroll-snap-align:center;border:1px solid #0000;justify-content:center;min-width:58px;min-height:44px;padding:7px 9px}.year-dot{flex-basis:11px;width:11px;height:11px}.workspace{border-radius:10px;min-height:0}.workspace-banner{min-height:176px;padding:25px 18px}.workspace-banner h1{margin-top:12px;font-size:clamp(70px,20vw,96px)}.open-navigation{bottom:11px;left:18px;right:18px}.open-navigation button{min-height:44px;padding:8px 0;font-size:10px}.selected-area{padding:20px 16px 16px}.section-label{flex-wrap:wrap;gap:6px;font-size:9px}.selected-song{border-radius:10px;flex-direction:column;align-items:stretch;gap:15px;min-height:0;padding:16px}.album-art--large{flex-basis:112px;align-self:center;width:112px;height:112px}.selected-song__body{width:100%}.selected-song h2{font-size:clamp(22px,7vw,28px)}.selected-artist{font-size:15px}.selected-meta{font-size:9px;line-height:1.55}.selected-links{gap:5px 11px;margin-top:9px}.selected-links .song-link,.selected-links .remove-button{align-items:center;min-height:44px;display:inline-flex}.selected-links .remove-button{border-left:0;padding-left:0}.empty-year{align-items:flex-start;min-height:0;padding:16px}.empty-year .outline-button{width:100%;min-height:48px}.workspace-progress{align-items:flex-start;gap:10px;padding:15px 16px}.workspace-progress>div:first-child{align-items:baseline;gap:4px;display:flex}.workspace-progress small{margin-left:0}.suggestions-section{padding:18px 16px 8px}.suggestions-header{flex-direction:column;gap:6px}.suggestions-header .browse-link{min-height:44px;padding:10px 0}.discovery{border-radius:10px;min-height:0}.discovery-tabs button{min-height:48px;padding:13px 5px}.discovery-body{padding:16px}.discovery-intro p{font-size:13px}.discovery-intro small{font-size:9px}.prefill-button{border-radius:8px;width:100%;min-height:48px}.genre-picker button{min-height:44px;padding:8px 10px}.search-box>div{height:auto;min-height:48px}.search-box input{font-size:16px}.search-box kbd{display:none}.song-row{gap:12px;padding:16px 0}.song-row .album-art{flex-basis:48px;width:48px;height:48px}.song-row__actions{flex-direction:column;align-items:flex-start;gap:6px}.song-row__actions>div{flex-wrap:wrap;gap:5px 11px;width:100%}.choose-button,.preview-button,.song-row .song-link{align-items:center;min-height:44px;display:inline-flex}.browse-link{min-height:44px}.onboarding-main{gap:28px;padding-top:28px}.birth-card{box-shadow:none;border-radius:10px}.birth-input-row{flex-direction:column}.birth-input-row input{width:100%;min-height:48px;font-size:16px}.primary-button{border-radius:8px;width:100%;min-height:48px}.completion-content h1{font-size:clamp(48px,15vw,64px)}.completion-actions{gap:8px}.primary-export,.secondary-export{border-radius:8px;min-height:48px}.completion-top .text-button{min-height:44px;display:block}.completion-bottom button{min-height:44px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}.browse-link--bottom{border-top:1px solid var(--line);width:100%;margin-top:10px;padding:12px 0 4px;display:block}.browse-link--bottom:disabled{color:var(--faint);cursor:wait}.genre-picker~.results-list{scrollbar-gutter:stable;flex:0 auto;max-height:360px;overflow:hidden auto}@media (width<=720px){.suggestions-list{max-height:290px}.browse-link--bottom{min-height:44px;padding:13px 0 5px}}.app-shell{--decade-primary:var(--pink);--decade-secondary:var(--cyan);--decade-highlight:var(--yellow);--decade-glow:#68e6e52e;--decade-wash:#1f174557}[data-decade=fifties]{--decade-primary:#ef6c74;--decade-secondary:#75d5c0;--decade-highlight:#f6c969;--decade-glow:#ef6c7433;--decade-wash:#75d5c021}[data-decade=sixties]{--decade-primary:#f29e52;--decade-secondary:#a9c95c;--decade-highlight:#f5d575;--decade-glow:#f29e5233;--decade-wash:#a9c95c21}[data-decade=seventies]{--decade-primary:#e07845;--decade-secondary:#e3b64f;--decade-highlight:#f0d49b;--decade-glow:#e0784538;--decade-wash:#e3b64f21}[data-decade=eighties]{--decade-primary:#ef53b5;--decade-secondary:#5ce2e4;--decade-highlight:#a978ff;--decade-glow:#ef53b53b;--decade-wash:#5ce2e424}[data-decade=nineties]{--decade-primary:#b9e85b;--decade-secondary:#4c8df5;--decade-highlight:#f2f0c4;--decade-glow:#b9e85b2e;--decade-wash:#4c8df51f}[data-decade=aughts]{--decade-primary:#ff8ec8;--decade-secondary:#6ce2dc;--decade-highlight:#d9e7ef;--decade-glow:#6ce2dc33;--decade-wash:#ff8ec81f}[data-decade=tens]{--decade-primary:#ff7c75;--decade-secondary:#6da5ff;--decade-highlight:#c9b8ff;--decade-glow:#6da5ff33;--decade-wash:#ff7c751f}[data-decade=twenties]{--decade-primary:#c8ff58;--decade-secondary:#6e9dff;--decade-highlight:#d9b8ff;--decade-glow:#c8ff582b;--decade-wash:#6e9dff1f}.app-shell:before{background:radial-gradient(ellipse at 62% -16%, var(--decade-glow), transparent 45%), var(--ink);transition:background .5s}.year-rail,.workspace,.discovery{border-color:color-mix(in srgb, var(--decade-secondary) 35%, var(--line))}.year-button.active{background:color-mix(in srgb, var(--decade-primary) 18%, transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--decade-primary) 68%, transparent)}.year-button.active .year-dot{background:var(--decade-primary);border-color:var(--decade-primary);box-shadow:0 0 12px color-mix(in srgb, var(--decade-primary) 72%, transparent)}.workspace-banner{background:linear-gradient(130deg, var(--decade-wash), transparent 54%)}.workspace-banner__heading{z-index:2;animation:.62s cubic-bezier(.2,.75,.25,1) both decade-heading-in;position:relative}.workspace-banner__heading .eyebrow{align-items:center;gap:10px;display:flex}.decade-chip{border:1px solid color-mix(in srgb, var(--decade-secondary) 65%, transparent);color:var(--decade-secondary);letter-spacing:.08em;border-radius:999px;padding:4px 7px;font-size:8px;display:inline-block}.retro-sky{animation:.72s both decade-sky-in}.retro-sky:before{background:var(--decade-primary);box-shadow:0 0 55px color-mix(in srgb, var(--decade-primary) 35%, transparent)}.retro-sky:after{background:linear-gradient(90deg, transparent, var(--decade-secondary), var(--decade-primary), transparent)}.road{background:var(--decade-primary);box-shadow:0 0 10px var(--decade-primary)}.sun{background:repeating-linear-gradient(0deg, color-mix(in srgb, var(--decade-secondary) 18%, transparent) 0 2px, transparent 2px 10px)}.discovery-tabs button.active{color:var(--decade-secondary)}.discovery-tabs button.active:after{background:var(--decade-secondary)}.progress-bar span{background:linear-gradient(90deg, var(--decade-primary), var(--decade-secondary))}.empty-mark{color:var(--decade-primary);border-color:color-mix(in srgb, var(--decade-secondary) 65%, var(--line-bright))}.verified,.selected-artist,.choose-button{color:var(--decade-secondary)}.browse-link,.remove-button{color:var(--decade-primary)}.decade-motif{z-index:1;opacity:.9;width:58px;height:58px;animation:.74s cubic-bezier(.2,.75,.25,1) both motif-enter;position:absolute;top:34px;right:12%}.decade-motif>span{display:block;position:absolute}.decade-motif--fifties{border:1px solid color-mix(in srgb, var(--decade-highlight) 80%, transparent);border-radius:50%;transform:rotate(-12deg)}.decade-motif--fifties:before,.decade-motif--fifties:after{content:"";border:1px solid var(--decade-primary);border-radius:50%;position:absolute;inset:9px}.decade-motif--fifties:after{background:var(--decade-secondary);border:0;inset:22px}.decade-motif--fifties span:first-child{background:var(--decade-highlight);height:1px;inset:27px -9px auto;transform:rotate(25deg)}.decade-motif--sixties:before,.decade-motif--sixties:after{content:"";background:var(--decade-primary);box-shadow:0 -17px 0 var(--decade-highlight), 0 17px 0 var(--decade-secondary);border-radius:50%;position:absolute;inset:18px 3px}.decade-motif--sixties:after{opacity:.85;transform:rotate(90deg)}.decade-motif--sixties span:first-child{background:var(--decade-highlight);z-index:2;border-radius:50%;width:7px;height:7px;top:26px;left:26px}.decade-motif--seventies{border-top:2px solid var(--decade-primary);border-bottom:2px solid var(--decade-secondary);border-radius:50%;transform:skew(-16deg)rotate(-8deg)}.decade-motif--seventies:before,.decade-motif--seventies:after{content:"";background:var(--decade-highlight);border-radius:50%;height:2px;position:absolute;left:3px;right:3px}.decade-motif--seventies:before{top:20px;transform:rotate(8deg)}.decade-motif--seventies:after{top:34px;transform:rotate(-8deg)}.decade-motif--eighties{width:42px;height:48px;top:30px;right:14%}.decade-motif--eighties span:first-child{background:radial-gradient(circle at 35% 25%,#fff 0 5%,#0000 6%),repeating-linear-gradient(135deg,#ffffff80 0 2px,#0000 2px 7px),linear-gradient(135deg,#e9a2ff,#4ee2e4 58%,#7c50ff);border-radius:50%;width:34px;height:34px;top:8px;left:4px;box-shadow:0 0 20px #ef53b5b3}.decade-motif--eighties span:nth-child(2){background:var(--decade-secondary);width:1px;height:24px;top:-15px;left:20px}.decade-motif--eighties span:nth-child(3){background:var(--decade-primary);width:7px;height:7px;box-shadow:0 0 12px var(--decade-primary);border-radius:50%;top:42px;left:17px}.decade-motif--nineties{border:2px solid var(--decade-secondary);background:color-mix(in srgb, var(--decade-primary) 22%, transparent);border-radius:4px;width:58px;height:35px;top:42px;transform:rotate(-7deg)}.decade-motif--nineties:before{content:"";border:1px solid var(--decade-highlight);border-radius:2px;height:6px;position:absolute;top:8px;left:8px;right:8px}.decade-motif--nineties:after{content:"PLAY";color:var(--decade-highlight);font:6px var(--mono);position:absolute;bottom:5px;right:7px}.decade-motif--aughts{border:1px solid var(--decade-secondary);background:#d9e7ef14;border-radius:5px;width:62px;height:45px;top:37px;box-shadow:inset 0 0 0 3px #ffffff0a}.decade-motif--aughts:before{content:"";background:var(--decade-primary);height:5px;box-shadow:0 11px 0 color-mix(in srgb, var(--decade-secondary) 60%, transparent), 0 22px 0 color-mix(in srgb, var(--decade-highlight) 55%, transparent);position:absolute;top:6px;left:6px;right:6px}.decade-motif--aughts:after{content:"";border-right:2px solid var(--decade-highlight);border-bottom:2px solid var(--decade-highlight);width:14px;height:14px;position:absolute;bottom:-6px;right:-4px;transform:skewY(-28deg)}.decade-motif--tens{justify-content:space-between;align-items:center;width:58px;height:40px;display:flex;top:37px}.decade-motif--tens:before,.decade-motif--tens:after{content:"";background:color-mix(in srgb, var(--decade-secondary) 60%, transparent);height:1px;position:absolute;left:0;right:0}.decade-motif--tens:before{top:9px}.decade-motif--tens:after{bottom:9px}.decade-motif--tens span{background:var(--decade-primary);width:4px;box-shadow:0 0 10px color-mix(in srgb, var(--decade-primary) 55%, transparent);border-radius:4px;position:relative}.decade-motif--tens span:first-child{height:15px}.decade-motif--tens span:nth-child(2){background:var(--decade-secondary);height:29px}.decade-motif--tens span:nth-child(3){background:var(--decade-highlight);height:21px}.decade-motif--twenties{border:1px solid var(--decade-secondary);border-radius:50%}.decade-motif--twenties:before,.decade-motif--twenties:after{content:"";border-radius:50%;position:absolute}.decade-motif--twenties:before{border:1px solid var(--decade-primary);inset:10px}.decade-motif--twenties:after{background:var(--decade-highlight);width:8px;height:8px;box-shadow:0 0 14px var(--decade-primary);top:24px;left:24px}@keyframes decade-sky-in{0%{opacity:0;transform:translateY(-9px)scale(1.02)}to{opacity:1;transform:none}}@keyframes decade-heading-in{0%{opacity:0;transform:translate(12px)}to{opacity:1;transform:none}}@keyframes motif-enter{0%{opacity:0;transform:translateY(-8px)scale(.92)}to{opacity:.9;transform:none}}@keyframes disco-drop{0%{opacity:0;transform:translateY(-82px)rotate(-11deg)}68%{opacity:.9;transform:translateY(6px)rotate(4deg)}84%{transform:translateY(-2px)rotate(-2deg)}to{opacity:.9;transform:none}}.decade-motif--eighties{animation-name:disco-drop}@media (width<=720px){.workspace-banner__heading .eyebrow{display:block}.decade-chip{margin-left:5px;font-size:7px}.decade-motif{transform-origin:100% 0;top:27px;right:10%;transform:scale(.78)}.decade-motif--eighties{top:22px;right:9%;transform:scale(.78)}}@media (prefers-reduced-motion:reduce){.retro-sky,.workspace-banner__heading,.decade-motif{animation:none}}[data-decade=fifties]{--ink:#0e292d;--surface:#14383a;--surface-2:#1b4645;--surface-3:#255655;--line:#f6c96947;--line-bright:#f6c969ad;--cream:#fff3d6;--lavender:#f6c969;--muted:#c8d8cb;--faint:#87a9a1;--pink:#ef6c74;--cyan:#75d5c0;--yellow:#f6c969;--decade-bg:#0e292d;--decade-panel:#14383a;--decade-panel-strong:#1b4645;--decade-border:#f6c96973;--decade-primary:#ef6c74;--decade-secondary:#75d5c0;--decade-highlight:#f6c969;--decade-muted:#c8d8cb;--decade-card-text:#fff3d6;--decade-card-muted:#c8d8cb;--decade-hero:linear-gradient(145deg, #1d5552, #0e292d 64%, #63303a);--decade-radius:4px}[data-decade=sixties]{--ink:#2a2414;--surface:#5d572d;--surface-2:#786d2b;--surface-3:#927d31;--line:#f5d57559;--line-bright:#f5d575c2;--cream:#fff2c8;--lavender:#f5d575;--muted:#eadb9a;--faint:#bbab6b;--pink:#f29e52;--cyan:#a9c95c;--yellow:#f5d575;--decade-bg:#2a2414;--decade-panel:#5d572d;--decade-panel-strong:#786d2b;--decade-border:#f5d5758f;--decade-primary:#f29e52;--decade-secondary:#a9c95c;--decade-highlight:#f5d575;--decade-muted:#eadb9a;--decade-card-text:#fff2c8;--decade-card-muted:#eadb9a;--decade-hero:linear-gradient(145deg, #88752b, #2a2414 66%, #81492e);--decade-radius:0px}[data-decade=seventies]{--ink:#2b1b1b;--surface:#4a2d25;--surface-2:#603928;--surface-3:#75452a;--line:#f0d49b47;--line-bright:#f0d49bb3;--cream:#f9e0b7;--lavender:#e3b64f;--muted:#d6b887;--faint:#a47a59;--pink:#e07845;--cyan:#e3b64f;--yellow:#f0d49b;--decade-bg:#2b1b1b;--decade-panel:#4a2d25;--decade-panel-strong:#603928;--decade-border:#f0d49b7a;--decade-primary:#e07845;--decade-secondary:#e3b64f;--decade-highlight:#f0d49b;--decade-muted:#d6b887;--decade-card-text:#f9e0b7;--decade-card-muted:#d6b887;--decade-hero:linear-gradient(145deg, #75452a, #2b1b1b 64%, #8b4930);--decade-radius:12px}[data-decade=eighties]{--ink:#080a24;--surface:#11133c;--surface-2:#17194a;--surface-3:#242065;--line:#a978ff61;--line-bright:#5ce2e4bd;--cream:#fff3ff;--lavender:#c9b9ff;--muted:#a9a5db;--faint:#716ab4;--pink:#ef53b5;--cyan:#5ce2e4;--yellow:#a978ff;--decade-bg:#080a24;--decade-panel:#11133c;--decade-panel-strong:#17194a;--decade-border:#5ce2e485;--decade-primary:#ef53b5;--decade-secondary:#5ce2e4;--decade-highlight:#a978ff;--decade-muted:#a9a5db;--decade-card-text:#fff3ff;--decade-card-muted:#a9a5db;--decade-hero:linear-gradient(145deg, #1a1a58, #080a24 65%, #361a68);--decade-radius:2px}[data-decade=nineties]{--ink:#0a0d0e;--surface:#151a19;--surface-2:#1b2220;--surface-3:#263029;--line:#b9e85b4d;--line-bright:#4c8df5c2;--cream:#f2f0c4;--lavender:#b9e85b;--muted:#bec8ac;--faint:#76846f;--pink:#b9e85b;--cyan:#4c8df5;--yellow:#f2f0c4;--decade-bg:#0a0d0e;--decade-panel:#151a19;--decade-panel-strong:#1b2220;--decade-border:#b9e85b75;--decade-primary:#b9e85b;--decade-secondary:#4c8df5;--decade-highlight:#f2f0c4;--decade-muted:#bec8ac;--decade-card-text:#f2f0c4;--decade-card-muted:#bec8ac;--decade-hero:linear-gradient(145deg, #18251f, #0a0d0e 64%, #142e54);--decade-radius:3px}[data-decade=aughts]{--ink:#152538;--surface:#dce7ef;--surface-2:#eef5f8;--surface-3:#c7d9e4;--line:#1c476340;--line-bright:#1c47639e;--cream:#13253d;--lavender:#355a78;--muted:#486274;--faint:#6c8799;--pink:#ff8ec8;--cyan:#39bfb9;--yellow:#d2952f;--decade-bg:#152538;--decade-panel:#dce7ef;--decade-panel-strong:#eef5f8;--decade-border:#d9e7efcc;--decade-primary:#ff8ec8;--decade-secondary:#39bfb9;--decade-highlight:#d9e7ef;--decade-muted:#486274;--decade-card-text:#13253d;--decade-card-muted:#486274;--decade-hero:linear-gradient(145deg, #4f718a, #152538 65%, #4b2d65);--decade-radius:15px}[data-decade=tens]{--ink:#172b70;--surface:#24459e;--surface-2:#f4f6ff;--surface-3:#dbe4ff;--line:#d2e0ff59;--line-bright:#c9b8ffc2;--cream:#f7f8ff;--lavender:#c9b8ff;--muted:#d0d9ff;--faint:#9eabda;--pink:#ff7c75;--cyan:#6da5ff;--yellow:#c9b8ff;--decade-bg:#172b70;--decade-panel:#24459e;--decade-panel-strong:#f4f6ff;--decade-border:#c9b8ffad;--decade-primary:#ff7c75;--decade-secondary:#6da5ff;--decade-highlight:#c9b8ff;--decade-muted:#40537d;--decade-card-text:#18265f;--decade-card-muted:#40537d;--decade-hero:linear-gradient(145deg, #3568d0, #172b70 66%, #634eaf);--decade-radius:18px}[data-decade=twenties]{--ink:#090d16;--surface:#111a28;--surface-2:#151f31;--surface-3:#1d2b43;--line:#6e9dff52;--line-bright:#c8ff58a3;--cream:#f5f7ff;--lavender:#d9b8ff;--muted:#afbdd4;--faint:#71819d;--pink:#c8ff58;--cyan:#6e9dff;--yellow:#d9b8ff;--decade-bg:#090d16;--decade-panel:#111a28;--decade-panel-strong:#151f31;--decade-border:#6e9dff80;--decade-primary:#c8ff58;--decade-secondary:#6e9dff;--decade-highlight:#d9b8ff;--decade-muted:#afbdd4;--decade-card-text:#f5f7ff;--decade-card-muted:#afbdd4;--decade-hero:linear-gradient(145deg, #172644, #090d16 66%, #302050);--decade-radius:8px}.app-shell{background:var(--decade-bg);font-family:Space Grotesk,Inter,system-ui,sans-serif}.app-shell:before{background:var(--decade-hero), var(--decade-bg)}.app-header,.app-footer{border-color:var(--decade-border)}.year-rail,.workspace,.discovery{background:var(--decade-panel);border-color:var(--decade-border);border-radius:var(--decade-radius);box-shadow:0 18px 50px #00000029}.selected-song,.empty-year{background:var(--decade-panel-strong);border-color:var(--decade-border);border-radius:var(--decade-radius)}.workspace-banner{background:var(--decade-hero);border-color:var(--decade-border)}.workspace-banner:after{background:linear-gradient(0deg, var(--decade-panel), transparent 74%)}.workspace-banner h1{color:var(--cream);text-shadow:0 4px 0 color-mix(in srgb, var(--decade-primary) 22%, transparent)}.discovery{background:var(--decade-panel)}.discovery-tabs,.discovery-tabs button,.workspace-progress,.suggestions-section{border-color:var(--decade-border)}.search-box>div,.genre-picker button,.year-button:hover{background:color-mix(in srgb, var(--decade-primary) 8%, transparent)}.search-box>div{border-color:var(--decade-border)}.search-box>div span,.search-box input,.song-row h3{color:var(--cream)}.selected-song h2,.empty-year h2{color:var(--decade-card-text,var(--cream))}.song-row p,.selected-artist,.section-label,.eyebrow{color:var(--decade-secondary)}.decade-chip{background:color-mix(in srgb, var(--decade-secondary) 10%, transparent);border-color:var(--decade-secondary);color:var(--decade-secondary)}.year-rail__prefill,.export-button,.outline-button,.theme-toggle{border-color:var(--decade-border);color:var(--cream)}.primary-button,.primary-export{background:var(--decade-primary);color:var(--decade-bg)}.primary-button:hover,.primary-export:hover:not(:disabled){background:var(--decade-highlight)}.app-footer,.app-footer a,.search-box p,.genre-status,.suggestions-header p{color:var(--decade-muted,var(--muted))}.selected-meta,.empty-year p{color:var(--decade-card-muted,var(--muted))}@media (width>=1121px){.app-main{grid-template-rows:auto minmax(0,1fr);grid-template-columns:minmax(0,1fr) 345px;align-items:stretch}.year-rail{grid-column:1/-1;min-height:0;padding:12px 16px 10px;overflow:hidden}.year-rail__header{align-items:center}.year-rail__label{flex:none;gap:14px;padding:0 7px 8px}.year-rail__prefill{margin:-3px 0 5px}.year-list{gap:6px;height:auto;padding:0 2px 2px;display:flex;overflow-x:auto}.year-list:before{display:none}.year-button{flex:none;justify-content:center;width:auto;min-width:72px;padding:8px 11px}.workspace{grid-column:1;min-height:700px}.discovery{grid-column:2;min-height:700px}}@media (width<=1120px) and (width>=721px){.app-main{grid-template-columns:minmax(0,1fr)}.year-rail,.workspace,.discovery{grid-column:1}.year-rail{min-height:0}.year-list{height:auto;display:flex;overflow-x:auto}.year-list:before{display:none}.year-button{flex:none;justify-content:center;width:auto;min-width:70px}.workspace,.discovery{min-height:520px}}.decade-motif{opacity:1;pointer-events:none;width:190px;height:142px;animation:none;top:21px;right:8%}.decade-motif:before,.decade-motif:after{content:none!important;display:none!important}.decade-art{object-fit:contain;filter:drop-shadow(0 16px 20px #00000047);width:100%;height:100%;animation:.7s cubic-bezier(.2,.75,.25,1) both decade-art-in;display:block}.retro-sky--fifties .decade-art{animation-name:record-swing}.retro-sky--sixties .decade-art{animation-name:flower-spin}.retro-sky--seventies .decade-art{animation-name:sunset-rise}.retro-sky--eighties .decade-art{animation-name:disco-art-drop}.retro-sky--nineties .decade-art{animation-name:cassette-slide}.retro-sky--aughts .decade-art{animation-name:cd-spin}.retro-sky--tens .decade-art{animation-name:city-rise}.retro-sky--twenties .decade-art{animation-name:signal-pulse}@keyframes decade-art-in{0%{opacity:0;transform:translateY(-12px)scale(.88)}to{opacity:1;transform:none}}@keyframes record-swing{0%{opacity:0;transform:translate(28px)rotate(13deg)}to{opacity:1;transform:rotate(-2deg)}}@keyframes flower-spin{0%{opacity:0;transform:rotate(-40deg)scale(.7)}to{opacity:1;transform:rotate(8deg)scale(1)}}@keyframes sunset-rise{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes disco-art-drop{0%{opacity:0;transform:translateY(-170px)rotate(-12deg)}68%{opacity:1;transform:translateY(10px)rotate(4deg)}84%{transform:translateY(-3px)rotate(-2deg)}to{opacity:1;transform:none}}@keyframes cassette-slide{0%{opacity:0;transform:translate(55px)skew(-9deg)}to{opacity:1;transform:rotate(-3deg)}}@keyframes cd-spin{0%{opacity:0;transform:translateY(-10px)rotate(-180deg)}to{opacity:1;transform:rotate(11deg)}}@keyframes city-rise{0%{opacity:0;transform:translateY(32px)}to{opacity:1;transform:translateY(0)}}@keyframes signal-pulse{0%{opacity:0;transform:scale(.72)}70%{transform:scale(1.06)}to{opacity:1;transform:scale(1)}}@media (width<=720px){.app-shell{background:var(--decade-bg)}.decade-motif{width:112px;height:90px;top:17px;right:4%}.decade-art{filter:drop-shadow(0 9px 12px #00000040)}.decade-motif--eighties{top:12px;right:2%}.workspace-banner{background:var(--decade-hero)}.workspace-banner h1{text-shadow:0 3px 0 color-mix(in srgb, var(--decade-primary) 22%, transparent)}}@media (prefers-reduced-motion:reduce){.decade-art{animation:none}}