:root{--ink:#33566c;--muted:#637f93;--line:#89adbf66;--blue:#578aa5;--serif:'Songti SC','STSong','Noto Serif CJK SC',serif;--paper:#f1f5f7}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;color:var(--ink);background:#e7f0f5;font:14px/1.8 -apple-system,BlinkMacSystemFont,'PingFang SC','Microsoft YaHei',sans-serif}body:before{content:'';position:fixed;inset:0;background:linear-gradient(#edf3f7c9,#e9f1f6d9),url('assets/pearl-reference.webp') center center/cover no-repeat;z-index:-2;pointer-events:none}.ocean-wash{position:absolute;top:0;left:0;width:100%;height:850px;background:linear-gradient(0deg,#e7f0f5 0%,#e8f1f54a 30%,#dcebf267),url('assets/sea-reference.webp') center 34%/100% 100% no-repeat;opacity:.85;z-index:-1;pointer-events:none}button,input,select{font:inherit}button{border:0;background:none;color:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button,a{touch-action:manipulation}button:hover,a:hover{color:#204b68}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #4f83a4;outline-offset:5px}[hidden]{display:none!important}.nav{height:86px;display:flex;align-items:center;justify-content:space-between;gap:25px;padding:0 6%;border-bottom:1px solid #ffffff77;background:#ecf4f76b;position:sticky;top:0;z-index:15;backdrop-filter:blur(14px)}.brand{font:20px var(--serif);letter-spacing:3px;white-space:nowrap}.brand span{font:9px sans-serif;display:inline-block;letter-spacing:1px;padding-left:17px;margin-left:17px;border-left:1px solid #89adbf66;color:var(--muted)}nav{display:flex;gap:33px;font-size:12px}.nav-tools{display:flex;align-items:center;gap:24px}.motion-button{font-size:10px;color:#638598;padding:8px 0}.collection{display:flex;align-items:center;gap:9px;font-size:19px}.collection b{font-size:10px;font-weight:400}.hero{max-width:1440px;margin:auto;height:650px;position:relative;padding:100px 12% 0;overflow:hidden}.hero-text{position:relative;z-index:2}.eyebrow{font-size:11px;letter-spacing:3px;color:#65899e;margin:0 0 20px;font-weight:400}h1{font:normal 83px/1.3 var(--serif);letter-spacing:12px;margin:0 0 10px;color:#345e7b}h1 span{font:italic 43px/1 Georgia,serif;display:inline-block;margin-left:20px;letter-spacing:5px;color:#6a91ac;vertical-align:middle}.hero-subtitle{font:20px/1.8 var(--serif);letter-spacing:3px;margin:22px 0;color:#47708b}.hero-note{font-size:12px;line-height:2.3;letter-spacing:1px;color:#5b7e95;margin:0}.hero-actions{display:flex;gap:36px;align-items:center;margin-top:38px}.underlined{border-bottom:1px solid #82a5b8;padding:6px 0;font-size:12px;display:flex;gap:26px;align-items:center}.hero-jelly{position:absolute;width:295px;right:12%;top:90px;transform:rotate(-12deg);animation:jelly-drift 10s ease-in-out infinite;text-align:center;padding:0;z-index:3}.hero-jelly img{width:100%;display:block;filter:drop-shadow(0 8px 22px #c5d1ec66);transition:filter .3s}.hero-jelly:hover img{filter:drop-shadow(0 0 15px #fff)}.hero-jelly span{font:11px var(--serif);letter-spacing:2px;display:inline-block;transform:rotate(12deg);color:#6b8ea2;background:#f6f9fb50;padding:5px 9px}.hero-margin{position:absolute;right:5%;top:145px;writing-mode:vertical-rl;font:11px var(--serif);letter-spacing:5px;color:#7598ad}.scroll-cue{position:absolute;bottom:42px;left:50%;transform:translateX(-50%);font-size:10px;letter-spacing:2px;color:#7593a5;display:flex;flex-direction:column;text-align:center;gap:10px}.scroll-cue span{font-size:20px}.sea-specks i{position:absolute;display:block;background:#f5fbffa6;border-radius:50%;width:6px;height:6px;animation:speck 7s ease-in-out infinite;pointer-events:none}.sea-specks i:nth-child(1){top:24%;left:7%}.sea-specks i:nth-child(2){top:64%;left:38%;width:10px;height:10px;animation-delay:-2s}.sea-specks i:nth-child(3){top:20%;left:67%;width:3px;height:3px}.sea-specks i:nth-child(4){top:74%;left:84%;animation-delay:-3s}.sea-specks i:nth-child(5){top:49%;left:57%;width:4px;height:4px;animation-delay:-5s}.sea-specks i:nth-child(6){top:86%;left:15%;width:3px;height:3px}.sea-specks i:nth-child(7){top:39%;left:92%;width:9px;height:9px;animation-delay:-4s}.sea-specks i:nth-child(8){top:11%;left:42%;width:4px;height:4px}.section{max-width:1200px;padding:70px 55px;margin:0 auto;position:relative}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:35px;margin-bottom:32px}.section-heading .eyebrow{margin:0 0 10px}h2{font:normal 32px/1.5 var(--serif);letter-spacing:4px;margin:0}.section-intro{font-size:12px;line-height:2;color:var(--muted);margin:10px 0 0;letter-spacing:.4px}.legend{display:flex;gap:22px;font-size:10px;color:#6e8b9c}.legend span{display:flex;gap:7px;align-items:center}.dot{display:inline-block;width:7px;height:7px;border-radius:50%;border:1px solid #6f9cb1}.life-dot{background:#7397a9}.music-dot{background:#a6b6d6;border-color:#a6b6d6}.stage-dot{background:#8eb9c0;border-color:#8eb9c0}.chapter-tabs{display:grid;grid-template-columns:repeat(5,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-top:32px}.chapter-tab{padding:20px 10px 18px;text-align:left;border-bottom:2px solid transparent;margin-bottom:-1px;font-size:12px;color:#7590a1;display:flex;gap:10px;align-items:center;line-height:1.5}.chapter-tab small{font:italic 15px Georgia,serif;color:#90a9bb}.chapter-tab.active{border-color:#729caf;color:#2e5f7b}.chapter-tab.active small{color:#517f9c}.chapter-intro{display:flex;justify-content:space-between;align-items:center;gap:30px;padding:33px 5px 22px}.chapter-intro span{font:italic 13px Georgia,serif;letter-spacing:1px;color:#7a9aad}.chapter-intro h3{font:normal 24px var(--serif);letter-spacing:2px;margin:10px 0}.chapter-intro p{font-size:11px;max-width:400px;line-height:2;color:var(--muted);margin:0}.journey-controls{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:8px 5px 18px}.filters{display:flex;gap:24px;flex-wrap:wrap}.filters button{font-size:11px;padding:3px 0;border-bottom:1px solid transparent;color:#728b9b}.filters button.active{color:#2f607d;border-color:#729caf}.quiet-button{font-size:10px;color:#6e8c9d;padding:5px 0}.ocean-current{position:relative;border-radius:48% 35% 0 0;padding:25px 0 10px;background:radial-gradient(ellipse at 50% 40%,#f3f8fc99,transparent 72%);isolation:isolate}.current-stop{position:relative;min-height:190px;padding:25px 0 35px;display:grid;grid-template-columns:1fr 100px 1fr;gap:30px;isolation:isolate}.current-lines{position:absolute;left:calc(50% - 50px);width:100px;height:calc(100% + 1px);top:0;z-index:-1;overflow:visible}.current-lines path{fill:none;stroke:#80a9bf;stroke-width:1.3;opacity:.58}.current-lines path:nth-child(2){stroke-width:.6;opacity:.28}.current-lines path:nth-child(3){stroke-width:.6;opacity:.2}.current-stop:nth-child(even) .current-lines{transform:scaleX(-1)}.current-port{grid-column:2;grid-row:1;align-self:start;text-align:center;padding-top:12px}.current-port b{display:block;font:normal 23px Georgia,serif;font-weight:400;color:#5a859e;letter-spacing:1px;padding:5px 0;background:#edf4f8c9;border-radius:50%}.current-port small{display:block;font-size:9px;color:#7898aa;margin-top:7px}.current-port .dot{margin-top:10px;box-shadow:0 0 0 5px #fff5}.node-paper{grid-row:1;min-width:0;position:relative;padding:5px 10px;background:radial-gradient(ellipse at 55% 20%,#f4f8fc88,transparent 80%)}.left-node .node-paper{grid-column:1}.right-node .node-paper{grid-column:3;margin-top:28px}.node-paper:before{content:'';position:absolute;width:80px;height:38px;border-top:1px solid #94b6c966;pointer-events:none;top:21px}.left-node .node-paper:before{right:-80px;border-right:1px solid #94b6c966;border-radius:0 80% 0 0}.right-node .node-paper:before{left:-80px;border-left:1px solid #94b6c966;border-radius:80% 0 0 0}.node-top{display:flex;align-items:center;gap:8px;margin-bottom:8px}.node-kind{font-size:9px;letter-spacing:2px;color:#82a0b2}.node-button{text-align:left;padding:0;font:normal 18px/1.8 var(--serif);letter-spacing:.5px;display:block;color:#416780;overflow-wrap:anywhere}.node-date{display:block;font:10px/1.8 sans-serif;letter-spacing:.3px;color:#6b8b9f;margin-top:6px}.branch-summary{font-size:11px;line-height:2;color:#6c889a;margin:9px 0 0}.branch-toggle{font-size:10px;color:#63889f;border-bottom:1px dotted #9cb9cb;padding:4px 0;margin-top:12px;text-align:left}.branch-leaves{padding:12px 0 0 16px;border-left:1px solid #a2bfd066;margin:12px 0 0 4px;display:grid;gap:7px}.leaf{font-size:11px;padding:5px 0;text-align:left;position:relative;line-height:1.9;color:#547b94;display:block}.leaf:before{content:'';position:absolute;width:11px;height:1px;background:#a2bfd077;left:-16px;top:16px}.leaf small{font-size:9px;color:#718ea1;margin-left:10px}.leaf:hover,.node-button:hover{color:#25536f;text-decoration:underline;text-underline-offset:4px}.journey-footnote{font-size:10px;line-height:2;color:#7893a3;text-align:center;margin:20px 0 0;padding-top:25px;border-top:1px solid var(--line)}.empty-tree,.empty{font-size:12px;text-align:center;color:var(--muted);padding:35px}.music,.stages,.stories{border-top:1px solid #96b4c333}.search{display:flex;gap:12px;align-items:center;padding:8px 0;border-bottom:1px solid #93b0c288;min-width:275px;color:#7594a6}.search>span{font-size:22px}.search input{width:100%;border:0;outline:0;background:none;color:var(--ink);font-size:11px}.search input::placeholder{color:#7895a7}.filter-row{display:flex;gap:20px;align-items:center;justify-content:space-between;margin:5px 0 15px}.result-count{font-size:10px;color:#7391a5;white-space:nowrap}.record-grid{display:grid;grid-template-columns:repeat(2,1fr);column-gap:50px}.record{display:flex;align-items:center;gap:10px;padding:20px 0;border-bottom:1px solid #9bb6c433;min-width:0}.record-open{display:grid;grid-template-columns:53px 1fr;column-gap:19px;align-items:center;flex:1;min-width:0;padding:0;text-align:left}.album-art{width:53px;height:53px;grid-row:1/3;grid-column:1;position:relative;display:grid;place-items:center;background:#dbe6ed88;border-radius:50%;border:1px solid #9fb9cb55}.album-art:before{content:'';position:absolute;width:36px;height:36px;border-radius:50%;border:1px solid #a2b9ce88;box-shadow:0 0 0 4px #d0dfec99}.album-art:after{content:'';width:5px;height:5px;background:#8cacc3;border-radius:50%}.cover1{background:#dce5f2aa}.cover2{background:#d9e9ebaa}.cover3{background:#e8e6f0aa}.record h3{grid-column:2;margin:0;font-size:13px;font-weight:400;line-height:1.8;overflow-wrap:anywhere}.record p{grid-column:2;font-size:9px;color:#7191a5;margin:3px 0 0}.save{font-size:19px;padding:10px;color:#87a1b5}.save.saved{color:#4d7fa2}.load-more{display:block;padding:8px 15px;font-size:11px;border-bottom:1px solid #95b2c288;color:#63869d;margin:28px auto 0}.story-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}.story-card{position:relative;text-align:left;padding:25px 20px 22px;min-height:228px;background:linear-gradient(145deg,#f6f8f9a8,#e1ebf273);border:1px solid #f8fcff9c;box-shadow:0 7px 25px #7393ab06;transform:rotate(-1.1deg)}.story-card:nth-child(2){transform:translateY(18px) rotate(1.2deg)}.story-card:nth-child(3){transform:rotate(-.7deg)}.story-card:before{content:'';position:absolute;width:48px;height:12px;top:-5px;left:calc(50% - 24px);background:#d6e4ef9c;transform:rotate(-5deg)}.story-card small{font-size:9px;letter-spacing:2px;color:#7896a9}.story-card h3{font:normal 19px var(--serif);margin:20px 0 15px}.story-card p{font:12px/2.1 var(--serif);color:#5f8096;margin:0}.story-card>span{display:block;margin-top:20px;font-size:10px;color:#7393a8}.stage-select{display:flex;align-items:center;gap:12px;font-size:11px;color:var(--muted)}select{border:0;border-bottom:1px solid #9db7c7;padding:5px;color:var(--ink);background:transparent;font-size:11px;border-radius:0}.stage-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.stage-card{padding:0;text-align:left}.stage-visual{position:relative;height:150px;background:linear-gradient(#e1ecf287,#dce9ef99),url('assets/pearl-reference.webp') center 70%/cover;display:grid;place-items:center;overflow:hidden;border:1px solid #f5faff8c}.stage-card:nth-child(2) .stage-visual{background-position:center 40%}.stage-card:nth-child(3) .stage-visual{background-position:center 95%}.play{width:38px;height:38px;border:1px solid #84a5bb;border-radius:50%;display:grid;place-items:center;font-size:13px;background:#eaf3f777;z-index:1}.stage-visual small{position:absolute;bottom:8px;left:12px;font-size:8px;color:#698b9f}.stage-card h3{font:normal 17px var(--serif);margin:16px 0 5px}.stage-card p{font-size:10px;color:#6c8c9f;margin:0}.stage-more{display:block;margin:25px auto 0;border-bottom:1px solid #a4bac9}.endnote{text-align:center;padding:45px 20px 75px;position:relative;background:linear-gradient(#e8f1f533,#e5eff6b3)}.wave-mark{font-size:45px;color:#9eb8ce}.endnote p{font:16px/2.2 var(--serif);letter-spacing:2px;color:#678a9f;margin:8px 0 25px}.endnote a{font-size:10px;color:#7598ac}footer{display:flex;align-items:center;justify-content:space-between;padding:25px 6%;gap:20px;font-size:9px;color:#7491a4;border-top:1px solid #96b4c333}footer p{margin:0}footer button{font-size:9px}.jelly-companion{position:fixed;right:25px;bottom:28px;z-index:12;opacity:0;visibility:hidden;transition:opacity .5s;transform:translateY(var(--jelly-drift,0px))}.jelly-companion.visible{opacity:1;visibility:visible}.jelly-companion button{padding:0;display:flex;align-items:center;flex-direction:column}.jelly-companion img{width:58px;height:78px;object-fit:contain;animation:jelly-drift 8s ease-in-out infinite;filter:drop-shadow(0 0 5px #fff)}.jelly-companion span{font-size:9px;letter-spacing:1px;color:#507c99;background:#f2f7faa6;padding:3px 7px;border-radius:12px}.jelly-companion:hover img{filter:drop-shadow(0 0 10px white)}dialog{position:fixed;margin:0 0 0 auto;inset:0 0 0 auto;height:100%;max-height:100%;width:min(520px,94vw);max-width:none;border:0;border-left:1px solid #e4f1f8;background:linear-gradient(#f3f7faf2,#e8f1f7f5);color:var(--ink);padding:70px 45px 40px;box-shadow:-20px 0 80px #355a7422}dialog::backdrop{background:#708da451;backdrop-filter:blur(4px)}.close{position:absolute;top:18px;right:25px;font-size:27px;font-weight:300;color:#7799ad}.drawer-back{display:block;font-size:10px;color:#6d8a9f;margin-bottom:25px}dialog .eyebrow{font-size:10px;letter-spacing:2px}dialog h2{font-size:27px;letter-spacing:1px;line-height:1.7;margin:15px 0}dialog p{font-size:12px;line-height:2.2;color:#5b7a91;white-space:pre-line}.meta{font-size:10px!important;color:#718b9d!important}.button{display:inline-flex;font-size:11px;padding:10px 15px;margin:15px 8px 8px 0;border:1px solid #b2c9d8}.primary{background:#d3e4efad;border-color:#c3d8e5;color:#416d89}.version-list{display:grid;gap:8px;margin:30px 0 0}.version-list .eyebrow{margin-bottom:0}.version-list button{font-size:11px;line-height:1.9;text-align:left;padding:10px 0;border-bottom:1px solid #c4d7e277}.detail-story{padding-left:15px;border-left:1px solid #a1bdce}.toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%,10px);opacity:0;pointer-events:none;background:#4f7891;color:#f3f8fc;padding:12px 22px;font-size:12px;z-index:40;transition:.2s;white-space:nowrap}.toast.visible{opacity:1;transform:translate(-50%,0)}body.motion-paused *,body.motion-paused *:before,body.motion-paused *:after{animation-play-state:paused!important}body.motion-paused .jelly-companion{transform:none!important;transition:none}@keyframes jelly-drift{0%,100%{transform:translate(0,0) rotate(-9deg)}50%{transform:translate(7px,-16px) rotate(-4deg)}}@keyframes speck{0%,100%{opacity:.3;transform:translateY(0)}50%{opacity:.9;transform:translateY(-12px)}}
@media(max-width:1050px){.nav{padding:0 5%;gap:15px}.brand span{display:none}nav{gap:25px}.hero{padding:90px 9% 0;height:610px}.hero-jelly{width:260px;right:8%;top:90px}.hero-margin{right:3%}.section{padding:55px 6%}.chapter-tab{font-size:11px;padding:16px 6px;gap:8px}.nav-tools{gap:15px}.hero-note{font-size:11px}.record-grid{column-gap:30px}.story-grid{gap:20px}.story-card{padding:23px 17px}.story-card h3{font-size:17px}.current-stop{grid-template-columns:1fr 75px 1fr;gap:22px}.current-lines{left:calc(50% - 38px);width:76px}.node-paper:before{width:61px}.left-node .node-paper:before{right:-61px}.right-node .node-paper:before{left:-61px}}@media(max-width:700px){html{scroll-padding-top:85px}.nav{height:73px;padding:0 5%;flex-wrap:wrap;gap:0}.brand{font-size:18px;letter-spacing:2px}.nav-tools{margin-left:auto;gap:14px}.nav nav{order:3;width:100%;justify-content:center;gap:30px;font-size:10px;margin:0 0 7px}.motion-button{font-size:9px}.collection{font-size:17px}.hero{height:525px;padding:54px 7% 0}.hero .eyebrow{font-size:10px;letter-spacing:2px;margin-bottom:22px}h1{font-size:59px;letter-spacing:6px}h1 span{font-size:30px;letter-spacing:3px;margin-left:13px}.hero-subtitle{font-size:16px;letter-spacing:1px;margin:17px 0}.hero-note{font-size:11px;letter-spacing:.4px;line-height:2.2}.hero-jelly{width:165px;right:2%;top:205px}.hero-jelly span{font-size:9px;letter-spacing:1px;padding:4px 5px}.hero-actions{flex-direction:column;align-items:flex-start;gap:13px;margin-top:27px}.underlined{font-size:11px;gap:22px}.hero-margin{display:none}.scroll-cue{bottom:20px;font-size:9px;gap:4px;left:38%}.ocean-wash{height:740px;background-size:auto,470px auto;background-position:center,center 23%}.section{padding:44px 6%}.section-heading{flex-direction:column;align-items:flex-start;gap:18px;margin-bottom:24px}.eyebrow{font-size:10px;letter-spacing:2px}h2{font-size:28px;letter-spacing:3px}.section-intro{font-size:11px}.legend{font-size:9px;gap:18px}.chapter-tabs{display:flex;overflow-x:auto;gap:18px;scrollbar-width:thin;scrollbar-color:#b4cad7 transparent;margin-top:23px}.chapter-tab{flex-shrink:0;padding:14px 0;font-size:11px;gap:7px}.chapter-tab small{font-size:13px}.chapter-intro{align-items:flex-start;flex-direction:column;gap:10px;padding:23px 0 15px}.chapter-intro h3{font-size:22px;margin:8px 0}.chapter-intro span{font-size:12px}.chapter-intro p{font-size:11px}.journey-controls{padding:10px 0 12px;gap:12px;flex-wrap:wrap}.filters{gap:18px}.filters button{font-size:10px}.quiet-button{font-size:9px}.ocean-current{padding-top:8px}.current-stop{grid-template-columns:57px 1fr;gap:0 28px;min-height:150px;padding:15px 0 22px}.current-lines{left:-9px;width:75px}.current-port{grid-column:1;grid-row:1;padding-top:19px}.current-port b{font-size:18px;letter-spacing:0;background:#ecf3f8b3}.current-port small{font-size:8px;margin-top:4px}.current-port .dot{width:6px;height:6px;box-shadow:0 0 0 4px #fff4}.left-node .node-paper,.right-node .node-paper{grid-column:2;margin-top:0;padding:7px 0;grid-row:1}.node-paper:before{left:-35px!important;right:auto!important;width:35px;height:27px;top:35px!important;border:0;border-top:1px solid #94b6c966;border-left:1px solid #94b6c966;border-radius:80% 0 0 0!important}.node-kind{font-size:8px;letter-spacing:1px}.node-top{margin-bottom:7px}.node-button{font-size:16px;line-height:1.8;letter-spacing:0}.node-date{font-size:9px;margin-top:4px}.branch-summary{font-size:10px;line-height:1.9}.branch-toggle{font-size:10px;margin-top:8px}.branch-leaves{padding-left:12px;margin-top:10px}.leaf{font-size:10px;padding:4px 0}.leaf:before{left:-12px;width:8px;top:14px}.leaf small{display:block;margin:1px 0 0;font-size:8px}.journey-footnote{font-size:9px;text-align:left;padding-top:20px;margin-top:10px}.search{width:100%;min-width:0}.search input{font-size:10px}.filter-row{margin:0 0 8px;gap:10px;flex-direction:column;align-items:flex-start}.result-count{font-size:9px}.record-grid{grid-template-columns:1fr}.record{padding:15px 0}.record h3{font-size:12px}.record p{font-size:9px}.record-open{grid-template-columns:44px 1fr;gap:0 15px}.album-art{width:44px;height:44px}.album-art:before{width:29px;height:29px}.save{font-size:18px}.story-grid{grid-template-columns:1fr;gap:25px;margin:28px 5px 10px}.story-card{padding:24px 23px;min-height:0;transform:rotate(-.7deg)}.story-card:nth-child(2){transform:rotate(1deg)}.story-card h3{font-size:19px;margin:15px 0}.story-card p{font-size:13px}.story-card>span{margin-top:17px}.stage-select{font-size:10px}.stage-grid{grid-template-columns:1fr;gap:25px}.stage-visual{height:150px}.stage-card h3{font-size:17px}.stage-card p{font-size:10px}.endnote{padding:30px 20px 50px}.endnote p{font-size:15px}.jelly-companion{right:10px;bottom:17px}.jelly-companion img{width:46px;height:62px}.jelly-companion span{font-size:8px}footer{flex-wrap:wrap;gap:12px;font-size:8px;padding:23px 6% 35px}footer button{font-size:8px}dialog{inset:auto 0 0;margin:0;width:100%;height:85dvh;border-radius:20px 20px 0 0;border-left:0;border-top:1px solid #f3faff;padding:55px 25px 30px}.close{top:12px;right:22px}dialog h2{font-size:25px}dialog p{font-size:12px}.button{font-size:10px;padding:10px 12px}.toast{font-size:11px;padding:10px 16px;max-width:90vw;white-space:normal;text-align:center}}@media(max-width:360px){.hero-jelly{width:140px;right:-3%;top:230px}.hero-subtitle{font-size:14px}.hero{padding-left:6%}.hero-note{font-size:10px}.nav nav{gap:25px}.chapter-tab{font-size:10px}.filters{gap:14px}.current-stop{grid-template-columns:50px 1fr;gap:0 24px}.node-button{font-size:15px}.jelly-companion{right:7px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}

@media(max-width:700px){.ocean-wash{background-size:auto,100% 100%;background-position:center,center}.hero-jelly span{max-width:125px;line-height:1.8;white-space:normal}}@media(max-width:360px){.hero-jelly{right:14px;width:132px;top:227px}.hero-jelly span{font-size:8px;letter-spacing:.5px;max-width:112px}}

/* Separate pages share one ocean; the last phase catches a little sunset. */
body{--phase-top:#edf3f7d1;--phase-bottom:#e9f1f6df;transition:background-color .7s ease}
body:before{background:linear-gradient(var(--phase-top),var(--phase-bottom)),url('assets/pearl-reference.webp') center center/cover no-repeat}
body[data-route="journey"][data-chapter="0"]{--phase-top:#e9f0f6dc;--phase-bottom:#edf3f6e0;background-color:#e9f0f6}
body[data-route="journey"][data-chapter="1"]{--phase-top:#d9ebf3c9;--phase-bottom:#e5f2f7d9;background-color:#ddecf4}
body[data-route="journey"][data-chapter="2"]{--phase-top:#e6e1f0d1;--phase-bottom:#e7edf5df;background-color:#e6e4f0;--blue:#7c8aaf}
body[data-route="journey"][data-chapter="3"]{--phase-top:#d8edf0c9;--phase-bottom:#e5f2f3df;background-color:#dceef1;--blue:#558c98}
body[data-route="journey"][data-chapter="4"]{--phase-top:#f3e2d5cc;--phase-bottom:#f4e9e3df;background-color:#f2e5dd;--line:#c8a99877;--blue:#a2827d;--ink:#655966;--muted:#8a7b83}
body[data-route="journey"] .ocean-wash{opacity:.18}
body[data-route="journey"][data-chapter="4"] .current-lines path{stroke:#ad9499}
body[data-route="journey"][data-chapter="4"] .node-button{color:#74616e}
body[data-route="journey"][data-chapter="4"] .current-port b{background:#f3e9e8cc;color:#987a82}
body[data-route="journey"][data-chapter="4"] .chapter-tab.active{color:#8d6874;border-color:#b49899}
body[data-route="journey"][data-chapter="4"] .jelly-companion img{filter:hue-rotate(40deg) saturate(.65) drop-shadow(0 0 8px #fff)}
.brand{font:italic 25px Georgia,serif;letter-spacing:1px}
.nav a[aria-current="page"]{color:#315d78}
nav a[aria-current="page"]{position:relative}
nav a[aria-current="page"]:after{content:'';position:absolute;bottom:3px;left:calc(50% - 2px);height:3px;width:3px;border-radius:50%;background:#7196ae}
main{min-height:calc(100dvh - 146px)}
.page{min-height:calc(100dvh - 146px)}
.music,.stories,.stages{border-top:0}
.section.page{padding-top:55px;padding-bottom:80px}
.hero{height:calc(100dvh - 146px);min-height:480px;padding:0 12%;display:flex;align-items:center}
.hero h1{font-size:83px;letter-spacing:12px;margin:0}
.hero h1 span{font-size:43px;letter-spacing:3px}
.hero .hero-subtitle{font:21px/1.8 var(--serif);letter-spacing:6px;margin:26px 0 0 4px}
.hero .hero-jelly{width:195px;right:16%;top:calc(48% - 100px);cursor:default}
.hero .hero-jelly:hover img,.hero .hero-jelly:focus-visible img{filter:drop-shadow(0 0 15px #ffffffdd)}
.jelly-companion img{width:40px;height:54px}
.jelly-companion{right:24px;bottom:25px;opacity:0}
.jelly-companion button{cursor:default}
.chapter-tabs{grid-template-columns:1fr 1.25fr 1fr 1.25fr .7fr}
.chapter-tab{font-size:12px;gap:8px;padding-left:0;padding-right:5px}
.chapter-intro{padding-top:26px;padding-bottom:12px}
.chapter-intro h3{font-size:26px}
.current-stop{min-height:165px}
.current-port .dot{margin-top:14px}
.story-card>span{font-size:10px}
footer{padding:18px 6%;min-height:60px}
.egg-bubble{position:fixed;z-index:25;border:1px solid #fff9;border-radius:22px 22px 5px 22px;background:#f5f9fcdd;backdrop-filter:blur(12px);box-shadow:0 8px 28px #728ba41a;padding:19px 20px 18px;animation:bubble-arrive .4s ease-out}
.egg-bubble small{display:block;color:#92a3b4;font:9px sans-serif;letter-spacing:2px;margin-bottom:9px}
.egg-bubble #eggContent{font:14px/1.9 var(--serif);text-align:left;padding:0 5px 0 0}
.egg-dismiss{position:absolute;right:10px;top:5px;font-size:17px;color:#91a7b7;padding:0 4px}
.preview-badge{position:absolute;right:10px;top:9px;font-size:9px;color:#517b95;padding:1px 6px;background:#f5f9fbbb;border-radius:8px}
.video-preview{width:100%;aspect-ratio:16/9;margin-top:22px;background:linear-gradient(#e0eaf0aa,#d7e5eebf),url('assets/pearl-reference.webp') center/cover;border:1px solid #c4d7e3;display:grid;place-items:center;overflow:hidden}
.video-start{font-size:12px;display:flex;flex-direction:column;align-items:center;gap:12px;width:100%;height:100%;justify-content:center}
.video-start>span{width:48px;height:48px;border:1px solid #8bafc4;border-radius:50%;display:grid;place-items:center;font-size:22px;background:#eff7fb77}
.video-preview iframe{display:block;width:100%;height:100%;border:0;background:#131920}
.video-help{font-size:10px!important;margin:7px 0 15px;opacity:.85}
.video-help a{border-bottom:1px solid #adc3d2}
dialog.media-dialog{inset:50% auto auto 50%;transform:translate(-50%,-50%);margin:0;width:min(960px,94vw);height:auto;max-height:90dvh;max-width:none;padding:38px 38px 25px;border:1px solid #d8e8f2;border-radius:9px;box-shadow:0 15px 90px #355a7444}
dialog.media-dialog h2{font-size:25px;margin:8px 0}
dialog.media-dialog .video-preview{margin-top:14px}
@keyframes bubble-arrive{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:1050px){.hero{padding-left:10%}.hero .hero-jelly{right:12%;width:174px}.chapter-tab{font-size:11px;gap:6px}.chapter-tab small{font-size:13px}}
@media(max-width:700px){main,.page{min-height:calc(100dvh - 133px)}.hero{height:calc(100dvh - 133px);min-height:450px;padding:0 8%;align-items:flex-start}.hero .hero-text{margin-top:80px}.hero h1{font-size:59px;letter-spacing:6px}.hero h1 span{font-size:30px;margin-left:13px;letter-spacing:2px}.hero .hero-subtitle{font-size:17px;letter-spacing:4px;margin:22px 0 0 2px}.hero .hero-jelly{width:110px;right:13%;top:47%}.section.page{padding-top:35px;padding-bottom:65px}.section-heading{gap:15px}.chapter-tabs{gap:18px}.chapter-tab{font-size:11px;padding:14px 0;gap:7px}.chapter-intro h3{font-size:22px}.chapter-intro{padding-top:22px;padding-bottom:10px}.current-stop{min-height:145px}.jelly-companion{right:12px;bottom:18px}.jelly-companion img{width:32px;height:44px}.egg-bubble #eggContent{font-size:14px}footer{padding:18px 6%;flex-wrap:nowrap;font-size:8px}dialog.media-dialog{inset:auto 0 0;transform:none;width:100%;height:auto;max-height:90dvh;max-width:100%;border-radius:16px 16px 0 0;padding:42px 18px 22px}dialog.media-dialog h2{font-size:22px}dialog.media-dialog .video-preview{margin-top:15px}.video-help{font-size:9px!important}.video-start{font-size:11px}.preview-badge{font-size:8px}}
@media(max-width:360px){.hero .hero-jelly{width:90px;right:13%;top:47%}.hero .hero-text{margin-top:85px}.hero .hero-subtitle{font-size:16px;letter-spacing:3px}}
@media(prefers-reduced-motion:reduce){.egg-bubble{animation:none}}

/* Naturally composed landscape artwork, with the original portrait on phones. */
.ocean-wash{position:fixed;inset:0;height:100dvh;background:linear-gradient(#edf3f72b,#e5f0f54d),url('assets/ocean-wide-v2.webp') center center/cover no-repeat;opacity:1}
main,.page{min-height:calc(100dvh - 86px)}
.hero{height:calc(100dvh - 86px)}
.record-open,.stage-title,.stage-preview-button{color:inherit;text-decoration:none}
.stage-preview-button{display:block;width:100%;padding:0;text-align:left}
.stage-visual{aspect-ratio:16/9;height:auto;min-height:125px;background:#cbdce6;position:relative}
.stage-cover{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.stage-visual:after{content:'';position:absolute;inset:0;background:linear-gradient(transparent 45%,#16314766);pointer-events:none}
.stage-visual .play{position:relative;z-index:2;background:#f5f9f0c9;border-color:#ffffffe0;color:#345d77;box-shadow:0 2px 12px #233c4933}
.stage-visual small{z-index:2;color:#fff;text-shadow:0 1px 4px #000}
.preview-badge{z-index:2}
.stage-title{display:block}.stage-title:hover{text-decoration:underline;text-underline-offset:4px}
.video-preview{display:block;position:relative;aspect-ratio:16/9;background:#dde8ef}
.video-poster{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}
.video-preview iframe{position:absolute;inset:0;width:100%;height:100%;background:transparent}
#eggContent{display:block;cursor:pointer;color:inherit;text-decoration:none}
span.node-button{cursor:default}
.node-button.node-button:hover{color:inherit}
span.node-button:hover{text-decoration:none}
body[data-route="journey"][data-chapter="4"]{--phase-top:#f8d4afdf;--phase-bottom:#f4e1cfe8;background-color:#f1d3b3;--line:#c2997a88;--ink:#705347;--muted:#92735f}
body[data-route="journey"][data-chapter="4"] .ocean-wash{opacity:.07}
body[data-route="journey"][data-chapter="4"] .nav{background:#f7e7d6bd}
body[data-route="journey"][data-chapter="4"] .node-paper{background:radial-gradient(ellipse at 55% 20%,#fff0dca3,transparent 80%)}
body[data-route="journey"][data-chapter="4"] .node-button,body[data-route="journey"][data-chapter="4"] .leaf{color:#875f49}
body[data-route="journey"][data-chapter="4"] .current-port b{background:#f8e5cecc;color:#ac7856}
body[data-route="journey"][data-chapter="4"] .current-lines path{stroke:#b99471}
body[data-route="journey"][data-chapter="4"] .chapter-tab.active{color:#995f44;border-color:#c18f68}
body[data-route="journey"][data-chapter="4"] .chapter-intro span,body[data-route="journey"][data-chapter="4"] .branch-toggle{color:#a57b58}
@media(max-width:700px){.ocean-wash{background:linear-gradient(#edf3f72b,#e5f0f54d),url('assets/sea-reference.webp') center center/cover no-repeat}main,.page{min-height:calc(100dvh - 73px)}.hero{height:calc(100dvh - 73px)}.stage-visual{min-height:0}.stage-card h3{margin-top:12px}.video-preview{min-height:0}}

/* A shared year, then readable monthly branches. */
.brand{font:19px var(--serif);letter-spacing:2px}.brand i{font:italic 19px Georgia,serif;margin-left:5px}
.journey-kicker{font-size:11px;letter-spacing:2px;color:#65849a;margin:10px 0 0}
.section.journey{max-width:1240px}
.journey .section-heading{margin-bottom:22px}
.chapter-tabs{margin-top:20px}
.chapter-intro{padding:24px 0 8px}
.chapter-intro h3{font-size:27px;margin-bottom:8px}
.journey-controls{padding:8px 0 24px}
.ocean-current{padding:0;background:none;border-radius:0}
.year-group{position:relative;padding:10px 0 38px;isolation:isolate}
.year-group:before{content:'';position:absolute;left:50%;top:45px;bottom:-10px;width:2px;background:#7397b488;z-index:-1}
.year-group:last-child:before{bottom:35px}
.year-heading{text-align:center;margin:0 0 28px;position:relative;font-weight:400}
.year-heading span{display:inline-block;font:28px/1.3 Georgia,var(--serif);letter-spacing:1px;background:#d9e8f2;border:1px solid #92aec5;border-radius:28px;color:#315975;padding:8px 25px;box-shadow:0 4px 16px #6686a315}
.year-events{display:grid;grid-template-columns:1fr 1fr;gap:24px 90px;align-items:start;padding:0 8px}
.event-node{position:relative;padding:20px 24px;border:1px solid #a9bfce;background:linear-gradient(135deg,#f7fbfdf5,#eaf2f8eb);border-radius:11px;box-shadow:0 5px 17px #7891a710;min-width:0}
.event-node:nth-child(even){margin-top:40px}
.event-node:before{content:'';position:absolute;top:34px;height:2px;width:46px;background:#7b9bb5}
.event-node:nth-child(odd):before{right:-46px}.event-node:nth-child(even):before{left:-46px}
.event-node:after{content:'';position:absolute;top:29px;width:10px;height:10px;background:#5985a5;border:2px solid #e8f2f9;border-radius:50%;box-shadow:0 0 0 3px #8aaac133}
.event-node:nth-child(odd):after{right:-51px}.event-node:nth-child(even):after{left:-51px}
.month-badge{display:inline-block;font-size:11px;letter-spacing:1px;color:#466d8b;background:#dbe8f3;border-radius:5px;padding:2px 9px;margin-bottom:11px}
.event-node .node-button{font:normal 20px/1.65 var(--serif);color:#2d506e;letter-spacing:.3px}
.node-arrow{font:14px sans-serif;vertical-align:middle;color:#658aa5;display:inline-block;margin-left:9px}
.event-node a.node-button:hover{color:#174971;text-decoration:underline;text-underline-offset:5px}
.event-node .branch-leaves{border-left:0;margin:14px 0 0;padding:12px 0 0;border-top:1px solid #bdcedb;gap:6px}
.event-node .leaf{display:block;padding:8px 10px;background:#ffffff9e;border:1px solid #d7e3eb;border-radius:5px;color:#3b6381;font-size:12px;line-height:1.8;margin-bottom:5px}
.event-node .leaf:before{display:none}.event-node .leaf small{color:#7891a3;font-size:9px;display:block;margin:1px 0 0}
.event-node .leaf:hover{background:#e3eff8;text-decoration:none;border-color:#93b4cc}
.event-node .branch-toggle{border:1px solid #9db8cb;border-radius:5px;padding:5px 11px;margin-top:7px;background:#edf5fb;font-size:11px;color:#49738e}
body[data-route="journey"][data-chapter="4"] .year-heading span{background:#f4dcc0;border-color:#c19978;color:#875f42}
body[data-route="journey"][data-chapter="4"] .year-group:before,body[data-route="journey"][data-chapter="4"] .event-node:before{background:#ba9370}
body[data-route="journey"][data-chapter="4"] .event-node{background:linear-gradient(135deg,#fff5e9f5,#f7e8d5f0);border-color:#ccb096}
body[data-route="journey"][data-chapter="4"] .event-node:after{background:#ba8661;border-color:#fff2e0;box-shadow:0 0 0 3px #c5a27c33}
body[data-route="journey"][data-chapter="4"] .month-badge{background:#f1dcc2;color:#9b6f48}
body[data-route="journey"][data-chapter="4"] .event-node .leaf{background:#fffbf3c7;border-color:#dfc9b1;color:#875f49}
body[data-route="journey"][data-chapter="4"] .event-node .branch-toggle{background:#f5e1c7;border-color:#c8aa89;color:#916e49}
@media(max-width:700px){.journey-kicker{font-size:10px;letter-spacing:1px}.journey .section-heading{margin-bottom:16px}.chapter-intro h3{font-size:24px}.year-group{padding:9px 0 25px}.year-group:before{left:17px;top:45px;bottom:-10px}.year-heading{text-align:left;margin-bottom:20px}.year-heading span{font-size:23px;padding:7px 17px}.year-events{display:block;padding:0 0 0 42px}.event-node{padding:17px 18px;margin:0 0 19px;min-height:0;border-radius:8px}.event-node:nth-child(even){margin-top:0}.event-node:before,.event-node:nth-child(odd):before,.event-node:nth-child(even):before{width:25px;left:-25px;right:auto;top:29px}.event-node:after,.event-node:nth-child(odd):after,.event-node:nth-child(even):after{left:-30px;right:auto;top:24px}.event-node .node-button{font-size:18px}.event-node .leaf{font-size:11px;padding:7px 8px}.event-node .leaf small{font-size:8px}.event-node .branch-toggle{font-size:10px;padding:5px 9px}.month-badge{font-size:10px;margin-bottom:8px}.chapter-tabs{margin-top:15px}}

/* Open, meandering currents instead of framed timeline cards. */
.year-group{padding:8px 0 20px}.year-group:before{display:none}
.year-heading{margin:0 0 22px}.year-heading span{background:transparent;border:0;box-shadow:none;border-radius:0;padding:4px 0;color:#456c86;font-size:27px}
.year-heading:after{content:'';position:absolute;left:50%;top:40px;width:1px;height:22px;background:#8baabd77}
.year-events{display:block;padding:0}
.event-node,.event-node:nth-child(even){display:grid;grid-template-columns:1fr 100px 1fr;gap:0 25px;min-height:175px;padding:26px 0 35px;margin:0;border:0;border-radius:0;background:transparent;box-shadow:none;isolation:isolate}
.wave-segment{position:absolute;top:0;left:calc(50% - 50px);width:100px;height:calc(100% + 1px);overflow:visible;z-index:-1;pointer-events:none}
.wave-segment path{fill:none;stroke:#7fa3bb;stroke-width:1.4;opacity:.65}.wave-segment path:nth-child(2){stroke-width:.7;opacity:.3}.wave-segment path:nth-child(3){stroke-width:.7;opacity:.2}
.event-node:nth-child(even) .wave-segment{transform:scaleX(-1)}
.event-content{grid-row:1;min-width:0;padding:0 7px}
.event-node:nth-child(odd) .event-content{grid-column:1}.event-node:nth-child(even) .event-content{grid-column:3}
.event-node:before{height:35px;top:39px;background:none;border-top:1px solid #88a9bf77;width:76px}
.event-node:nth-child(odd):before{left:auto;right:50%;border-right:1px solid #88a9bf77;border-radius:0 90% 0 0}
.event-node:nth-child(even):before{left:50%;right:auto;border-left:1px solid #88a9bf77;border-radius:90% 0 0 0}
.event-node:after,.event-node:nth-child(odd):after,.event-node:nth-child(even):after{left:calc(50% - 3px);right:auto;top:48px;height:6px;width:6px;background:#7a9eb6;border:0;box-shadow:0 0 0 4px #f2f7fa80}
.month-badge{background:transparent;border:0;border-radius:0;padding:0;margin:0 0 9px;color:#6b8a9f;font-size:11px;letter-spacing:1px}
.event-node .branch-leaves{border-top:0;border-left:1px solid #9cb7c77a;padding:2px 0 3px 17px;margin:15px 0 0 4px;gap:3px}
.event-node .leaf{border:0;border-radius:0;background:transparent;box-shadow:none;padding:5px 0;margin-bottom:3px;font-size:12px;position:relative}
.event-node .leaf:before{display:block;left:-17px;top:15px;width:10px;height:1px;background:#a0bacb80}
.event-node .leaf:hover{background:transparent;border:0;text-decoration:underline;text-underline-offset:4px}
.event-node .leaf small{display:inline-block;margin:0 0 0 12px;color:#7891a3;font-size:9px}
.event-node .branch-toggle{background:transparent;border:0;border-bottom:1px dotted #99b4c5;border-radius:0;padding:3px 0;margin:10px 0 0 22px}
body[data-route="journey"][data-chapter="4"] .year-heading span{background:transparent;border:0;color:#a17b56}
body[data-route="journey"][data-chapter="4"] .event-node{background:transparent;border:0;box-shadow:none}
body[data-route="journey"][data-chapter="4"] .event-node:before{background:none;border-color:#bd9e7b80}
body[data-route="journey"][data-chapter="4"] .event-node:after{background:#b78f6c;border:0;box-shadow:0 0 0 4px #fff2df80}
body[data-route="journey"][data-chapter="4"] .month-badge{background:none;color:#a37e58}
body[data-route="journey"][data-chapter="4"] .event-node .leaf,body[data-route="journey"][data-chapter="4"] .event-node .branch-toggle{background:transparent;border:0}
body[data-route="journey"][data-chapter="4"] .event-node .branch-toggle{border-bottom:1px dotted #bd9b77}
body[data-route="journey"][data-chapter="4"] .wave-segment path{stroke:#b89976}
@media(max-width:700px){.year-heading{text-align:left;margin-bottom:17px}.year-heading span{display:block;width:44px;text-align:center;padding:3px 0;font-size:23px;white-space:nowrap}.year-heading:after{left:22px;top:35px;height:18px}.year-heading:has(span:first-child:last-child){min-height:35px}.year-events{padding:0}.event-node,.event-node:nth-child(even){grid-template-columns:48px 1fr;gap:0 20px;padding:20px 0 29px;min-height:145px;margin:0}.wave-segment{left:-14px;width:72px}.event-node .event-content,.event-node:nth-child(odd) .event-content,.event-node:nth-child(even) .event-content{grid-column:2;padding:0}.event-node:before,.event-node:nth-child(odd):before,.event-node:nth-child(even):before{left:22px;right:auto;width:46px;top:36px;height:28px;border-right:0;border-left:1px solid #88a9bf77;border-top:1px solid #88a9bf77;border-radius:90% 0 0 0}.event-node:after,.event-node:nth-child(odd):after,.event-node:nth-child(even):after{left:19px;right:auto;top:43px;width:6px;height:6px}.event-node .leaf{font-size:11px;padding:5px 0}.event-node .leaf small{display:block;margin:1px 0 0;font-size:8px}.event-node .branch-leaves{padding-left:12px}.event-node .leaf:before{left:-12px;width:8px}.event-node .branch-toggle{margin-left:17px;font-size:10px}.month-badge{font-size:10px;margin-bottom:8px}}
/* Music collections and backstage diary. */
.music-view-tabs{display:flex;gap:24px;margin:0 0 26px}.music-view-tabs button{border:0;border-bottom:1px solid transparent;background:none;padding:8px 0;color:#7a94a7;font:inherit;font-size:13px;cursor:pointer}.music-view-tabs button.active{color:#345e79;border-color:#759aaf}.music .filter-row{gap:20px;align-items:flex-start}.music #filters{flex-wrap:wrap;row-gap:10px}.branch-vlog{display:block;width:fit-content;margin-top:17px;font-size:11px;letter-spacing:1px;color:#537d95;text-underline-offset:5px}.vlog-controls{display:flex;flex-wrap:wrap;gap:24px;align-items:center;margin-bottom:35px}.vlog-controls label{display:flex;align-items:center;gap:10px;font-size:11px;color:#678499}.vlog-controls select{max-width:240px;border:0;border-bottom:1px solid #9cb8c97a;border-radius:0;background:transparent;color:#3a607c;padding:9px 22px 9px 0;font:inherit;font-size:12px}.vlog-controls .result-count{margin-left:auto}.vlog-context{font-size:13px;color:#4b7089;margin-bottom:28px}.vlog-context a{margin-left:20px;font-size:11px}.vlog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:42px 28px}.vlog-card{min-width:0}.vlog-visual{position:relative;aspect-ratio:16/9;overflow:hidden;background:#dce9ef70}.vlog-visual img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s}.vlog-card .stage-preview-button:hover img{transform:scale(1.035)}.vlog-play{position:absolute;bottom:12px;right:13px;color:white;background:#263d4b80;padding:5px 9px;font-size:10px;letter-spacing:1px}.vlog-platform{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;color:#7295ad;font-size:12px;letter-spacing:5px;background:linear-gradient(140deg,#eff5f777,#bdcfdf55)}.vlog-platform i{font-size:25px;font-family:Georgia,serif;letter-spacing:6px;margin-top:11px}.vlog-meta{display:flex;justify-content:space-between;gap:12px;margin-top:15px;font-size:10px;color:#708c9f;letter-spacing:.5px}.vlog-card h3{font-size:14px;font-weight:500;line-height:1.8;margin:9px 0 4px;overflow-wrap:anywhere}.vlog-card p{font-size:11px;color:#7891a3;margin:0}.vlog-card .stage-title:hover{text-decoration:underline;text-underline-offset:4px}
@media(max-width:900px){.vlog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.nav nav{gap:20px}.vlog-grid{gap:28px 16px}.vlog-controls{gap:12px;margin-bottom:25px}.vlog-controls label:first-child{width:100%}.vlog-controls select{max-width:220px}.vlog-card h3{font-size:12px}.vlog-meta{font-size:9px;display:block;line-height:1.8}.vlog-meta span{display:block}.vlog-play{font-size:9px;bottom:7px;right:7px;padding:4px 6px}.music .filter-row{flex-direction:column;gap:12px}.music #filters{column-gap:15px}.music-view-tabs{margin-bottom:20px}.vlog-context a{display:block;margin:10px 0 0}}
@media(max-width:380px){.vlog-grid{grid-template-columns:1fr}}

/* Four open chapter titles, with no framed category pills. */
.music .filter-row{display:block;margin-bottom:30px}.song-chapters{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:36px;margin:8px 0 22px}.song-chapter{position:relative;display:grid;grid-template-columns:1fr auto;gap:12px 8px;text-align:left;padding:17px 0 20px;border:0;border-radius:0;background:none;color:#7893a7;cursor:pointer;min-width:0;font:inherit;transition:color .25s}.song-chapter-number{grid-column:1/-1;font:italic 14px Georgia,serif;color:#819eb2;letter-spacing:1px}.song-chapter-name{font-family:"Songti SC","STSong",serif;font-size:21px;font-weight:400;letter-spacing:2px;white-space:nowrap}.song-chapter-count{align-self:end;font-size:10px;white-space:nowrap;opacity:.7}.song-chapter-line{position:absolute;bottom:0;left:0;right:0;height:1px;background:#99b5c548}.song-chapter-line:after{content:'';position:absolute;inset:0;background:#4c7895;transform:scaleX(0);transform-origin:left;transition:transform .3s}.song-chapter.active,.song-chapter:hover{color:#315d79}.song-chapter.active .song-chapter-line:after{transform:scaleX(1)}.song-chapter:focus-visible{outline:2px solid #7399b1;outline-offset:6px}.music .result-count{display:block;text-align:right;font-size:11px}
@media(max-width:1000px){.song-chapters{gap:22px}.song-chapter-name{font-size:17px;letter-spacing:1px}}
@media(max-width:700px){.song-chapters{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 26px;margin-top:0}.song-chapter{padding:12px 0 16px;gap:9px 5px}.song-chapter-name{font-size:18px;letter-spacing:1px}.song-chapter-number{font-size:12px}.song-chapter-count{font-size:9px}.music .filter-row{margin-bottom:25px}.music .result-count{margin-top:18px}}
@media(max-width:360px){.song-chapter-name{font-size:16px}.song-chapters{gap:10px 18px}}

.album-art .single-cover{display:block;position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:2}.album-art:has(.single-cover):before,.album-art:has(.single-cover):after{display:none}