:root{--bg: #0E0F13;--surface: #181A20;--surface-active: #24262E;--accent: #9C8A76;--accent-soft: rgba(156, 138, 118, .16);--text-primary: #E2E0D9;--text-secondary: #C4C6CB;--text-tertiary: #9BA0A8;--maxw: 1100px}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:Noto Sans JP,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.85;color:var(--text-primary);background-color:var(--bg);letter-spacing:.03em;-webkit-font-smoothing:antialiased}.section{padding:7rem 1.5rem}.container{max-width:var(--maxw);margin:0 auto}.container.narrow{max-width:720px}.section-title{text-align:center;font-size:2.2rem;font-weight:300;line-height:1.5;letter-spacing:.04em;color:var(--text-primary);margin-bottom:1.5rem}.section-lead{text-align:center;color:var(--text-secondary);font-weight:300;margin-bottom:3rem;line-height:2}.cta-button{display:inline-block;padding:1.1rem 2.8rem;background:transparent;color:var(--text-primary);text-decoration:none;border:1px solid var(--accent);border-radius:50px;font-size:1.02rem;font-weight:300;letter-spacing:.08em;transition:background .5s ease,color .5s ease,transform .4s ease,box-shadow .5s ease}.cta-button:hover{background:var(--accent-soft);transform:translateY(-2px)}.cta-amber{background:var(--accent);color:#15130f;border-color:var(--accent);font-weight:400}.cta-amber:hover{background:#ab9882;box-shadow:0 10px 34px #9c8a7640}.cta-pending{display:inline-block;padding:1.1rem 2.8rem;border-radius:50px;border:1px dashed rgba(156,138,118,.45);background:transparent;color:var(--text-secondary);font-size:1.02rem;font-weight:300;letter-spacing:.08em;cursor:default}.hero{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;overflow:hidden;background:radial-gradient(120% 90% at 50% 18%,#16192b,#0e0f13 55%)}.hero-glow{position:absolute;top:14%;left:50%;width:70vw;max-width:620px;aspect-ratio:1;transform:translate(-50%);background:radial-gradient(circle,rgba(156,138,118,.2) 0%,rgba(156,138,118,.05) 34%,transparent 62%),radial-gradient(circle,transparent 30%,rgba(140,196,168,.07) 52%,transparent 74%);filter:blur(10px);animation:breathe 9s ease-in-out infinite;pointer-events:none}@keyframes breathe{0%,to{transform:translate(-50%) scale(1);opacity:.85}50%{transform:translate(-50%) scale(1.08);opacity:1}}.hero-content{position:relative;z-index:2;text-align:center;max-width:760px;padding:2rem;opacity:0;animation:heroFadeIn 1.4s ease-out .3s forwards}@keyframes heroFadeIn{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.hero-kicker{font-size:.95rem;letter-spacing:.5em;color:var(--accent);margin-bottom:2rem;padding-left:.5em}.hero-wordmark{height:64px;width:auto;opacity:.92;display:inline-block}.hero-title{font-size:2.9rem;font-weight:300;line-height:1.5;letter-spacing:.05em;margin-bottom:1.8rem}.hero-subtitle{font-size:1.12rem;font-weight:300;color:var(--text-secondary);line-height:2.1;margin-bottom:2.8rem}.hero-note{color:var(--text-tertiary);font-size:.98rem}.hero-scroll{position:absolute;bottom:2.2rem;left:50%;transform:translate(-50%);color:var(--text-tertiary);font-size:1.6rem;z-index:2;animation:bob 2.4s ease-in-out infinite}@keyframes bob{0%,to{transform:translate(-50%)}50%{transform:translate(-50%,7px)}}.listen{background:var(--bg)}.player{display:flex;align-items:center;gap:1.5rem;background:var(--surface);border:1px solid rgba(255,255,255,.05);border-radius:18px;padding:1.8rem;box-shadow:0 14px 50px #0006}.player-btn{flex-shrink:0;width:64px;height:64px;border-radius:50%;border:1px solid var(--accent);background:var(--accent-soft);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .3s ease,transform .3s ease}.player-btn:hover{background:#9c8a7647;transform:scale(1.04)}.play-icon{width:0;height:0;border-left:16px solid var(--accent);border-top:10px solid transparent;border-bottom:10px solid transparent;margin-left:4px}.player-btn.playing .play-icon{border:none;width:14px;height:16px;margin-left:0;border-left:5px solid var(--accent);border-right:5px solid var(--accent)}.player-body{flex:1;min-width:0}.player-track-name{font-size:1.05rem;font-weight:400;margin-bottom:.9rem}.player-track-sub{color:var(--text-tertiary);font-size:.85rem;font-weight:300}.player-bar{height:4px;background:var(--surface-active);border-radius:2px;overflow:hidden;cursor:pointer}.player-bar-fill{width:0%;height:100%;background:var(--accent);transition:width .2s linear}.player-time{display:flex;justify-content:space-between;margin-top:.7rem;color:var(--text-tertiary);font-size:.8rem;font-weight:300}.after-listen{text-align:center;margin-top:3rem;opacity:0;transform:translateY(14px);transition:opacity .9s ease,transform .9s ease}.after-listen.show{opacity:1;transform:translateY(0)}.after-listen-text{font-size:1.4rem;font-weight:300;letter-spacing:.1em;color:var(--text-secondary);margin-bottom:1.6rem}.traits,.tracks,.buy,.listen{position:relative;overflow:hidden}.traits:before,.tracks:before,.buy:before,.listen:before{content:"";position:absolute;width:46vw;max-width:520px;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(176,182,198,.1) 0%,rgba(156,138,118,.08) 30%,rgba(156,138,118,.03) 50%,transparent 70%);filter:blur(10px);pointer-events:none;z-index:0;animation:moonBreathe 12s ease-in-out infinite}.listen:before{top:-6%;right:-4%}.traits:before{bottom:-10%;left:-8%;animation-delay:-3s}.tracks:before{top:12%;right:-10%;animation-delay:-6s}.buy:before{top:-12%;left:50%;transform:translate(-50%);animation-delay:-9s}@keyframes moonBreathe{0%,to{opacity:.7}50%{opacity:1}}.listen .container,.traits .container,.tracks .container,.buy .container{position:relative;z-index:1}.traits{background:var(--surface)}.trait-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.4rem;margin-top:3.5rem}.trait-card{background:var(--bg);border:1px solid rgba(255,255,255,.04);border-radius:16px;padding:2.4rem 2rem}.trait-mark{color:var(--accent);margin-bottom:1.2rem;line-height:1}.trait-mark svg{width:28px;height:28px;display:block}.trait-card h3{font-size:1.18rem;font-weight:500;margin-bottom:.9rem}.trait-card p{color:var(--text-secondary);font-weight:300;font-size:.97rem;line-height:1.9}.tracks{background:var(--bg)}.track-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.4rem;margin-top:3.5rem}.track-card{position:relative;border-radius:18px;overflow:hidden;min-height:220px;border:1px solid rgba(255,255,255,.05);display:flex;align-items:flex-end}.track-gradient{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;background-size:cover;background-position:center}.track-card[data-situation=sleep] .track-gradient{background-image:linear-gradient(to top,#0e0f13e0,#0e0f134d 42%,#0e0f130d 70%),url(../card-sleep.jpg)}.track-card[data-situation=calm] .track-gradient{background-image:linear-gradient(to top,#0e0f13e0,#0e0f134d 42%,#0e0f130d 70%),url(../card-calm.jpg)}.track-card[data-situation=focus] .track-gradient{background-image:linear-gradient(to top,#0e0f13e0,#0e0f134d 42%,#0e0f130d 70%),url(../card-focus.jpg)}.track-meta{position:relative;z-index:1;padding:1.8rem}.track-no{font-size:.8rem;letter-spacing:.3em;color:var(--accent)}.track-name{font-size:1.4rem;font-weight:300;letter-spacing:.06em;margin:.5rem 0}.track-when{color:var(--text-secondary);font-weight:300;font-size:.92rem}.tracks-note{text-align:center;margin-top:3rem;color:var(--text-tertiary);font-weight:300;font-size:.95rem;line-height:2}.buy{background:var(--surface)}.buy-card{position:relative;overflow:hidden;border-radius:26px;padding:3.8rem 2.5rem;text-align:center;border:1px solid rgba(156,138,118,.16);background:radial-gradient(58% 42% at 50% -6%,rgba(184,191,208,.14) 0%,transparent 60%),linear-gradient(180deg,#141826,#9c8a761c 40%,#6876961c 53%,#0e0f13 84%);box-shadow:0 0 70px #9c8a7612,inset 0 1px #ffffff0a}.buy-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;background:radial-gradient(70% 30% at 50% 48%,rgba(150,165,195,.1),transparent 70%);animation:moonBreathe 11s ease-in-out infinite;pointer-events:none}.buy-card>*{position:relative;z-index:1}.buy-price{font-size:3.4rem;font-weight:300;letter-spacing:.02em}.buy-yen{font-size:1.8rem;color:var(--accent);margin-right:.15em}.buy-price-label{color:var(--text-secondary);font-weight:300;margin-bottom:2.2rem}.buy-list{list-style:none;margin:0 auto 2.6rem;max-width:360px;text-align:left}.buy-list li{color:var(--text-secondary);font-weight:300;padding:.6rem 0 .6rem 1.6rem;position:relative;border-bottom:1px solid rgba(255,255,255,.04)}.buy-list li:before{content:"—";position:absolute;left:0;color:var(--accent)}.buy-fine{margin-top:1.6rem;color:var(--text-tertiary);font-size:.86rem;font-weight:300}.footer{background:#0a0b0e;color:var(--text-secondary);padding:4rem 1.5rem 2.5rem}.footer-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:2.5rem;max-width:var(--maxw);margin:0 auto 2.5rem}.footer-title{font-size:1.25rem;font-weight:400;color:var(--text-primary);margin-bottom:.9rem;letter-spacing:.08em}.footer-description{font-weight:300;line-height:1.8;font-size:.92rem}.footer-heading{font-size:.95rem;font-weight:500;color:var(--text-primary);margin-bottom:1rem}.footer-links{list-style:none}.footer-links li{margin-bottom:.6rem}.footer-links a{color:var(--text-secondary);text-decoration:none;font-weight:300;font-size:.92rem;transition:color .3s ease}.footer-links a:hover{color:var(--accent)}.footer-bottom{text-align:center;padding-top:2rem;border-top:1px solid rgba(255,255,255,.06);font-size:.82rem;font-weight:300;color:var(--text-tertiary)}.reveal{opacity:0;transform:translateY(28px);transition:opacity .9s ease,transform .9s ease}.reveal.animate{opacity:1;transform:translateY(0)}@media (max-width: 768px){.section{padding:5rem 1.25rem}.hero-title{font-size:2.1rem}.hero-subtitle{font-size:1.02rem}.section-title{font-size:1.7rem}.player{flex-direction:row;padding:1.4rem;gap:1rem}.player-hint{display:none}.buy-price{font-size:2.8rem}.trait-grid{grid-template-columns:1fr 1fr;gap:.8rem}.trait-card{padding:1.6rem 1.2rem}.trait-card h3{font-size:1.02rem}.trait-card p{font-size:.88rem;line-height:1.75}}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}html{scroll-behavior:auto}.hero-glow{animation:none}}