:root{--page:#f3f5f4;--paper:#fcfcfa;--ink:#242529;--muted:#71757b;--line:#d8dcda;--accent:#e85d4a;--soft-accent:#f8d9d3;--blue-paper:#dcecf4;--yellow-paper:#f3e7a4;--radius:14px;--shadow:0 24px 70px #3944461f;--font-serif:"Noto Serif SC", "EB Garamond", "Songti SC", STSong, serif;--font-sans:"Noto Sans SC", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;--font-display:"Playfair Display", "Noto Serif SC", "Songti SC", serif}*{box-sizing:border-box}html{background:var(--page);scroll-behavior:smooth}body{background:var(--page);color:var(--ink);font-family:var(--font-serif);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;margin:0}button{font:inherit}button:focus-visible{outline:3px solid var(--accent);outline-offset:3px}img{width:100%;display:block}figure{margin:0}.shell{background:var(--page);min-height:100dvh;overflow:hidden}.topbar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;width:min(1380px,100% - 48px);height:72px;margin:0 auto;display:flex}.brand{font-family:var(--font-sans);letter-spacing:-.04em;font-size:16px;font-weight:800}.top-status{color:var(--muted);font-family:var(--font-sans);letter-spacing:.12em;font-size:11px;font-weight:700}.top-status span{color:var(--accent);margin-left:8px}.music-hero{align-items:center;width:min(1180px,100% - 48px);margin:0 auto;padding:64px 0 72px;display:flex}.music-copy{z-index:1;position:relative}.music-kicker,.result-label,.reason-section>span,.today-card>div>span{color:var(--accent);font-family:var(--font-sans);letter-spacing:.12em;text-transform:uppercase;margin-bottom:20px;font-size:12px;font-weight:800;display:block}.music-copy h1{letter-spacing:-.09em;max-width:8ch;margin:0;font-size:clamp(66px,8vw,126px);line-height:.87}.music-copy>p{color:#53575d;max-width:420px;margin:30px 0;font-size:18px;line-height:1.7}.music-cta,.copy-button{background:var(--ink);color:#fff;min-height:52px;font-family:var(--font-sans);cursor:pointer;white-space:nowrap;border:0;border-radius:999px;padding:0 24px;font-weight:800;transition:transform .18s,background .18s}.music-cta span{color:#ffd7cf;margin-left:28px;font-size:12px}.music-cta:hover,.copy-button:hover{background:var(--accent);transform:translateY(-2px)}.music-cta:active,.copy-button:active{transform:scale(.98)}.music-note{grid-template-columns:.7fr 1.3fr;align-items:start;gap:48px;width:min(1180px,100% - 48px);margin:0 auto 76px;display:grid}.music-note strong{letter-spacing:-.055em;font-size:clamp(30px,4vw,58px);line-height:1.05}.music-note p{max-width:570px;color:var(--muted);margin:6px 0 0;font-size:19px;line-height:1.8}.how-it-feels{width:min(1180px,100% - 48px);margin:0 auto 76px}.how-it-feels h2{letter-spacing:-.065em;max-width:14ch;margin:0 0 32px;font-size:clamp(42px,6vw,78px);line-height:.98}.feel-layout{grid-template-columns:1.1fr .9fr;align-items:end;gap:56px;display:grid}.feel-layout figure{border-radius:var(--radius);overflow:hidden}.feel-layout img{object-fit:cover;filter:saturate(.78)brightness(1.08);height:430px}.feel-layout p{max-width:500px;margin:0 0 24px;font-size:23px;line-height:1.65}.center-state{min-height:calc(100dvh - 72px);color:var(--muted);place-items:center;display:grid}.quiz-layout{grid-template-columns:300px 1fr;align-items:start;gap:7vw;width:min(1240px,100% - 48px);min-height:calc(100dvh - 72px);margin:0 auto;padding:40px 0 64px;display:grid}.quiz-sidebar{position:sticky;top:24px}.quiz-count{font-family:var(--font-sans);grid-template-columns:auto 1fr;align-items:end;margin-bottom:22px;display:grid}.quiz-count>span{color:var(--muted);letter-spacing:.14em;grid-column:1/-1;font-size:11px}.quiz-count strong{letter-spacing:-.08em;font-size:88px;line-height:.9}.quiz-count small{color:var(--muted);margin:0 0 8px 10px}.quiz-photo{border-radius:var(--radius);overflow:hidden;box-shadow:0 14px 36px #3944461c}.quiz-photo img{object-fit:cover;filter:saturate(.7)brightness(1.08);height:300px}.question-dots{grid-template-columns:repeat(16,1fr);gap:4px;margin:22px 0 12px;display:grid}.question-dots i{background:var(--line);height:4px}.question-dots i.active{background:var(--accent)}.quiz-sidebar>p{color:var(--muted);font-size:13px}.question-panel{padding:26px 0;animation:.42s cubic-bezier(.16,1,.3,1) panel-in}.question-meta{border-bottom:1px solid var(--line);color:var(--muted);font-family:var(--font-sans);justify-content:space-between;padding-bottom:18px;font-size:12px;display:flex}.question-meta span:first-child{color:var(--accent);font-weight:800}.question-panel h2{letter-spacing:-.055em;max-width:17ch;margin:38px 0 46px;font-size:clamp(38px,5vw,66px);line-height:1.08}.options-list{gap:10px;display:grid}.option-button{border:1px solid var(--line);border-radius:var(--radius);width:100%;min-height:68px;color:var(--ink);font-family:var(--font-sans);text-align:left;cursor:pointer;background:#fcfcfacc;grid-template-columns:34px 1fr 22px;align-items:center;gap:14px;padding:10px 18px;transition:transform .18s,border-color .18s,background .18s;display:grid}.option-button:hover{border-color:var(--accent);background:#fff;transform:translate(5px)}.option-button.selected{border-color:var(--accent);background:var(--soft-accent)}.option-button:disabled{cursor:wait}.option-key{color:var(--accent);font-size:12px;font-weight:800}.option-arrow{color:var(--muted)}.quiz-actions{color:var(--muted);justify-content:space-between;margin-top:22px;font-size:12px;display:flex}.text-button{color:var(--ink);cursor:pointer;background:0 0;border:0;padding:0}.text-button:disabled{color:#b4b7b7;cursor:default}.analysis-screen{text-align:center;align-content:center;place-items:center;width:min(960px,100% - 48px);min-height:calc(100dvh - 72px);margin:0 auto;padding:54px 0;display:grid}.analysis-photo{width:min(720px,100%);box-shadow:var(--shadow);margin-bottom:28px;animation:1.5s ease-in-out infinite alternate breathe;overflow:hidden}.analysis-photo img{aspect-ratio:1200/630;object-fit:cover}.analysis-screen>span{color:var(--accent);letter-spacing:.12em;font-size:12px;font-weight:800}.analysis-screen h2{letter-spacing:-.07em;margin:14px 0 24px;font-size:clamp(42px,7vw,84px)}.analysis-copy{color:var(--muted);gap:24px;font-size:12px;display:flex}.result-page>section,.landing-footer{width:min(1180px,100% - 48px);margin-left:auto;margin-right:auto}.track-hero{grid-template-columns:.92fr 1.08fr;align-items:center;gap:7vw;min-height:calc(100dvh - 72px);padding:50px 0 80px;display:grid;position:relative}.cover-frame{position:relative;transform:rotate(-1.4deg)}.cover-frame img{aspect-ratio:4/5;object-fit:cover;border-radius:var(--radius);filter:saturate(.82)brightness(1.05);box-shadow:var(--shadow)}.cover-frame figcaption{color:var(--muted);margin-top:12px;font-size:12px}.track-copy h1{overflow-wrap:anywhere;max-width:10ch;font-family:var(--font-display);letter-spacing:-.075em;margin:0;font-size:clamp(52px,7vw,100px);line-height:.93}.track-artist{margin:18px 0 38px;font-size:18px;font-weight:700}.track-artist span{color:var(--muted);margin-left:10px;font-size:12px}.track-copy blockquote{max-width:600px;margin:0 0 34px;font-size:clamp(22px,2.5vw,34px);line-height:1.45}.match-stamp{background:var(--accent);color:#fff;text-align:center;border-radius:50%;place-content:center;width:140px;height:140px;display:grid;position:absolute;bottom:42px;right:0;transform:rotate(7deg)}.match-stamp strong{font-size:38px}.match-stamp span{font-size:11px}.reason-section{padding:110px 0}.reason-section h2{letter-spacing:-.065em;max-width:16ch;margin:0;font-size:clamp(42px,6vw,78px);line-height:1.02}.reason-section p{color:#555960;max-width:750px;margin:34px 0 0 28%;font-size:21px;line-height:1.75}.voice-map{border-top:1px solid var(--line);padding:80px 0}.voice-heading{max-width:650px}.voice-heading h2,.profile-lead h2,.moments-section h2,.playlist-heading h2,.blindspot-section h2{letter-spacing:-.055em;margin:0;font-size:clamp(36px,5vw,60px);line-height:1.06}.voice-heading p{color:var(--muted);line-height:1.7}.dimension-grid{grid-template-columns:repeat(5,1fr);gap:12px;margin-top:48px;display:grid}.dimension-card{border-radius:var(--radius);background:var(--paper);flex-direction:column;justify-content:space-between;min-height:180px;padding:20px;display:flex;box-shadow:0 12px 30px #3944460f}.dimension-card:nth-child(2){background:var(--blue-paper)}.dimension-card:nth-child(4){background:var(--yellow-paper)}.dimension-card strong{letter-spacing:-.06em;font-size:52px}.dimension-card span{color:var(--muted);font-size:12px}.dimension-card p{margin:6px 0 0;font-weight:800}.editorial-profile{grid-template-columns:.8fr 1.2fr;gap:9vw;padding:100px 0;display:grid}.profile-lead>p{margin:28px 0;font-size:25px;line-height:1.5}.tag-row{flex-wrap:wrap;gap:8px;display:flex}.tag-row span{border:1px solid var(--line);border-radius:999px;padding:8px 12px;font-size:12px}.profile-columns{grid-template-columns:1fr 1fr;gap:12px;display:grid}.profile-fact{border-radius:var(--radius);background:var(--paper);min-height:210px;padding:26px}.profile-fact span{color:var(--accent);font-size:12px;font-weight:800}.profile-fact p{margin:30px 0 0;font-size:18px;line-height:1.7}.blindspot-section{grid-template-columns:1fr 1fr;align-items:center;gap:7vw;padding:90px 0;display:grid}.blindspot-section figure{border-radius:var(--radius);overflow:hidden}.blindspot-section img{object-fit:cover;filter:saturate(.72)brightness(1.08);height:520px}.blindspot-section p{color:#575b61;font-size:19px;line-height:1.75}.moments-section{padding:100px 0}.moment-grid{grid-template-columns:1.25fr .75fr 1fr;align-items:end;gap:16px;margin-top:44px;display:grid}.moment-grid figure{border-radius:var(--radius);background:var(--paper);overflow:hidden}.moment-grid figure:nth-child(2){transform:translateY(-36px)}.moment-grid img{object-fit:cover;filter:saturate(.75)brightness(1.08);height:360px}.moment-grid figure:nth-child(2) img{height:280px}.moment-grid figcaption{min-height:92px;padding:20px;font-size:17px;font-weight:800;line-height:1.45}.today-card{border-radius:var(--radius);background:var(--soft-accent);grid-template-columns:1.15fr .85fr;min-height:440px;margin-top:40px;margin-bottom:110px;display:grid;overflow:hidden}.today-card>div{flex-direction:column;justify-content:center;padding:56px;display:flex}.today-card h2{letter-spacing:-.05em;max-width:16ch;margin:0;font-size:clamp(34px,4vw,56px);line-height:1.15}.today-card p{color:#685d5b;line-height:1.7}.today-card figure,.today-card img{height:100%}.today-card img{object-fit:cover;filter:saturate(.72)brightness(1.1)}.playlist-section{border-top:1px solid var(--line);padding:80px 0}.playlist-heading{justify-content:space-between;align-items:end;display:flex}.playlist-heading span{color:var(--muted);font-size:12px}.track-list{grid-template-columns:repeat(3,1fr);gap:14px;margin-top:42px;display:grid}.track-row{border-radius:var(--radius);background:var(--paper);grid-template-columns:76px 1fr auto;align-items:center;gap:16px;padding:14px;display:grid}.track-row figure{border-radius:9px;overflow:hidden}.track-row img{object-fit:cover;width:76px;height:76px}.track-row div{min-width:0}.track-row strong,.track-row small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.track-row small{color:var(--muted);margin-top:6px}.track-row b{color:var(--accent)}.result-actions{text-align:center;padding:90px 0 120px}.result-actions p{color:var(--muted);font-size:12px}.landing-footer{border-top:1px solid var(--line);min-height:90px;color:var(--muted);justify-content:space-between;align-items:center;padding:24px 0;font-size:12px;display:flex}@keyframes panel-in{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}@keyframes breathe{0%{opacity:.82;transform:scale(.985)}to{opacity:1;transform:scale(1)}}@media (max-width:900px){.track-hero,.music-note,.feel-layout,.editorial-profile,.blindspot-section{grid-template-columns:1fr}.music-hero{padding-top:48px}.music-copy h1{font-size:clamp(64px,14vw,96px)}.music-note{gap:24px}.quiz-layout{grid-template-columns:220px 1fr;gap:32px}.quiz-photo img{height:220px}.dimension-grid{grid-template-columns:repeat(3,1fr)}.profile-columns,.track-list{grid-template-columns:1fr 1fr}.blindspot-section figure{order:2}.reason-section p{margin-left:0}.match-stamp{bottom:52px}}@media (max-width:720px){.topbar,.music-hero,.music-note,.how-it-feels,.quiz-layout,.result-page>section,.landing-footer{width:min(100% - 32px,1180px)}.topbar{height:62px}.top-status{font-size:9px}.music-hero{padding:40px 0 52px}.music-kicker{margin-bottom:16px}.music-copy h1{font-size:clamp(58px,18vw,82px)}.music-copy>p{margin:22px 0;font-size:16px}.music-note{margin-bottom:60px}.feel-layout img{height:310px}.feel-layout p{font-size:19px}.how-it-feels{margin-bottom:60px}.quiz-layout{grid-template-columns:1fr;min-height:auto;padding:24px 0 56px}.quiz-sidebar{grid-template-columns:1fr 120px;align-items:end;gap:12px;display:grid;position:static}.quiz-count strong{font-size:64px}.quiz-photo{grid-area:1/2/3}.quiz-photo img{height:128px}.question-dots{grid-column:1/-1;margin:4px 0 0}.quiz-sidebar>p{margin:0}.question-panel{padding-top:8px}.question-panel h2{margin:28px 0;font-size:38px}.option-button{min-height:72px;padding:10px 14px}.analysis-copy{flex-direction:column;gap:8px}.track-hero{grid-template-columns:1fr;min-height:auto;padding:32px 0 100px}.cover-frame{width:80%;transform:rotate(-1deg)}.track-copy h1{font-size:54px}.match-stamp{width:112px;height:112px;bottom:28px;right:0}.match-stamp strong{font-size:30px}.reason-section,.voice-map,.editorial-profile,.blindspot-section,.moments-section,.playlist-section{padding:72px 0}.dimension-grid{grid-template-columns:1fr 1fr}.dimension-card:last-child{grid-column:1/-1}.profile-columns{grid-template-columns:1fr}.profile-fact{min-height:auto}.blindspot-section img{height:380px}.moment-grid{grid-template-columns:1fr}.moment-grid figure:nth-child(2){transform:none}.moment-grid img,.moment-grid figure:nth-child(2) img{height:260px}.today-card{grid-template-columns:1fr;margin-bottom:72px}.today-card>div{padding:34px 24px}.today-card figure{height:260px}.track-list{grid-template-columns:1fr}.landing-footer{flex-direction:column;align-items:flex-start;gap:10px}}@media (max-width:380px){.music-copy h1{font-size:54px}.question-panel h2{font-size:34px}.quiz-sidebar{grid-template-columns:1fr 98px}.quiz-photo img{height:108px}.dimension-card{padding:16px}.dimension-card strong{font-size:42px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}}