:root{--bg:#eef2f0;--paper:#fbfcf9;--ink:#203b3b;--muted:#586e6d;--line:#cedbd5;--teal:#174d4b;--gold:#dac79d;font-family:-apple-system,BlinkMacSystemFont,"Hiragino Kaku Gothic ProN","Noto Sans JP",Meiryo,sans-serif;color:var(--ink);background:var(--bg);font-synthesis:none}*{box-sizing:border-box}body{margin:0;line-height:1.8}button,a,input{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:disabled{cursor:default;opacity:.45}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #bc9660;outline-offset:5px}button{color:inherit}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-weight:500}button{touch-action:manipulation}.header{max-width:1280px;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:25px 40px;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:13px}.brand>span{font-size:23px;letter-spacing:.2em;line-height:1.5}.brand small{display:block;font-size:9px;letter-spacing:.17em}.header-note{color:var(--muted);font-size:12px;letter-spacing:.12em}main{max-width:1200px;margin:auto;padding:0 40px}.intro{padding:55px 0 35px}.eyebrow{font-size:10px;letter-spacing:.2em;color:var(--muted);font-weight:600;margin-bottom:15px}.intro h1{font-family:"Yu Mincho","Hiragino Mincho ProN",serif;letter-spacing:.09em;font-size:40px;line-height:1.65;margin-bottom:18px}.intro>p:last-child{font-size:14px;color:var(--muted);line-height:2}.workspace{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,1fr);gap:45px;align-items:start}.player{position:relative;background:#123b3f;background:radial-gradient(ellipse at 50% 25%,#286467 0%,#133e43 45%,#0e292f 100%);border-radius:22px;color:#f3f5ed;padding:26px 30px 0;overflow:hidden;box-shadow:0 24px 60px #163d3b16}.player-top{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:10px;color:#c4d6d2;letter-spacing:.06em}.pill{border:1px solid #c9d6c34d;border-radius:40px;padding:4px 10px;font-size:9px;letter-spacing:.15em;white-space:nowrap}.art{height:220px;position:relative;display:grid;place-items:center;margin:10px 0 4px;isolation:isolate}.orb{width:118px;height:118px;border-radius:50%;background:radial-gradient(circle at 39% 32%,#f9f6da,#c6d6b5 17%,#6a9d90 45%,#1e565c 75%);box-shadow:0 0 55px #bcdac43b,inset -8px -10px 25px #0b333e80;position:relative}.halo{width:195px;height:195px;border:1px solid #bdd9c12a;border-radius:50%;position:absolute;transform:rotate(-25deg) scaleX(1.18);box-shadow:0 0 40px #8baaa20b}.halo.second{width:245px;height:245px;transform:rotate(20deg) scaleY(.85);opacity:.6}.waterline{position:absolute;bottom:6px;height:1px;width:73%;background:linear-gradient(90deg,transparent,#bdd8cb66,transparent)}.playing .orb{animation:breathe 12s ease-in-out infinite}.playing .halo{animation:orbit 35s linear infinite}.playing .halo.second{animation-direction:reverse;animation-duration:48s}@keyframes breathe{50%{box-shadow:0 0 75px #bcdac460,inset -8px -10px 25px #0b333e80;transform:scale(1.035)}}@keyframes orbit{to{transform:rotate(335deg) scaleX(1.18)}}.track-heading{text-align:center}.track-heading .eyebrow{color:#c6d8cc;font-size:9px;margin-bottom:8px}.track-heading h2{font-family:"Yu Mincho",serif;font-size:34px;letter-spacing:.23em;margin-bottom:8px;padding-left:.23em}.track-heading>p:last-child{color:#cfddd6;font-size:12px;min-height:44px;margin-bottom:20px}.timeline input{width:100%;height:4px;accent-color:#dbd6b5;cursor:pointer}.timeline>div{display:flex;justify-content:space-between;font-variant-numeric:tabular-nums;color:#c8d7d2;font-size:11px;margin-top:5px}.transport{display:flex;align-items:center;justify-content:center;gap:27px;padding:25px 0}.play{border:0;background:#e6e9d7;color:#173e42;border-radius:50px;min-width:160px;min-height:56px;display:flex;align-items:center;justify-content:center;gap:13px;padding:12px 23px;font-size:14px;font-weight:600}.play:hover{background:#f4f5e9}.play:disabled{opacity:.65}.round{border:1px solid #b8d2cb42;border-radius:50%;width:42px;height:42px;background:transparent;color:#d3e0d9;font-size:20px;position:relative}.round small{font-size:8px;position:absolute;left:13px;top:16px}.player-bottom{border-top:1px solid #c7dbd128;padding:18px 0;display:flex;gap:10px;justify-content:space-between;color:#bdd0c9;font-size:10px}.player-bottom button{font-size:10px;border:0;background:none;padding:0;color:#e4e8d6}.download-progress p{font-size:11px;color:#d5dfd7;text-align:center;margin:7px 0 20px}.download-progress progress{width:100%;accent-color:#d9d1ae;height:5px}.section-title{display:flex;justify-content:space-between;align-items:center;padding-top:7px;gap:12px}.section-title h2{font-size:19px;margin:0}.section-title>span{font-size:9px;color:var(--muted);letter-spacing:.15em}.section-copy{font-size:12px;color:var(--muted);margin:8px 0 22px}.presets{display:grid;gap:12px}.preset{display:flex;align-items:center;gap:17px;width:100%;text-align:left;border:1px solid var(--line);border-radius:14px;padding:17px;background:var(--paper)}.preset.active{border:1.5px solid #376a63;background:#e1ebe5;padding:16.5px}.preset-copy{display:flex;flex-direction:column}.preset-copy small{font-size:8px;color:var(--muted);letter-spacing:.12em}.preset-copy strong{font-size:19px;font-family:"Yu Mincho",serif;font-weight:500;letter-spacing:.1em;line-height:1.8}.preset-copy>span{font-size:11px;color:#49615c}.preset-copy em{font-size:10px;color:var(--muted);font-style:normal;margin-top:5px}.selected{margin-left:auto;color:var(--teal);visibility:hidden}.active .selected{visibility:visible}.mini-art{width:65px;height:79px;border-radius:8px;flex-shrink:0;position:relative;overflow:hidden;background:radial-gradient(circle at 50% 42%,#d8dfbf 0%,#769d8d 19%,#264e53 35%,#15393e 75%)}.mini-art:after{content:"";position:absolute;width:49px;height:49px;border:1px solid #ffffff44;left:8px;top:8px;border-radius:50%}.mini-art.still{background:radial-gradient(circle at 50% 42%,#f1e6bb,#b7b98a 20%,#5e7764 38%,#344b45 80%)}.mini-art.open{background:radial-gradient(circle at 50% 42%,#fff2d5,#d6ba94 21%,#a08076 42%,#665860 85%)}.listening-card{display:flex;gap:14px;padding:22px 0 7px}.small-icon{font-size:26px;color:#42716a}.listening-card h3{font-size:13px;margin-bottom:7px;font-weight:600}.listening-card p{font-size:11px;color:#465e59;line-height:1.9;margin-bottom:8px}.listening-card .muted{color:var(--muted);font-size:10px}.options{border-top:1px solid var(--line);margin-top:10px;font-size:12px}.options summary{cursor:pointer;padding:16px 0;color:var(--muted)}.options>div{padding:0 8px;font-size:12px;line-height:2;color:var(--muted)}.saved{display:flex;gap:25px;align-items:center;flex-wrap:wrap;background:#e1e9e2;border-radius:16px;margin-top:44px;padding:28px 32px}.saved>div{flex:1;min-width:200px}.saved .eyebrow{font-size:9px;margin-bottom:5px}.saved h2{font-size:20px;margin-bottom:5px}.saved p{font-size:12px;color:var(--muted);margin-bottom:0}.outline{font-size:12px;background:none;border:1px solid #8ba59a;border-radius:30px;padding:12px 23px;white-space:nowrap}.saved .saved-note{width:100%;font-size:10px;margin-top:-8px}#message{font-size:13px;color:#6c492e;min-height:26px;margin:20px 0}footer{display:flex;justify-content:space-between;gap:15px;max-width:1200px;margin:20px auto 0;border-top:1px solid var(--line);padding:22px 40px 30px;font-size:10px;color:var(--muted)}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}[hidden]{display:none!important}#dim-screen{position:fixed;inset:0;background:#030708;color:#aab9b1;z-index:100;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:25px}#dim-screen>p{font-size:10px;letter-spacing:.35em;margin:0;color:#7b938b}#dim-screen h2{font-size:28px;letter-spacing:.2em;margin:0}#dim-screen span{font-size:18px;font-variant-numeric:tabular-nums}#dim-screen button{background:transparent;border:1px solid #597166;border-radius:50px;padding:13px 30px;color:#b0c0b7;font-size:13px}#dim-screen small{font-size:10px;margin-top:35px;color:#7f938a}@media(max-width:850px){.workspace{gap:25px}.header{padding:20px 25px}main{padding:0 25px}.player{padding:22px 22px 0}.preset{gap:12px;padding:13px}.preset.active{padding:12.5px}.mini-art{width:48px;height:72px}.mini-art:after{left:3px;width:42px;height:42px}.preset-copy>span{font-size:10px}.art{height:200px}}@media(max-width:680px){.header{padding:17px 20px}.brand>span{font-size:20px}.brand img{width:38px;height:38px}.brand small{font-size:8px}.header-note{font-size:9px}main{padding:0 19px}.intro{padding:32px 3px 20px}.intro .eyebrow{font-size:8px}.intro h1{font-size:32px;margin-bottom:13px}.intro>p:last-child{font-size:12px}.workspace{grid-template-columns:1fr;gap:32px}.player{max-width:500px;width:100%;margin:auto;padding:23px 25px 0}.art{height:190px}.halo{width:173px;height:173px}.halo.second{width:220px;height:220px}.orb{width:108px;height:108px}.track-heading>p:last-child{min-height:0;margin-bottom:23px}.transport{padding:21px 0}.preset{padding:16px;gap:17px}.preset.active{padding:15.5px}.mini-art{width:58px;height:71px}.mini-art:after{left:5px;width:48px;height:48px}.preset-copy>span{font-size:11px}.listening-card p{font-size:12px}.listening-card .muted{font-size:11px}.options{font-size:13px}.saved{margin-top:27px;padding:24px;gap:17px}.saved .saved-note{margin-top:0}.saved h2{font-size:18px}footer{padding:22px 20px;flex-wrap:wrap;font-size:9px}footer>span:nth-child(2){order:3;width:100%}.player-top{font-size:9px}.play{min-width:156px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;scroll-behavior:auto!important}}

/* v1.2: a single composition, with its flow instead of track choices. */
.journey{border:1px solid var(--line);border-radius:15px;background:var(--paper);padding:4px 20px}.journey-step{display:flex;gap:19px;padding:17px 0;border-bottom:1px solid var(--line);align-items:flex-start}.journey-step:last-child{border:0}.journey-step>span{font-size:13px;font-variant-numeric:tabular-nums;color:var(--teal);min-width:54px;line-height:1.5;padding-top:3px}.journey-step>span small{display:block;font-size:8px;letter-spacing:.16em;margin-top:4px;color:var(--muted)}.journey-step h3{font-size:15px;margin-bottom:5px}.journey-step p{font-size:11px;color:var(--muted);line-height:1.9;margin-bottom:0}.track-heading h2{font-size:28px;letter-spacing:.12em}.track-heading>p:last-child{min-height:44px}@media(max-width:680px){.journey{padding:4px 19px}.journey-step{gap:17px}.journey-step p{font-size:12px}.track-heading h2{font-size:25px}}