:root{--bg-base: #FFF0EB;--bg-surface: #FFFFFF;--bg-surface-hover: #FFF7F4;--brand: #EF6B4A;--brand-light: #FF8B70;--brand-dim: rgba(239, 107, 74, .1);--accent: #5B6CFF;--text-primary: #1A1A2E;--text-secondary: #6B6B80;--text-en: #1A1A2E;--text-ja: #EF6B4A;--beat: .556s;--half-beat: .278s;--two-beats: 1.111s;--font-display: "Bebas Neue", sans-serif;--font-ja: "Zen Maru Gothic", sans-serif;--font-body: "Inter", sans-serif;--font-mono: "JetBrains Mono", monospace}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased}body{font-family:var(--font-body);background:var(--bg-base);color:var(--text-primary);overflow-x:hidden;line-height:1.6}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.section{position:relative;width:100%;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:6rem 1.5rem}.section-inner{max-width:1100px;width:100%;margin:0 auto}.organic-bg{position:fixed;inset:0;z-index:0;overflow:hidden;pointer-events:none}.organic-bg:before,.organic-bg:after{content:"";position:absolute;border-radius:50%;filter:blur(80px);opacity:.5;animation-timing-function:ease-in-out;animation-iteration-count:infinite}.organic-bg:before{width:60vw;height:60vw;top:-15vw;left:-10vw;background:radial-gradient(circle,rgba(239,107,74,.18) 0%,rgba(255,139,112,.08) 50%,transparent 70%);animation:blob-drift-1 22s infinite}.organic-bg:after{width:50vw;height:50vw;bottom:-10vw;right:-15vw;background:radial-gradient(circle,rgba(91,108,255,.12) 0%,rgba(91,108,255,.04) 50%,transparent 70%);animation:blob-drift-2 28s infinite}.organic-blob-3{position:absolute;width:45vw;height:45vw;top:40%;left:50%;transform:translate(-50%,-50%);border-radius:50%;filter:blur(90px);opacity:.4;background:radial-gradient(circle,rgba(255,200,180,.15) 0%,transparent 70%);animation:blob-drift-3 25s ease-in-out infinite;pointer-events:none}@keyframes blob-drift-1{0%,to{transform:translate(0) scale(1)}33%{transform:translate(8vw,5vw) scale(1.08)}66%{transform:translate(-3vw,8vw) scale(.95)}}@keyframes blob-drift-2{0%,to{transform:translate(0) scale(1)}33%{transform:translate(-6vw,-4vw) scale(1.05)}66%{transform:translate(5vw,-7vw) scale(.97)}}@keyframes blob-drift-3{0%,to{transform:translate(-50%,-50%) scale(1)}50%{transform:translate(-45%,-55%) scale(1.1)}}.floating-lyrics{position:fixed;inset:0;z-index:0;overflow:hidden;pointer-events:none}.floating-lyric{position:absolute;font-size:clamp(.85rem,1.5vw,1.1rem);font-weight:600;opacity:0;white-space:nowrap;animation:float-drift linear infinite}.floating-lyric[data-lang=en]{font-family:var(--font-body);color:var(--text-primary)}.floating-lyric[data-lang=ja]{font-family:var(--font-ja);color:var(--brand)}@keyframes float-drift{0%{opacity:0;transform:translateY(10vh) rotate(-2deg)}8%{opacity:.07}50%{opacity:.1}92%{opacity:.07}to{opacity:0;transform:translateY(-10vh) rotate(2deg)}}.hero{padding:0;overflow:hidden;z-index:1}.hero-content{position:relative;z-index:2;text-align:center;display:flex;flex-direction:column;align-items:center;gap:.5rem}.hero-title{font-family:var(--font-display);font-size:clamp(4rem,13vw,11rem);letter-spacing:.06em;line-height:1;color:var(--text-primary);text-shadow:0 2px 30px rgba(239,107,74,.15),0 0 80px rgba(239,107,74,.06)}.hero-tagline{font-family:var(--font-ja);font-size:clamp(1rem,2.5vw,1.5rem);color:var(--brand);font-weight:500;opacity:.9;margin-top:.25rem}.hero-sub{font-size:.9rem;color:var(--text-secondary);margin-top:.5rem}.scroll-indicator{position:absolute;bottom:2.5rem;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:.5rem;color:var(--text-secondary);font-size:.75rem;letter-spacing:.15em;text-transform:uppercase;font-family:var(--font-body)}.scroll-indicator:after{content:"";display:block;width:1px;height:36px;background:linear-gradient(to bottom,var(--brand),transparent);animation:scroll-pulse 2.2s ease-in-out infinite}@keyframes scroll-pulse{0%,to{opacity:1;transform:scaleY(1)}50%{opacity:.4;transform:scaleY(.6)}}.concept-problem{font-family:var(--font-ja);font-size:clamp(1.1rem,2.5vw,1.6rem);color:var(--text-secondary);text-align:center;max-width:600px;margin:0 auto 3rem;line-height:1.9}.concept-solution{font-family:var(--font-ja);font-size:clamp(1.8rem,4vw,3rem);font-weight:700;color:var(--text-primary);text-align:center;margin-bottom:3.5rem}.concept-solution em{font-style:normal;color:var(--brand)}.lyric-demo{max-width:600px;margin:0 auto 2rem;text-align:center}.lyric-line{font-size:clamp(1rem,2vw,1.25rem);line-height:2.2;margin-bottom:.25rem}.lyric-line .en{color:var(--text-en);font-weight:600}.lyric-line .ja{color:var(--text-ja);font-family:var(--font-ja);font-weight:500}.lyric-attribution{text-align:center;color:var(--text-secondary);font-size:.85rem;margin-top:1.5rem;font-style:italic}.concept-explain{text-align:center;color:var(--text-secondary);font-size:.95rem;max-width:550px;margin:0 auto;line-height:1.8}.album-header{text-align:center;margin-bottom:1rem}.album-header h2{font-family:var(--font-display);font-size:clamp(2rem,5vw,3.5rem);letter-spacing:.04em;color:var(--text-primary)}.album-header p{color:var(--text-secondary);font-size:.95rem;margin-top:.75rem;max-width:500px;margin-left:auto;margin-right:auto}.track-grid{display:grid;grid-template-columns:repeat(4,1fr);row-gap:.3rem;column-gap:1.25rem;margin-top:2.5rem}.track-tile{display:grid;grid-template-rows:subgrid;grid-row:span 4;justify-items:center;cursor:pointer;transition:transform var(--half-beat) ease;padding-bottom:1.5rem}.track-tile:hover{transform:translateY(-6px)}.tile-icon{width:100%;aspect-ratio:1;border-radius:20px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;transition:box-shadow var(--beat) ease,transform var(--half-beat) ease}.tile-icon svg{width:40%;height:40%;position:relative;z-index:1;opacity:.85;filter:drop-shadow(0 2px 8px rgba(0,0,0,.15))}.track-tile:hover .tile-icon{box-shadow:0 8px 32px #0000001f;transform:scale(1.03)}.tile-num{font-family:var(--font-mono);font-size:.65rem;color:var(--text-secondary);letter-spacing:.05em}.tile-title{font-family:var(--font-ja);font-size:.95rem;font-weight:700;text-align:center;color:var(--text-primary);line-height:1.3}.tile-domain{font-size:.7rem;color:var(--text-secondary);text-align:center;align-self:start}.experience h2{font-family:var(--font-display);font-size:clamp(2rem,5vw,3.5rem);text-align:center;margin-bottom:1rem;letter-spacing:.04em}.experience-sub{text-align:center;color:var(--text-secondary);margin-bottom:3rem;font-size:.95rem}.experience-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.exp-card{background:var(--bg-surface);border-radius:16px;padding:2rem;border:1px solid rgba(0,0,0,.06);transition:transform var(--half-beat) ease,box-shadow var(--beat) ease;overflow:hidden}.exp-card:hover{transform:translateY(-4px);box-shadow:0 12px 40px #00000014}.exp-card--full{grid-column:1 / -1}.exp-card-label{display:inline-block;font-size:.7rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--brand);background:var(--brand-dim);padding:.25rem .75rem;border-radius:20px;margin-bottom:1rem}.exp-card h3{font-family:var(--font-ja);font-size:1.3rem;font-weight:700;margin-bottom:.5rem;color:var(--text-primary)}.exp-card p{color:var(--text-secondary);font-size:.9rem;line-height:1.7}.exp-mockup{margin-top:1.5rem;border-radius:10px;overflow:hidden;background:linear-gradient(135deg,var(--brand-dim) 0%,rgba(91,108,255,.08) 100%);display:flex;align-items:center;justify-content:center;position:relative}.exp-mockup img{width:100%;height:auto;display:block;border-radius:10px}.exp-card--horizontal{display:flex;flex-direction:row;gap:1.5rem;align-items:center}.exp-card--horizontal .exp-card-text{flex:1;min-width:0}.exp-card--horizontal .exp-mockup{margin-top:0;flex-shrink:0}.exp-card--horizontal .exp-mockup--portrait{width:160px;height:284px}.exp-card--horizontal .exp-mockup--portrait img{width:100%;height:100%;object-fit:cover}.exp-card--horizontal .exp-mockup--landscape{width:55%}@media(max-width:768px){.exp-card--horizontal{flex-direction:column}.exp-card--horizontal .exp-mockup--portrait{width:140px;height:248px}.exp-card--horizontal .exp-mockup--landscape{width:100%}}.footer{padding:4rem 1.5rem 2rem;text-align:center;background:var(--bg-base);border-top:1px solid rgba(0,0,0,.06);position:relative;z-index:1}.footer-cta{margin-bottom:2.5rem}.footer-cta h3{font-family:var(--font-ja);font-size:1.4rem;font-weight:700;margin-bottom:1.25rem;color:var(--text-primary)}.cta-button{display:inline-flex;align-items:center;gap:.5rem;padding:.9rem 2.2rem;background:var(--brand);color:#fff;font-weight:700;font-size:1rem;border-radius:50px;border:none;cursor:pointer;transition:transform var(--half-beat) ease,box-shadow var(--beat) ease}.cta-button:hover{transform:scale(1.05);box-shadow:0 4px 24px #ef6b4a59}.footer-links{display:flex;justify-content:center;gap:2rem;margin-bottom:2rem}.footer-links a{color:var(--text-secondary);font-size:.9rem;transition:color var(--half-beat) ease}.footer-links a:hover{color:var(--brand)}.footer-disclosure{font-size:.78rem;color:var(--text-secondary);max-width:520px;margin:0 auto 1.5rem;line-height:1.6}.footer-copy{font-size:.75rem;color:#1a1a2e4d}@media(max-width:768px){.section{padding:4rem 1.25rem}.track-grid{grid-template-columns:repeat(2,1fr);column-gap:1rem}.experience-grid{grid-template-columns:1fr}.footer-links{gap:1.25rem}}@media(max-width:480px){.track-grid{grid-template-columns:repeat(2,1fr);gap:.75rem}.tile-icon{border-radius:14px}}.legal-page{min-height:100vh;padding:4rem 1.5rem;background:var(--bg-base)}.legal-inner{max-width:720px;margin:0 auto}.legal-back{display:inline-block;color:var(--brand);font-size:.9rem;margin-bottom:2rem;transition:opacity var(--half-beat) ease}.legal-back:hover{opacity:.7}.legal-page h1{font-family:var(--font-display);font-size:2.5rem;letter-spacing:.04em;margin-bottom:.5rem;color:var(--text-primary)}.legal-updated{color:var(--text-secondary);font-size:.85rem;margin-bottom:2.5rem}.legal-page h2{font-size:1.1rem;font-weight:700;margin:2rem 0 .5rem;color:var(--text-primary)}.legal-page p,.legal-page li{color:var(--text-secondary);font-size:.92rem;line-height:1.8;margin-bottom:.5rem}.legal-page ul{padding-left:1.5rem;margin-bottom:.5rem}.legal-page strong{color:var(--text-primary)}.player-overlay{position:fixed;inset:0;z-index:1000;background:#1a1a2e80;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);opacity:0;pointer-events:none;transition:opacity .3s ease}.player-overlay.active{opacity:1;pointer-events:auto}.player-modal{position:fixed;z-index:1001;top:50%;left:50%;transform:translate(-50%,-50%) scale(.9);width:340px;max-width:calc(100vw - 2rem);background:var(--bg-surface);border-radius:16px;padding:2rem 1.5rem 1.5rem;display:flex;flex-direction:column;align-items:center;gap:.25rem;box-shadow:0 20px 60px #00000026;opacity:0;pointer-events:none;user-select:none;overflow:hidden}.player-modal.active{opacity:1;pointer-events:auto}.player-accent{position:absolute;top:0;left:0;right:0;height:4px;border-radius:16px 16px 0 0}.player-close{position:absolute;top:.75rem;right:.75rem;width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:none;border:none;cursor:pointer;color:var(--text-secondary);border-radius:50%;transition:background var(--half-beat) ease,color var(--half-beat) ease}.player-close:hover{background:#0000000f;color:var(--text-primary)}.player-icon{width:80px;height:80px;border-radius:18px;display:flex;align-items:center;justify-content:center;margin-bottom:.5rem}.player-icon svg{width:40%;height:40%;opacity:.85;filter:drop-shadow(0 2px 8px rgba(0,0,0,.15))}.player-num{font-family:var(--font-mono);font-size:.65rem;color:var(--text-secondary);letter-spacing:.05em}.player-title{font-family:var(--font-ja);font-size:1.15rem;font-weight:700;color:var(--text-primary);text-align:center}.player-en{font-size:.8rem;color:var(--text-secondary);margin-bottom:.15rem}.player-theme{font-size:.75rem;color:var(--text-secondary);text-align:center;line-height:1.5;margin-bottom:.75rem}.player-play{width:64px;height:64px;border-radius:50%;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#fff;transition:transform var(--half-beat) ease,box-shadow var(--half-beat) ease;margin:.5rem 0}.player-play:hover{transform:scale(1.08);box-shadow:0 4px 20px #0003}.player-play svg{width:28px;height:28px}.player-progress-wrap{width:100%;height:6px;background:#00000014;border-radius:3px;cursor:pointer;margin:.5rem 0 .25rem;transition:height .15s ease;position:relative}.player-progress-wrap:hover{height:8px}.player-progress-bar{height:100%;border-radius:3px;width:0%;transition:background .3s ease}.player-time{width:100%;display:flex;justify-content:space-between;font-family:var(--font-mono);font-size:.7rem;color:var(--text-secondary)}#playerAudio{display:none}@media(max-width:480px){.player-modal{width:calc(100vw - 2rem);padding:1.5rem 1.25rem 1.25rem}.player-icon{width:64px;height:64px;border-radius:14px}.player-play{width:56px;height:56px}.player-play svg{width:24px;height:24px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}.floating-lyric{display:none}.organic-bg:before,.organic-bg:after,.organic-blob-3{animation:none}}