.record-feature{color:#faf4fb;max-width:1120px;margin:auto;padding:32px 24px 56px;position:relative}.record-feature:before{content:"";z-index:-1;pointer-events:none;background:linear-gradient(90deg,#07030dd9,#07030d40 75%,#0000);position:absolute;inset:0}.record-feature :is(h1,h2,h3,p,blockquote,figure){margin:0}.record-feature :is(h1,h2,h3,p,blockquote,a){overflow-wrap:anywhere}.record-feature a:focus-visible,.record-feature summary:focus-visible{outline-offset:6px;border-radius:3px;outline:2px solid #7df9ff}.record-meta{color:#c5a8c1;letter-spacing:.16em;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;font-size:11px;display:flex}.record-meta a{letter-spacing:0;color:#b8faff;text-underline-offset:5px;align-items:center;min-height:44px;display:inline-flex}.record-artist{align-items:center;gap:20px;margin:32px 0 44px;display:flex}.record-artist>div{min-width:0}.record-artist-image{object-fit:cover;border:2px solid #ffb0d85e;border-radius:50%;flex-shrink:0;width:96px;height:96px;box-shadow:0 0 0 7px #ff2d8a0d,0 8px 44px #ff2d8a30}.record-eyebrow{letter-spacing:.2em;color:#e8a5ce;font-size:10px;line-height:1.7}.record-artist .record-artist-name{letter-spacing:-.025em;margin-top:5px;font-size:clamp(26px,4.5vw,46px);font-weight:700;line-height:1.2}.record-artist-link{color:inherit;text-underline-offset:6px;-webkit-text-decoration:underline #ff83bb99;text-decoration:underline #ff83bb99;text-decoration-thickness:2px}.record-artist-link:hover{text-decoration-color:currentColor}.record-artist .record-artist-caption{color:#d0bfce;margin-top:10px;font-size:12px;line-height:1.8}.record-core-label{color:#d7c2d1;align-items:center;gap:14px;font-size:12px;display:flex}.record-core-label:before{content:"";background:#f7cce7;width:26px;height:1px}.record-core-title{letter-spacing:-.035em;text-wrap:balance;max-width:940px;font-size:clamp(36px,6.4vw,76px);font-weight:800;line-height:1.24;margin-top:18px!important}.record-core-text{white-space:pre-line;max-width:850px;font-size:clamp(19px,2.35vw,27px);font-weight:500;line-height:1.95;margin-top:28px!important}.record-player{-webkit-backdrop-filter:blur(20px);background:#160f22ad;border:1px solid #ffffff30;border-radius:20px;margin-top:32px;padding:20px;scroll-margin-top:90px;box-shadow:0 16px 60px #0004}.record-player-body{min-width:0}.record-player .record-audio-credit{color:#bda9bc;margin-top:14px;font-size:11px;line-height:1.7}.record-player h2{margin:7px 0 16px;font-size:clamp(20px,3vw,28px);line-height:1.35}.record-player-cover{width:100px;margin-bottom:20px}.record-suno{background:#121522;border:0;border-radius:12px;width:100%;height:176px;display:block}.record-embed-video{aspect-ratio:16/9;background:#121522;border:0;border-radius:12px;width:100%;display:block}.record-listen-button{color:#fff5fc;background:#ff2d8a;border-radius:999px;justify-content:center;align-items:center;gap:8px;min-height:48px;padding:10px 22px;font-size:15px;font-weight:600;text-decoration:none;display:inline-flex}.record-listen-button:hover{background:#ff4d9d}.record-text-link{text-underline-offset:5px;color:#c1faff;align-items:center;gap:8px;min-height:44px;font-size:13px;text-decoration:underline;display:inline-flex}.record-song-pending{color:#ccbaca;padding:20px 0;font-size:15px}.record-narrative{gap:30px;padding-top:80px;display:grid}.record-section-title{letter-spacing:-.02em;text-wrap:balance;font-size:clamp(25px,3.6vw,39px);line-height:1.5}.record-story-intro .record-section-title{margin-top:15px}.record-voice{padding-top:22px;position:relative}.record-quote-mark{color:#ffb3df;opacity:.9;font-family:Georgia,serif;font-size:84px;line-height:.6;display:block}.record-voice blockquote{letter-spacing:-.015em;white-space:pre-line;max-width:650px;padding-left:20px;font-size:clamp(22px,2.8vw,31px);line-height:1.75}.record-voice figcaption{color:#c9afc2;align-items:center;gap:16px;margin-top:18px;padding-left:20px;font-size:11px;display:flex}.record-voice figcaption:before{content:"";background:#ba95af;width:28px;height:1px}.record-story-prose{color:#ddd0dc;min-width:0;font-size:16px;line-height:2.05}.record-story-prose p{white-space:pre-line}.record-story-more summary{cursor:pointer;color:#d4faff;text-underline-offset:6px;align-items:center;gap:10px;width:fit-content;min-height:44px;margin-top:16px;font-size:13px;text-decoration:underline;list-style:none;display:flex}.record-story-more summary::-webkit-details-marker{display:none}.record-story-more[open] summary svg{transform:rotate(180deg)}.record-story-more .record-read-less,.record-story-more[open] .record-read-more{display:none}.record-story-more[open] .record-read-less{display:inline}.record-story-more>div p{margin-top:24px}.record-middle-voices{align-content:start;gap:36px;display:grid}.record-duality{margin-top:72px;padding-top:24px;position:relative}.record-duality:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(at 0 35%,#7df9ff14,#0000 55%),radial-gradient(at 100% 85%,#9225aa25,#0000 58%);position:absolute;inset:0}.record-light,.record-shadow{min-height:160px;padding-top:48px;position:relative}.record-duality-symbol{color:#bafaff18;-webkit-user-select:none;user-select:none;pointer-events:none;font-size:125px;font-weight:300;line-height:1;position:absolute;top:26px;right:0}.record-shadow .record-duality-symbol{color:#ee9af720}.record-duality-copy{max-width:700px;position:relative}.record-duality-copy h3{color:#bdf8ff;margin-bottom:14px;font-size:13px;font-weight:500}.record-shadow h3{color:#e1b3ee}.record-duality-copy p{white-space:pre-line;font-size:clamp(16px,1.8vw,20px);line-height:2}.record-closing-voice{margin-top:80px}.record-voice-final blockquote{max-width:900px;font-size:clamp(26px,3.7vw,42px);font-weight:500;line-height:1.65}.record-invitation{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:14px;margin-top:64px;font-size:14px;display:flex}.record-invitation p{text-align:right;color:#d3c1d0;width:100%}.record-invitation a{text-underline-offset:8px;align-items:center;min-height:44px;font-size:20px;font-weight:600;text-decoration:underline;display:inline-flex}.record-public-shell{overflow-x:clip}.record-legal{max-width:1120px;margin:auto;padding:112px 24px 16px}.record-share-dock{z-index:50;bottom:max(14px, env(safe-area-inset-bottom,0px));-webkit-backdrop-filter:blur(24px);color:#fff5fc;background:#201127df;border:1px solid #ffffff38;border-radius:20px;align-items:center;gap:6px;width:max-content;max-width:calc(100% - 24px);padding:8px 12px;display:flex;position:fixed;left:50%;transform:translate(-50%);box-shadow:0 12px 48px #0008}.record-share-label{letter-spacing:.12em;color:#d9bbd2;padding:0 16px 0 8px;font-size:10px}.record-share-dock :is(a,button){cursor:pointer;white-space:nowrap;background:0 0;border:0;border-radius:12px;justify-content:center;align-items:center;gap:8px;min-width:56px;min-height:48px;padding:0 14px;font-size:13px;display:inline-flex}.record-share-dock :is(a,button):hover{background:#ffffff15}.record-share-dock :is(a,button):focus-visible,.record-share-close:focus-visible{outline-offset:2px;outline:2px solid #b8faff}.record-share-dock .record-share-line{color:#98ffc0;font-weight:700}.record-share-word{display:none}.record-dock-status{color:#beffff;text-align:center;background:#24132df5;border-radius:12px;margin:0;padding:12px;font-size:13px;line-height:1.6;position:absolute;bottom:calc(100% + 10px);left:0;right:0}.record-dock-status:empty{display:none}.record-share-dialog{color:#fff5fc;overscroll-behavior:contain;background:#140d1cf5;border:1px solid #ffffff30;border-radius:22px;width:min(620px,100% - 24px);max-height:calc(100dvh - 48px);margin:auto;padding:0}.record-share-dialog::backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#07030dbd}.record-share-dialog-inner{padding:60px 24px 24px;position:relative}.record-share-close{cursor:pointer;background:#ffffff0d;border-radius:50%;place-items:center;width:44px;height:44px;display:grid;position:absolute;top:10px;right:10px}body:has(.record-share-dialog[open]){overflow:hidden}@media (max-width:600px){.record-share-label{display:none}.record-share-dock{justify-content:space-between;gap:2px;width:calc(100% - 24px);max-width:420px;padding:6px 8px}.record-share-dock :is(a,button){padding-inline:10px}}.record-public-shell~*{scroll-margin-bottom:120px}body:has(.record-public-shell) .nav-spacer{display:none}body:has(.record-public-shell) nav[aria-label][class*=safe-b]{display:none}body:has(.record-public-shell){padding-bottom:calc(85px + env(safe-area-inset-bottom,0px))}@media (min-width:760px){.record-feature{padding:48px 48px 80px}.record-artist{gap:30px;margin:40px 0 56px}.record-artist-image{width:128px;height:128px}.record-artist .record-artist-caption{font-size:14px}.record-player{margin-top:44px;padding:28px}.record-player-with-cover{grid-template-columns:160px minmax(0,1fr);align-items:center;gap:28px;display:grid}.record-player-cover{width:160px;margin:0}.record-narrative{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:40px 72px;padding-top:110px}.record-story-intro{grid-column:1/-1}.record-first-voice{grid-column:1/-1;max-width:800px}.record-middle-voices{padding-top:50px}.record-story-prose{font-size:17px}.record-duality{margin-top:110px;padding-left:24%}.record-light,.record-shadow{padding-top:56px}.record-shadow{margin-left:8%}.record-duality-symbol{font-size:170px;top:22px;left:-170px;right:auto}.record-shadow .record-duality-symbol{left:auto;right:-15px}.record-closing-voice{margin-top:110px}}@media (max-width:360px){.record-feature{padding-inline:18px}.record-artist{gap:16px}.record-artist-image{width:80px;height:80px}.record-core-title{font-size:34px}.record-player{padding:14px}}html:is([data-theme=dawn]:not(:has(.record-public-shell[lang=en])),:has(.record-public-shell[lang=ja])) .record-feature:before{background:linear-gradient(90deg,#071b33c9,#0e294c50 75%,#0000)}html:is([data-theme=dawn]:not(:has(.record-public-shell[lang=en])),:has(.record-public-shell[lang=ja])) .record-artist-image{border-color:#b3defa77;box-shadow:0 0 0 7px #8ecbff0d,0 8px 35px #0b264438}html:is([data-theme=dawn]:not(:has(.record-public-shell[lang=en])),:has(.record-public-shell[lang=ja])) :is(.record-eyebrow,.record-meta,.record-core-label,.record-artist-caption,.record-share-label){color:#bbd9ee}html:is([data-theme=dawn]:not(:has(.record-public-shell[lang=en])),:has(.record-public-shell[lang=ja])) :is(.record-player,.record-share-dock,.record-share-dialog,.record-dock-status){background:#102d4ae8;border-color:#acd9f447;box-shadow:0 12px 40px #03162b55}html:is([data-theme=dawn]:not(:has(.record-public-shell[lang=en])),:has(.record-public-shell[lang=ja])) .record-narrative{gap:24px;padding-top:44px}html:is([data-theme=dawn]:not(:has(.record-public-shell[lang=en])),:has(.record-public-shell[lang=ja])) .record-quote-mark{color:#a5d9fb}html:is([data-theme=dawn]:not(:has(.record-public-shell[lang=en])),:has(.record-public-shell[lang=ja])) .record-story-prose{color:#d5e6f4}html:is([data-theme=dawn]:not(:has(.record-public-shell[lang=en])),:has(.record-public-shell[lang=ja])) .record-duality{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:44px;padding:0;display:grid}html:is([data-theme=dawn]:not(:has(.record-public-shell[lang=en])),:has(.record-public-shell[lang=ja])) .record-duality>h2{grid-column:1/-1;margin-bottom:8px}html:is([data-theme=dawn]:not(:has(.record-public-shell[lang=en])),:has(.record-public-shell[lang=ja])) :is(.record-light,.record-shadow){background:linear-gradient(145deg,#3159825c,#0a2644b8);border:1px solid #94c9f245;border-radius:18px;min-width:0;min-height:0;margin:0;padding:18px}html:is([data-theme=dawn]:not(:has(.record-public-shell[lang=en])),:has(.record-public-shell[lang=ja])) .record-duality-symbol{display:none}html:is([data-theme=dawn]:not(:has(.record-public-shell[lang=en])),:has(.record-public-shell[lang=ja])) .record-duality-copy h3{color:#b6e1fa;line-height:1.7}html:is([data-theme=dawn]:not(:has(.record-public-shell[lang=en])),:has(.record-public-shell[lang=ja])) .record-duality-copy p{font-size:clamp(14px,1.7vw,18px);line-height:1.9}html:is([data-theme=dawn]:not(:has(.record-public-shell[lang=en])),:has(.record-public-shell[lang=ja])) .record-closing-voice{margin-top:44px}@media (max-width:360px){html:is([data-theme=dawn]:not(:has(.record-public-shell[lang=en])),:has(.record-public-shell[lang=ja])) :is(.record-light,.record-shadow){padding:12px}}.record-listen-intro{margin:-12px 0 36px}.record-opening-song{text-wrap:balance;font-size:clamp(25px,4vw,42px);font-weight:700;line-height:1.3}.record-listen-shortcut{color:#ffd2e8;background:#ff2d8a18;border:1px solid #ff83bb99;border-radius:999px;align-items:center;gap:10px;min-height:44px;margin-top:14px;padding:8px 18px;font-size:14px;font-weight:600;display:inline-flex}.record-listen-intro .record-listen-note{color:#c9c1d3;margin-top:8px;font-size:12px}.record-after-player{margin-top:18px;font-size:14px}.invite-creator-cta{margin:0}.invite-creator-cta button,.record-after-player a{color:#ffd2e8;cursor:pointer;text-align:center;background:#ff2d8a12;border:1px solid #ff83bb66;border-radius:999px;justify-content:center;align-items:center;min-height:44px;padding:10px 16px;font-size:14px;font-weight:600;display:inline-flex}.invite-creator-cta button:focus-visible{outline-offset:4px;outline:2px solid #b8faff}.record-invitation .invite-creator-cta button{font-size:18px}@media (max-width:600px){.record-artist{margin:24px 0 30px}.record-listen-intro{margin-top:0}}.record-trace{gap:14px;margin-top:64px;display:grid}.record-trace .record-section-title{margin-top:6px}.record-trace-note{color:#c9afc2;max-width:650px;font-size:13px;line-height:1.8}.record-trace-list{gap:30px;max-width:760px;margin:14px 0 0;padding:0;list-style:none;display:grid}.record-trace-item{gap:10px;display:grid}.record-trace-q{color:#e8a5ce;white-space:pre-line;align-items:baseline;gap:12px;font-size:15px;line-height:1.8;display:flex}.record-trace-q>span[aria-hidden]{letter-spacing:.2em;flex-shrink:0;font-size:11px;font-weight:700}.record-trace-a{white-space:pre-line;padding-left:27px;font-size:clamp(17px,2vw,21px);line-height:1.9}html:is([data-theme=dawn]:not(:has(.record-public-shell[lang=en])),:has(.record-public-shell[lang=ja])) .record-trace{margin-top:44px}html:is([data-theme=dawn]:not(:has(.record-public-shell[lang=en])),:has(.record-public-shell[lang=ja])) .record-trace-q{color:#bbd9ee}html:is([data-theme=dawn]:not(:has(.record-public-shell[lang=en])),:has(.record-public-shell[lang=ja])) .record-trace-note{color:#a9c3d8}@media (min-width:760px){.record-trace{margin-top:96px}.record-trace-list{gap:36px}}