@font-face{font-family:Hand;src:url(fonts-handwritten/wenkai.woff2) format('woff2');font-display:swap}
@font-face{font-family:Note;src:url(fonts-handwritten/caveat.woff2) format('woff2');font-display:swap}
@font-face{font-family:Phosphor;src:url(fonts/phosphor.woff2) format('woff2');font-display:block}
:root{--ink:#164b60;--muted:#507383;--blue:#397f98;--paper:#f6f1e7;--line:#5c8b9545;--hand:Hand,serif;--latin:Note,cursive;--sans:'Study Sans',sans-serif;--travel:4600px;--progress:0;--arrival:0;--profile-opacity:0;--catalog-opacity:0;--reading-focus:0;--wipe-opacity:0;--wipe-x:160;--bright:0;--realm:0;--opening-opacity:1;--header-opacity:0;--title-opacity:0;--hint-opacity:0}
*{box-sizing:border-box}html{scrollbar-width:thin;scrollbar-color:#74a4ad #173e4d;scroll-behavior:auto}body{margin:0;background:#082d41;color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased}h1,h2,h3,p,figure{margin:0}button,input,select{font:inherit}button,a{touch-action:manipulation;-webkit-tap-highlight-color:transparent}button{color:inherit;cursor:pointer}button:disabled{opacity:.36;cursor:default}a{color:inherit;text-decoration:none}button,a,input{outline-offset:4px}button:focus-visible,a:focus-visible,input:focus-visible,[tabindex]:focus-visible{outline:3px solid #3983a0}.icon{font:normal 1em Phosphor!important;display:inline-block;line-height:1}button{transition:background .18s,box-shadow .18s,transform .18s}button:active:not(:disabled),a.turn-link:active{transform:translateY(1px)}.skip-link{position:fixed;left:20px;top:-100px;z-index:100;padding:15px;background:var(--paper)}.skip-link:focus{top:15px}
.masthead{position:fixed;top:0;left:0;right:0;height:74px;padding:0 4.3vw;display:flex;justify-content:space-between;align-items:center;z-index:30;color:#dceff0;opacity:var(--header-opacity);transition:color .5s;pointer-events:none}.masthead a,.masthead button{pointer-events:auto}.wordmark{display:flex;gap:8px;align-items:baseline;font:26px var(--hand)}.wordmark em{font:36px var(--latin)}.wordmark small{font:12px var(--hand);margin-left:10px;letter-spacing:.16em}.masthead nav{display:flex;gap:24px;align-items:center;font:15px var(--hand)}#motion-toggle{background:none;border:0;min-height:44px;padding:8px 4px}.direct{display:flex;align-items:center;gap:9px;min-height:44px;padding:9px 21px;background:#ecf3e915;border:1px solid #cae4e650;border-radius:50% 45% 42% 40% / 17% 22% 20% 18%;box-shadow:inset 0 0 14px #e8fffa18}.light-water .masthead{color:var(--ink)}.light-water .direct{background:#eef5e7dd;border-color:#f9fff4;box-shadow:0 3px 10px #21455518}.pearl-mark{display:inline-block;flex:none;width:17px;height:17px;border-radius:50%;background:radial-gradient(circle at 32% 25%,#fff 4%,#e2edec 25%,#b8cdd5 48%,#faf1d9 70%,#668b9c 100%);box-shadow:0 1px 4px #19445238,inset -1px -1px 2px #567b8a4d}
#journey{height:calc(100svh + var(--travel))}.stage{position:sticky;top:0;height:100svh;overflow:clip;isolation:isolate}.ocean-world{position:absolute;inset:-2%;filter:blur(calc(var(--reading-focus) * 9px));transform:scale(calc(1 + var(--reading-focus) * .025));pointer-events:none;overflow:hidden;contain:paint}.water-base{position:absolute;inset:0;background:#70bfce url(art/v7/water.webp) center/cover no-repeat;transform:scale(calc(1 + var(--progress) * .15))}.water-tint{position:absolute;inset:0;background:linear-gradient(120deg,#92b9ce65,#c3efde75);opacity:var(--realm);mix-blend-mode:screen}.reef-plane{position:absolute;inset:0;background-position:center bottom;background-repeat:no-repeat;background-size:100% auto;transform-origin:50% 48%;will-change:transform;pointer-events:none}.reef-far{background-image:url(art/v7/coral-far.webp);transform:scale(var(--far-scale,1));opacity:var(--far-alpha,.7);filter:blur(.5px)}.reef-mid{background-image:url(art/v7/coral-near.webp);transform:scale(var(--mid-scale,1.1));opacity:var(--mid-alpha,.85)}.reef-near{background-image:url(art/v7/coral-near.webp);transform:scale(var(--near-scale,1.45));opacity:var(--near-alpha,.9)}.animated-reef .reef-near{display:none}.shell-ground{position:absolute;bottom:-12%;left:12%;width:76%;height:50%;background:url(art/v7/shells.webp) center bottom/100% auto no-repeat;opacity:calc(.35 + var(--bright) * .55);transform:translateY(calc(var(--realm) * -10%));pointer-events:none}.ocean-shade{position:absolute;inset:0;background:linear-gradient(#031626,#062e46);opacity:var(--shade,.98);pointer-events:none}#marine-life,#jelly-life{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.surface-light{position:absolute;inset:-20% -10% 0;overflow:hidden;opacity:calc(.12 + var(--bright) * .48);mix-blend-mode:screen;pointer-events:none}.surface-light b{position:absolute;top:-15%;left:56%;width:13%;height:125%;transform-origin:top center;background:linear-gradient(180deg,#edffff99,#beeffa35 30%,transparent 90%);filter:blur(24px);mask-image:linear-gradient(90deg,transparent,#000 35%,#000 65%,transparent);animation:shaft 13s ease-in-out infinite alternate}.surface-light b:nth-child(2){left:65%;width:23%;animation-delay:-4s;animation-duration:17s}.surface-light b:nth-child(3){left:39%;width:8%;animation-delay:-8s}.surface-light b:nth-child(4){left:77%;width:16%;animation-delay:-2s;animation-duration:11s}.surface-light b:nth-child(5){left:48%;width:20%;animation-delay:-5s;opacity:.45}@keyframes shaft{0%{transform:rotate(22deg) scaleX(.72);opacity:.4}50%{opacity:.95}100%{transform:rotate(34deg) scaleX(1.25);opacity:.55}}
.opening{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#deeff0;text-shadow:0 2px 30px #082b46;opacity:var(--opening-opacity);pointer-events:none;gap:22px}.opening p{font:clamp(17px,1.7vw,32px) var(--latin);opacity:var(--title-opacity);transform:translateY(calc((1 - var(--title-opacity)) * 16px))}.opening h2{font:clamp(44px,5vw,132px)/1.4 var(--hand);font-weight:400;letter-spacing:.22em;padding-left:.22em;opacity:var(--title-opacity);filter:blur(calc((1 - var(--title-opacity)) * 8px));transform:translateY(calc((1 - var(--title-opacity)) * 24px))}.opening span{font:clamp(13px,1.05vw,23px) var(--hand);letter-spacing:.2em;opacity:var(--hint-opacity);margin-top:8px}.dive-cue{width:1px;height:54px;background:linear-gradient(#e7f7f0b0,transparent);opacity:var(--hint-opacity);animation:cue 2.4s ease-in-out infinite}@keyframes cue{50%{transform:translateY(12px);opacity:.35}}
.track{position:absolute;inset:0;pointer-events:none}.panel{position:absolute;inset:76px 4.3vw 68px;pointer-events:none}.intro-panel{opacity:var(--profile-opacity);transform:scale(var(--profile-scale,.98));}.profile-card{position:relative;height:100%;display:grid;grid-template-columns:42% 58%;align-items:center;padding:6% 7% 5%;background:url(art/v7/paper.webp) center/100% 100% no-repeat;filter:drop-shadow(0 16px 32px #10384b38)}.panel:not([inert]){pointer-events:auto}.portrait{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:22px;padding-right:12%}.portrait img{width:100%;height:auto;aspect-ratio:1;max-height:58svh;object-fit:cover;border-radius:48% 52% 43% 49% / 49% 43% 56% 51%;border:7px solid #fbf8eb;outline:1px solid #86adb380;box-shadow:0 8px 24px #5b839420}.portrait figcaption{font:clamp(13px,1.1vw,22px) var(--hand);color:var(--muted);letter-spacing:.1em}.intro-copy{position:relative;padding-left:3%;min-width:0}.opening-note{font:clamp(14px,1.3vw,26px) var(--hand);letter-spacing:.15em;color:var(--muted);margin-bottom:18px}.intro-copy h1{font:clamp(68px,7.5vw,220px)/1.15 var(--hand);font-weight:400;white-space:nowrap}.intro-copy h1 em{font:1.1em var(--latin);margin-left:.12em;color:#2b6c85}.book-title{font:clamp(22px,2.1vw,46px) var(--hand);letter-spacing:.28em;margin:18px 0}.bio{font:clamp(14px,1.3vw,29px)/1.8 var(--hand);white-space:nowrap;margin-bottom:clamp(16px,2.1vw,44px)}.social-links{display:grid;gap:14px;max-width:100%}.social-platform>div{display:grid;grid-template-columns:1fr 1fr;gap:13px}.platform-label{display:none}.social-links a{display:flex;align-items:center;gap:10px;min-height:46px;font:clamp(15px,1.35vw,28px) var(--hand);padding:8px 12px;border-radius:9px 22px 12px 18px;background:linear-gradient(110deg,#d8e9e760,#fffaf350);box-shadow:inset 0 -1px #70a0a333;transition:background .18s,transform .18s}.social-links a:hover{background:#d1e8e5;transform:translateY(-2px)}.platform-logo{width:23px;height:23px;object-fit:contain;flex:none}.turn-link{margin-top:clamp(18px,2.5vw,52px);display:inline-flex;gap:13px;align-items:center;font:clamp(17px,1.5vw,32px) var(--hand);padding:14px 26px;color:#f1f4e8;background:linear-gradient(110deg,#2f7084,#528b98);border-radius:12px 30px 14px 28px;box-shadow:inset 0 1px #9ac2c7,0 5px 13px #305b6b2a;transition:box-shadow .2s,transform .2s}.turn-link:hover{box-shadow:inset 0 1px #bbded9,0 8px 20px #305b6b4a;transform:translateY(-2px)}
.catalog-panel{opacity:var(--catalog-opacity);transform:scale(var(--catalog-scale,.96));perspective:1600px}.catalog-layout{height:100%;display:grid;grid-template-columns:1fr 2fr;gap:1.4%;transform:translateY(calc((1 - var(--book-open,1)) * 60px));position:relative;z-index:2}.catalog-person{min-height:0;padding:18px 10% 26px 8%;display:flex;flex-direction:column;align-items:center;background:url(art/v7/paper.webp) center/100% 100% no-repeat;filter:drop-shadow(0 10px 24px #143c5428)}.character-window{width:100%;flex:1;min-height:100px;position:relative;overflow:hidden;border-radius:45% 46% 18% 17% / 28% 30% 9% 9%;margin-top:12px;background:#cae6ea;box-shadow:inset 0 0 0 5px #f4efe5}.character-window img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}.character-caption{position:absolute;bottom:0;left:0;right:0;text-align:center;font:15px var(--hand);padding:22px 6px 12px;background:linear-gradient(transparent,#f4f0e9f5)}.person-caption{text-align:center;margin:13px 0}.person-caption h2{font:clamp(28px,2.7vw,60px) var(--hand);font-weight:400}.person-caption em{font:1.2em var(--latin)}.person-caption p{font:clamp(11px,.95vw,20px) var(--hand);margin-top:5px}.catalog-person .social-links{width:100%;gap:6px}.catalog-person .social-links a{font:clamp(12px,1vw,23px) var(--hand);gap:6px;padding:7px 5px;min-height:42px;white-space:nowrap}.catalog-person .social-platform>div{gap:5px}.catalog-person .platform-logo{width:19px;height:19px}.catalog-inner{height:100%;min-height:0;display:flex;flex-direction:column;position:relative;padding:clamp(22px,2.5vw,62px) clamp(26px,3.3vw,80px) clamp(20px,2.1vw,50px);background:none;isolation:isolate;perspective:1800px}.catalog-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:12px}.hand-caption{font:clamp(11px,.9vw,19px) var(--hand);letter-spacing:.12em;color:var(--muted)}.catalog-heading h2{font:clamp(27px,2.5vw,58px)/1.35 var(--hand);font-weight:400;margin-top:2px}.catalog-heading h2 em{font:.68em var(--latin);margin-left:10px;color:#648b97}.random-button{display:flex;align-items:center;gap:8px;white-space:nowrap;border:0;min-height:46px;padding:10px 16px;background:linear-gradient(135deg,#edf1e0,#badbdc);border-radius:35% 35% 44% 44% / 22% 22% 35% 35%;box-shadow:inset 0 1px 2px #fff9,0 3px 8px #28546b24;font:clamp(14px,1.15vw,25px) var(--hand)}.random-button:hover{box-shadow:inset 0 1px 2px #fff,0 5px 13px #28546b38}.notebook-tools{display:flex;flex-wrap:wrap;gap:8px 16px;justify-content:space-between;align-items:center;padding-bottom:7px;border-bottom:1px solid var(--line)}.tabs{display:flex;gap:7px}.tabs button{border:0;background:transparent;font:clamp(13px,1.1vw,24px) var(--hand);min-height:40px;padding:6px 10px;position:relative;border-radius:8px 8px 2px 2px;white-space:nowrap}.tabs button[aria-pressed=true]{background:#8bb3bd38;box-shadow:inset 0 -2px #537f8e}.tabs span{font:.85em var(--sans);opacity:.7;margin-left:3px}.search-wrap{display:flex;align-items:center;gap:8px;flex:1;min-width:180px;max-width:310px;padding:0 9px;background:#fff9;border-radius:9px 16px 9px 13px;box-shadow:inset 0 0 0 1px #85a5ad44}.search-wrap:focus-within{outline:2px solid #5592a4}.search-wrap input{min-width:0;width:100%;height:40px;background:none;border:0;color:var(--ink);font:clamp(13px,1.1vw,24px) var(--hand)}.search-wrap input:focus{outline:none}kbd{font:12px var(--sans);color:#6d8b93;opacity:.65}.page-topline{display:flex;justify-content:space-between;font-size:11px;color:var(--muted);padding:9px 0 4px}.page-leaf{flex:1;min-height:0;position:relative;transform-origin:left center;transform-style:preserve-3d}.page-leaf:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,transparent,#6f5b3833);opacity:0;pointer-events:none}.page-leaf.flipping{animation:leaf-turn .42s cubic-bezier(.2,.65,.25,1)}.page-leaf.flipping:after{animation:leaf-shade .42s ease}@keyframes leaf-turn{0%{transform:rotateY(0)}42%{transform:rotateY(-18deg) translateX(6px);opacity:.5}100%{transform:rotateY(0);opacity:1}}@keyframes leaf-shade{45%{opacity:1}}
.songs-scroll{height:100%;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#91b4bc transparent;padding-right:5px;margin-right:-5px}.song-list{display:grid;grid-auto-flow:column;grid-template-columns:1fr 1fr;grid-template-rows:repeat(var(--rows,10),minmax(52px,auto));column-gap:28px;min-height:100%}.song-row{display:grid;grid-template-columns:23px minmax(0,1fr) 30px 44px;align-items:center;gap:5px;border-bottom:1px solid #6c8d8a33;min-height:52px;padding:5px 0;transition:background .16s}.song-row:hover{background:#8fbcbc16}.song-number{font:16px var(--latin);color:#698d98;align-self:start;padding-top:4px}.song-info{min-width:0}.song-name{font:clamp(14px,1.15vw,26px)/1.4 var(--hand);overflow-wrap:anywhere}.song-singer{font:clamp(10px,.72vw,16px)/1.5 var(--sans);color:#54717e;margin-top:3px;overflow-wrap:anywhere}.favorite{width:30px;height:44px;background:none;border:0;color:#77969f;padding:0;font-size:18px}.favorite[aria-pressed=true]{color:#285d73;background:radial-gradient(#a5d5db80,transparent 70%)}.select-song{min-height:39px;padding:5px 6px;background:linear-gradient(120deg,#fff9e9,#d4e6df);border:1px solid #a2bbb0;border-radius:8px 4px 12px 5px;font:13px var(--hand);box-shadow:0 2px 3px #405a5d17;white-space:nowrap}.select-song:hover{background:#bedddb}.is-selected .select-song{background:#387789;color:#fff;border-color:#387789}.is-selected .song-name{color:#267890}.select-song .icon{display:none}.pagination{display:flex;justify-content:center;align-items:center;gap:clamp(3px,.6vw,16px);padding-top:10px;flex-wrap:wrap}.pagination button{min-height:36px;min-width:36px;padding:4px 8px;border:0;background:none;font:clamp(12px,1vw,22px) var(--hand)}.pagination button:not(:disabled):hover{background:#d3e5df}.pagination #page-count{font:clamp(20px,1.7vw,38px) var(--latin);min-width:65px;text-align:center}.page-selector{display:flex;align-items:center;justify-content:center;gap:14px;flex-wrap:wrap;margin-top:2px}.page-selector nav{display:flex;align-items:center;gap:3px}.page-selector button{height:30px;min-width:30px;border:0;border-radius:50%;background:none;font:13px var(--hand)}.page-selector button[aria-current=page]{background:#356e80;color:#fff;box-shadow:inset 0 1px 2px #bbe3e166}.page-selector button:not([aria-current]):hover{background:#d1e4df}.page-selector nav span{color:#6e8b94;font-size:12px}#page-jump-form{display:flex;gap:4px;align-items:center;font:12px var(--hand)}#page-jump{width:42px;height:28px;border:0;border-bottom:1px solid #82a2a4;background:#f9f8ec;color:var(--ink);text-align:center;appearance:textfield}#page-jump::-webkit-inner-spin-button{appearance:none}.local-note{text-align:center;font:10px var(--sans);color:#68858d;margin-top:7px}.empty-state{grid-column:1/-1;grid-row:1/-1;align-self:center;text-align:center;padding:24px;font:22px var(--hand)}.empty-state small{display:block;font:14px/1.7 var(--hand);margin-top:10px}
.catalog-shell{position:absolute;inset:0;z-index:4;pointer-events:none;opacity:var(--shell-alpha,0);perspective:1500px}.shell-valve{position:absolute;left:15%;width:70%;height:70%;background:url(art/v7/shell-gate.webp) center/contain no-repeat;transform-origin:50% 100%}.shell-valve.upper{top:-10%;transform:rotateX(calc(var(--book-open,0) * 105deg))}.shell-valve.lower{top:14%;transform:scaleY(-1) rotateX(calc(var(--book-open,0) * 95deg));transform-origin:50% 45%}.coral-wipe{position:absolute;inset:-12% -35%;z-index:15;pointer-events:none;opacity:var(--wipe-opacity);transform:translateX(calc(var(--wipe-x) * 1vw));will-change:transform;contain:paint}.wipe-solid{position:absolute;inset:0 8%;background:linear-gradient(100deg,#325e71,#b2dfe0 36%,#daeee7 70%,#567f91);box-shadow:0 0 0 2px #779aa5}.wipe-coral{position:absolute;inset:0;background:url(art/v7/curtain.webp) center/100% 100% no-repeat;filter:drop-shadow(-15px 0 15px #143e5366)}
.journey-nav{position:fixed;bottom:17px;left:50%;transform:translateX(-50%);z-index:25;display:flex;align-items:center;gap:20px;padding:5px 23px;background:#edf5e5e8;border:1px solid #f9fbea;border-radius:45% 45% 39% 40% / 20% 22% 28% 29%;box-shadow:0 5px 15px #0b314333;font:14px var(--hand);opacity:var(--header-opacity)}.journey-nav a{display:flex;align-items:center;min-height:32px;white-space:nowrap;color:#638493}.journey-nav a[aria-current]{color:#1c5b74;text-decoration:underline;text-underline-offset:6px}.journey-line{width:70px;height:2px;background:#a0c2c7;position:relative}.journey-line b{position:absolute;top:-3px;left:calc(var(--progress) * 100%);width:8px;height:8px;border-radius:50%;background:#438b9d}.preview-note{position:fixed;left:4.3vw;bottom:24px;color:#eaf7f5aa;font-size:10px}.feedback{position:fixed;z-index:90;bottom:80px;left:50%;transform:translateX(-50%);padding:16px 48px 16px 22px;width:max-content;max-width:calc(100vw - 28px);background:#f9f4e6;border-radius:14px 22px 12px 18px;box-shadow:0 10px 35px #173f5155;font:16px/1.6 var(--hand)}.feedback[hidden]{display:none}.feedback button{position:absolute;right:7px;top:7px;min-width:36px;min-height:36px;border:0;background:none}.feedback input{display:block;width:100%;margin-top:8px;padding:8px;border:1px solid #8bb3ba;color:var(--ink);background:#fff}.feedback input[hidden]{display:none}
dialog{width:min(560px,calc(100vw - 24px));max-height:calc(100svh - 28px);padding:58px 55px 45px;border:0;background:transparent url(art/v7/paper.webp) center/100% 100%;filter:drop-shadow(0 20px 30px #153d5855);color:var(--ink);overflow:auto;text-align:center}dialog::backdrop{background:#092c4770;backdrop-filter:blur(8px)}.dialog-close{position:absolute;right:29px;top:27px;min-width:40px;min-height:40px;border:0;background:transparent;font-size:21px}.dialog-pearl{display:block;margin:0 auto 14px;width:66px;height:55px;background:url(art/v7/shell-gate.webp) center/contain no-repeat}dialog h2{font:32px var(--hand);margin:12px 0 20px}.random-song{padding:20px 6px;border-block:1px solid #78958e4a}.random-song>span{font:20px var(--latin);color:var(--muted)}.random-song h3{font:27px/1.5 var(--hand);margin:10px 0;overflow-wrap:anywhere}.random-song p{font:14px/1.5 var(--sans);color:var(--muted)}.dialog-actions{display:flex;justify-content:center;gap:12px;margin-top:23px}.dialog-actions button{padding:12px 18px;min-height:44px;border:0;background:#dce9e1;border-radius:10px 18px 12px 20px;font:16px var(--hand)}.dialog-actions .primary{background:#36758a;color:#f7f5e7}
body.static-ocean .surface-light b,body.static-ocean .dive-cue{animation:none}body.static-ocean .catalog-shell{display:none}.static-ocean .page-leaf.flipping{animation:none}.static-ocean .page-leaf.flipping:after{animation:none}
@media(hover:hover) and (pointer:fine){body,button,a{cursor:url(art/v7/cursor-40.png) 4 4,auto}input,textarea{cursor:text}button:disabled{cursor:not-allowed}}
@media(min-width:1800px){.song-row{grid-template-columns:36px minmax(0,1fr) 42px 64px;min-height:64px;gap:9px}.favorite{width:42px;font-size:25px}.select-song{font-size:19px;min-height:44px}.song-number{font-size:24px}.page-topline{font-size:16px}.local-note{font-size:13px}.page-selector button{height:38px;min-width:38px;font-size:18px}.platform-logo{width:32px;height:32px}.page-selector form{font-size:16px!important}}
@media(min-width:801px) and (max-width:1200px){.panel{inset:70px 2.6vw 66px}.catalog-layout{grid-template-columns:28% 72%;gap:0}.catalog-person{padding:17px 8% 24px}.catalog-person .social-platform>div{grid-template-columns:1fr}.catalog-person .person-caption p{line-height:1.6}.catalog-inner{padding:24px 29px 22px}.catalog-heading h2 em{display:none}.search-wrap{max-width:none;flex-basis:100%}.notebook-tools{gap:0}.song-list{gap:0 18px}.song-row{grid-template-columns:20px minmax(0,1fr) 27px 42px;gap:3px}.song-name{font-size:14px}.profile-card{padding:7% 7%}.bio{font-size:14px}.social-links a{font-size:14px;padding-inline:5px}.intro-copy h1{font-size:76px}}
@media(min-width:801px) and (max-height:700px){.panel{inset:65px 4vw 60px}.profile-card{padding:4% 6%}.portrait img{max-height:48svh;width:auto;max-width:100%}.opening-note{margin-bottom:6px}.intro-copy h1{font-size:65px}.book-title{font-size:21px;margin:10px 0}.bio{margin-bottom:12px}.social-links{gap:6px}.social-links a{min-height:40px}.turn-link{margin-top:15px;padding:10px 20px}.catalog-inner{padding-top:23px;padding-bottom:22px}.catalog-heading{margin-bottom:5px}.catalog-heading h2{font-size:26px}.hand-caption{font-size:10px}.catalog-person .character-caption{display:none}.person-caption{margin:8px 0}.catalog-person .social-links a{min-height:36px}.pagination{padding-top:4px}.local-note{margin-top:3px}}
@media(max-width:800px){:root{--header-opacity:1!important}html{scrollbar-width:none}body{background:#c1dfe0}.masthead{height:64px;padding:0 5%;background:#edf4e9f2;color:var(--ink);opacity:1}.wordmark{font-size:20px}.wordmark em{font-size:27px}.wordmark small{display:none}.masthead nav{gap:12px;font-size:13px}.direct{padding:8px 10px;background:#d8e9e0;border-color:#aac3bd}.direct .pearl-mark{width:12px;height:12px}#journey{height:auto}.stage{position:relative;height:auto;overflow:clip}.ocean-world{position:fixed;inset:0;filter:none!important;transform:none!important}.water-base{background-image:url(art/v7/water-mobile.webp);background-position:center;transform:none}.water-tint{opacity:.6}.reef-plane,.shell-ground,#marine-life,#jelly-life,.surface-light,.ocean-shade{display:none}.opening{position:relative;height:85svh;min-height:500px;background:linear-gradient(#082d41e6,#0d46647a);opacity:1;color:#edf7f1}.opening h2{font-size:43px}.opening p,.opening h2,.opening span{opacity:1;filter:none;transform:none}.opening .dive-cue{opacity:.8}.track{position:relative;pointer-events:auto}.panel{position:relative;inset:auto;opacity:1!important;transform:none!important;margin:0 12px 30px;pointer-events:auto}.profile-card{min-height:650px;padding:45px 30px 50px;display:flex;flex-direction:column;gap:26px;background-size:100% 100%}.portrait{width:65%;max-width:280px;padding:0;gap:12px}.portrait img{width:100%;max-height:none}.portrait figcaption{font-size:12px}.intro-copy{padding:0;width:100%;text-align:center}.opening-note{font-size:13px;margin-bottom:8px}.intro-copy h1{font-size:55px}.book-title{font-size:20px;margin:12px 0}.bio{white-space:normal;font-size:13px;margin-bottom:20px}.social-links{text-align:left;gap:8px}.social-links a{font-size:14px;padding:8px;gap:7px;min-height:44px}.social-platform>div{gap:8px}.turn-link{margin-top:24px;font-size:16px;padding:13px 22px}.platform-logo{width:20px;height:20px}.catalog-layout{display:block;transform:none;height:auto}.catalog-person{padding:30px 30px 35px;display:grid;grid-template-columns:85px 1fr;gap:12px;margin-bottom:15px;filter:none}.character-window{height:100px;min-height:0;margin:0}.character-caption{display:none}.person-caption{text-align:left;margin:0}.person-caption h2{font-size:29px}.person-caption p{font-size:12px;line-height:1.6}.catalog-person .social-links{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:7px}.catalog-person .social-platform>div{display:flex;flex-direction:column;gap:5px}.catalog-person .social-links a{font-size:12px;min-height:44px;padding:7px}.catalog-inner{height:auto;min-height:750px;padding:32px 24px 35px;background:#f7f1e1;box-shadow:inset 0 0 30px #a99b7733,0 5px 20px #24546a1a;border:1px solid #c5c9b4;border-radius:8px 20px 5px 9px;filter:none}.catalog-inner:before{content:'';position:absolute;inset:5px;pointer-events:none;border:1px solid #b9b89b50;border-radius:inherit}.catalog-heading{gap:8px;margin-bottom:14px}.catalog-heading h2{font-size:28px}.catalog-heading h2 em{display:none}.hand-caption{font-size:10px;letter-spacing:.05em}.random-button{font-size:13px;padding:10px;min-height:44px;gap:5px}.random-button .pearl-mark{width:12px;height:12px}.notebook-tools{display:flex;flex-direction:column;align-items:stretch;gap:10px}.tabs{gap:10px}.tabs button{font-size:15px;min-height:44px}.search-wrap{width:100%;max-width:none}.search-wrap input{font-size:14px;height:44px}.page-topline{padding:12px 0 2px}.page-leaf{flex:none}.songs-scroll{height:auto;overflow:visible;padding:0;margin:0}.song-list{display:flex;flex-direction:column;gap:0}.song-row{min-height:75px;padding:12px 0;grid-template-columns:23px minmax(0,1fr) 33px 46px;gap:4px}.song-name{font-size:16px}.song-singer{font-size:11px}.song-number{font-size:16px}.favorite{width:33px;height:44px}.select-song{min-height:44px;font-size:13px}.pagination{gap:1px;margin-top:15px}.pagination button{padding:4px;min-width:36px;min-height:44px;font-size:12px}#page-count{font-size:22px!important;min-width:60px!important}.page-selector{gap:7px;margin-top:8px}.page-selector button{width:33px;height:40px}.page-selector nav{gap:0}.page-selector form{margin-top:3px}.page-selector #page-jump{height:36px;width:48px}.local-note{line-height:1.5;margin-top:12px;font-size:10px}.catalog-shell,.coral-wipe{display:none}.journey-nav{bottom:12px;gap:16px;max-width:calc(100vw - 24px);padding:5px 18px;opacity:1;font-size:13px}.journey-nav a{min-height:36px}.journey-line{width:45px}.preview-note{display:none}.catalog-panel{padding-bottom:70px;margin-bottom:0}.feedback{bottom:78px;font-size:14px}dialog{padding:50px 33px 35px}dialog h2{font-size:27px}.random-song h3{font-size:23px}.dialog-actions{gap:8px}.dialog-actions button{padding:11px 13px;font-size:14px}.static-ocean .opening{display:none}.static-ocean .intro-panel{margin-top:76px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}.opening p,.opening h2,.opening span{opacity:1!important;filter:none!important;transform:none!important}}

/* Reading ink stays on a separate plane from the illustrated book. */
.catalog-inner:before{content:'';position:absolute;inset:0;z-index:-1;background:url(art/v7/book.webp) center/100% 100% no-repeat;filter:drop-shadow(0 12px 26px #17394d32);pointer-events:none}
.song-name{color:#153e50;font-weight:500}.song-singer{color:#42616b}.page-selector button{color:#194b5b}.page-selector button[aria-current]{color:white}
.catalog-layout{will-change:auto}.page-leaf{backface-visibility:hidden}.catalog-person{filter:none}.profile-card{filter:none}
.favorite .icon{display:none}.favorite:before{content:'';display:block;width:22px;height:22px;margin:auto;border-radius:50%;background:radial-gradient(circle at 32% 25%,#fff 4%,#f5eee0 27%,#bfcdca 57%,#658995 100%);box-shadow:0 1px 3px #28475645}
.favorite[aria-pressed=true]:before{background:radial-gradient(circle at 32% 25%,#fff8d5 4%,#ecd5a2 30%,#bfa56b 62%,#658995 100%);box-shadow:0 0 0 2px #688b91,0 0 8px #e6d0a7}
@media(min-width:801px){.catalog-inner{padding:clamp(57px,7.5vh,150px) 9% clamp(66px,10vh,165px)}.catalog-heading{margin-bottom:8px}.catalog-heading h2{font-size:clamp(27px,2.4vw,68px)}.hand-caption{font-size:clamp(11px,.85vw,22px)}.catalog-heading h2 em{font-size:.6em}.notebook-tools{gap:4px 8px}.search-wrap{min-width:150px;max-width:52%}.tabs{gap:1px}.tabs button{padding-inline:5px}.song-list{column-gap:34px}.song-name{font-size:clamp(15px,1.2vw,28px)}.song-singer{font-size:clamp(11px,.8vw,18px)}.songs-scroll{padding-inline:2px;margin-inline:-2px}.local-note{margin-top:4px}.page-selector{gap:8px}.catalog-heading,.pagination,.page-selector,.local-note{flex-shrink:0}}
@media(min-width:801px) and (max-width:1200px){.catalog-inner{padding:58px 9% 72px}.catalog-heading h2 em{display:none}.notebook-tools{gap:5px}.search-wrap{max-width:none}.song-list{column-gap:24px}.song-row{grid-template-columns:20px minmax(0,1fr) 26px 42px}.song-name{font-size:14px}.song-singer{font-size:10px}.catalog-heading{gap:5px}.random-button{padding:8px;font-size:13px}.random-button .pearl-mark{width:12px;height:12px}.page-selector{gap:5px}.page-selector button{min-width:26px;width:26px}.page-selector #page-jump-form{font-size:11px}.page-selector #page-jump{width:32px}}
@media(max-width:800px){.catalog-inner:before{inset:5px;background:none;filter:none;z-index:-1}.portrait img{height:auto;aspect-ratio:1;object-fit:cover}.catalog-person{padding-bottom:35px}.song-name{font-size:16px}}
/* Keep resting type out of a perspective rendering context. */
.catalog-panel,.catalog-inner{perspective:none}.page-leaf{backface-visibility:visible}
@keyframes leaf-turn{0%{transform:perspective(1200px) rotateY(0)}42%{transform:perspective(1200px) rotateY(-18deg) translateX(6px);opacity:.5}100%{transform:none;opacity:1}}
.portrait figcaption{padding:5px 12px;background:#faf5e5db;border-radius:10px 3px 12px 4px}.songs-scroll{scrollbar-width:thin;scrollbar-color:#5c91a0 #d7e5db75}.page-topline p{letter-spacing:.03em}#search{scroll-margin-top:84px}#intro,#catalog{scroll-margin-top:78px}
@media(max-width:800px){.reef-plane,.shell-ground,.wipe-coral,.shell-valve{background-image:none!important}}
@media(min-width:801px) and (max-width:1200px){.panel{top:80px}}
@media(min-width:801px) and (max-height:700px){.masthead{height:60px}.panel{top:66px;bottom:70px}.catalog-heading .hand-caption{display:none}.catalog-heading h2{margin:0}.catalog-heading{min-height:42px}}
@media(min-width:2200px){.masthead{height:116px}.wordmark{font-size:42px}.wordmark em{font-size:56px}.wordmark small{font-size:20px}.masthead nav{font-size:25px;gap:35px}.direct{min-height:64px;padding:13px 30px}.panel{inset:125px 4.3vw 100px}.catalog-inner{padding-bottom:14vh}.song-name{font-size:clamp(28px,1.15vw,44px)}.song-singer{font-size:clamp(18px,.72vw,28px)}.song-number{font-size:30px}.song-row{grid-template-columns:40px minmax(0,1fr) 50px 80px;gap:12px}.favorite{width:50px;height:64px}.favorite:before{width:32px;height:32px}.select-song{font-size:27px;min-height:60px}.catalog-person{padding-bottom:60px}.person-caption h2{font-size:80px}.person-caption p{font-size:27px}.catalog-person .social-links a{font-size:27px;min-height:64px;gap:12px}.catalog-person .platform-logo{width:30px;height:30px}.bio{font-size:42px}.book-title{font-size:60px}.social-links a{font-size:34px;min-height:66px}.pagination button{font-size:28px;min-height:48px}.pagination #page-count{font-size:44px}.page-selector button{font-size:24px;min-width:44px;height:44px}.page-selector #page-jump-form{font-size:22px!important}.page-selector #page-jump{width:60px;height:40px}.local-note{font-size:17px}.journey-nav{bottom:25px;font-size:23px;gap:28px;padding:8px 32px}.journey-nav a{min-height:46px}.journey-line{width:110px}.platform-logo{width:34px;height:34px}.catalog-heading h2{font-size:72px}.catalog-heading h2 em{font-size:.6em}.hand-caption{font-size:22px}.tabs button{font-size:28px;min-height:52px}.search-wrap input{font-size:27px;height:54px}.page-topline{font-size:18px;padding:18px 0 8px}.random-button{font-size:26px;min-height:60px}.portrait figcaption{font-size:27px}.character-caption{font-size:24px}.local-note{margin-top:9px}}