:root{--app-nav-h: 56px;--app-vh: 100dvh;--ease-warm: cubic-bezier(.22, .7, .2, 1);--ease-bounce: cubic-bezier(.34, 1.56, .64, 1);--shadow-paper: 0 1px 0 var(--paper-shade), 0 12px 28px -16px rgba(70, 40, 15, .25);--shadow-paper-lg: 0 1px 0 var(--paper-shade), 0 20px 48px -20px rgba(70, 40, 15, .35)}body.app{background:radial-gradient(ellipse at 50% 100%,rgba(176,74,48,.06),transparent 60%),radial-gradient(ellipse at 50% 0%,rgba(94,112,72,.05),transparent 55%),var(--paper)}.app-nav{position:sticky;top:0;z-index:40;height:var(--app-nav-h);display:grid;grid-template-columns:auto 1fr auto;align-items:center;padding:0 var(--gutter);background:linear-gradient(to bottom,var(--paper) 70%,rgba(241,231,205,0));gap:.75rem}.app-nav .home{font-family:var(--font-display);font-variation-settings:var(--fraunces-small);font-style:italic;font-size:1.05rem;color:var(--ink);display:inline-flex;align-items:center;gap:.55rem;padding:.35rem 0;text-decoration:none}.app-nav .home:hover{color:var(--terra);text-decoration:none}.app-nav .home .balloon{display:inline-flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;border-radius:50%;background:var(--terra);color:var(--paper);font-family:var(--font-display);font-variation-settings:var(--fraunces-title);font-style:italic;font-size:.95rem;line-height:1;box-shadow:inset 0 -3px #00000014,0 2px 0 var(--terra-deep)}.app-nav .crumb{font-family:var(--font-mono);font-size:.62rem;letter-spacing:.22em;text-transform:uppercase;color:var(--ink-mute);justify-self:center;white-space:nowrap}.app-nav .progress-chip{font-family:var(--font-mono);font-size:.6rem;letter-spacing:.18em;text-transform:uppercase;color:var(--sage);padding:.3rem .55rem;border:1px solid var(--sage);border-radius:999px;display:inline-flex;align-items:center;gap:.4rem;background:transparent;transition:all .2s var(--ease-warm)}.app-nav .progress-chip:hover{background:var(--sage);color:var(--paper)}.app-nav .nav-end{display:inline-flex;align-items:center;gap:.55rem}.app-nav .audio-toggle{height:36px;padding:0 .85rem 0 .55rem;border-radius:999px;border:1.5px solid var(--terra);background:var(--terra-pale);color:var(--terra-deep);display:inline-flex;align-items:center;gap:.4rem;font-family:var(--font-display);font-variation-settings:var(--fraunces-title);font-style:italic;font-weight:500;font-size:.95rem;line-height:1;cursor:pointer;transition:all .2s var(--ease-warm);position:relative;box-shadow:0 2px #8435222e}.app-nav .audio-toggle .audio-icon{font-size:1.1rem;line-height:1;display:inline-block;transition:transform .2s var(--ease-warm)}.app-nav .audio-toggle .audio-label{letter-spacing:-.005em}.app-nav .audio-toggle:hover{background:var(--terra);color:var(--paper);transform:translateY(-1px);box-shadow:0 3px #8435224d}.app-nav .audio-toggle:hover .audio-icon{transform:rotate(-12deg) scale(1.1)}.app-nav .audio-toggle[aria-pressed=true]{background:var(--terra);border-color:var(--terra-deep);color:var(--paper);animation:audio-pulse 2.4s ease-in-out infinite}.app-nav .audio-toggle[aria-pressed=true] .audio-icon{animation:audio-wobble 1.6s ease-in-out infinite}.app-nav .audio-toggle.has-audio:not([aria-pressed=true]){animation:audio-bob 2.6s ease-in-out infinite}@keyframes audio-pulse{0%,to{box-shadow:0 0 #c7663c00,0 2px #8435224d}50%{box-shadow:0 0 0 8px #c7663c1a,0 2px #8435224d}}@keyframes audio-wobble{0%,to{transform:translateY(0) rotate(0)}25%{transform:translateY(-1px) rotate(-6deg)}75%{transform:translateY(1px) rotate(6deg)}}@keyframes audio-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-2px)}}@media(max-width:560px){.app-nav .audio-toggle{padding:0;width:36px;justify-content:center;gap:0}.app-nav .audio-toggle .audio-label{display:none}}@media(max-width:560px){.app-nav .crumb{display:none}}.app-page{min-height:var(--app-vh);display:flex;flex-direction:column}.app-main{flex:1;padding:clamp(1rem,3vh,2rem) var(--gutter) clamp(2rem,5vh,3rem);max-width:1280px;margin:0 auto;width:100%}.app-title{font-family:var(--font-display);font-variation-settings:var(--fraunces-title);font-weight:450;font-style:italic;color:var(--ink);font-size:clamp(1.8rem,4.2vh,2.6rem);margin:0 0 .3rem;letter-spacing:-.01em;line-height:1.05}.app-sub{font-family:var(--font-body);font-style:italic;font-size:1rem;color:var(--ink-soft);margin:0 0 1.6rem}body.menu-body{background:radial-gradient(ellipse at 50% 0%,rgba(176,74,48,.05),transparent 60%),radial-gradient(ellipse at 50% 100%,rgba(94,112,72,.04),transparent 60%),var(--paper)}.home-atmosphere{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden}.atmosphere{position:absolute;left:0;right:0;background-size:cover;background-repeat:no-repeat;background-position:center;filter:saturate(.8) blur(14px)}.atmosphere--harbour{top:0;height:65vh;background-image:url(/images/04-captain-crab.png);background-position:center 75%;opacity:.6;-webkit-mask-image:linear-gradient(to bottom,rgba(0,0,0,1) 0%,rgba(0,0,0,.55) 60%,transparent 100%);mask-image:linear-gradient(to bottom,rgba(0,0,0,1) 0%,rgba(0,0,0,.55) 60%,transparent 100%)}.atmosphere--moor{bottom:0;height:65vh;background-image:url(/images/10-two-bridges.png);background-position:center 90%;opacity:.55;-webkit-mask-image:linear-gradient(to top,rgba(0,0,0,1) 0%,rgba(0,0,0,.55) 60%,transparent 100%);mask-image:linear-gradient(to top,rgba(0,0,0,1) 0%,rgba(0,0,0,.55) 60%,transparent 100%)}@media(prefers-reduced-motion:no-preference){.atmosphere{transition:opacity .6s var(--ease-warm)}}.home{position:relative;z-index:1;max-width:1180px;margin:0 auto;padding:clamp(1.6rem,5vh,3.2rem) var(--gutter) clamp(2rem,5vh,3rem);display:grid;gap:clamp(1.6rem,3.5vh,2.6rem)}.home-hero{text-align:center;display:grid;gap:.45rem;justify-items:center}.home-eyebrow{font-family:var(--font-mono);font-size:.62rem;letter-spacing:.32em;text-transform:uppercase;color:var(--ink-mute);margin:0}.home-title{font-family:var(--font-display);font-variation-settings:var(--fraunces-display);font-style:italic;font-weight:400;font-size:clamp(2.6rem,7.2vh,4.4rem);color:var(--ink);margin:.1rem 0 .15rem;line-height:.95;letter-spacing:-.02em}.home-sub{font-family:var(--font-body);font-style:italic;font-size:clamp(.98rem,2vh,1.15rem);color:var(--ink-soft);margin:0;max-width:42ch;line-height:1.5}.home-bookmark{font-family:var(--font-body);font-style:italic;font-size:.88rem;color:var(--ink-mute);margin:.45rem 0 0;min-height:1.2em}.home-bookmark:empty{display:none}.home-bookmark a{color:var(--terra);border-bottom:1px dashed var(--terra-pale)}.home-panels{display:grid;gap:clamp(1.2rem,2.5vh,2rem)}.panel{position:relative;display:grid;background:var(--paper-warm);border:1px solid var(--rule);border-radius:4px;overflow:hidden;box-shadow:var(--shadow-paper);text-decoration:none;color:var(--ink);transition:box-shadow .32s var(--ease-warm),border-color .22s,transform .32s var(--ease-warm)}a.panel:hover{border-color:var(--terra);box-shadow:var(--shadow-paper-lg);text-decoration:none;transform:translateY(-2px)}a.panel:focus-visible{outline:none;border-color:var(--terra);box-shadow:0 0 0 3px var(--terra-pale),var(--shadow-paper)}.panel-meta-side{padding:clamp(1.4rem,4vh,2.5rem) clamp(1.4rem,4vw,2.4rem);display:flex;flex-direction:column;gap:.7rem;justify-content:center}.panel-eyebrow{font-family:var(--font-mono);font-size:.62rem;letter-spacing:.28em;text-transform:uppercase;color:var(--terra);margin:0}.panel-title{font-family:var(--font-display);font-variation-settings:var(--fraunces-display);font-style:italic;font-weight:450;font-size:clamp(1.7rem,4.4vh,2.5rem);color:var(--ink);margin:0;line-height:1;letter-spacing:-.015em}.panel-desc{font-family:var(--font-body);font-size:clamp(.92rem,1.9vh,1.04rem);color:var(--ink-soft);line-height:1.55;margin:0;max-width:42ch}.panel-foot{margin-top:.6rem;display:flex;justify-content:space-between;align-items:baseline;gap:1rem;flex-wrap:wrap}.panel-cta{font-family:var(--font-display);font-variation-settings:var(--fraunces-title);font-style:italic;font-size:1.05rem;color:var(--terra);transition:transform .22s var(--ease-warm),color .2s;display:inline-block}a.panel:hover .panel-cta{transform:translate(4px);color:var(--terra-deep)}.panel-stat{font-family:var(--font-mono);font-size:.6rem;letter-spacing:.22em;text-transform:uppercase;color:var(--sage)}.panel-art{position:relative;overflow:hidden;background:var(--paper-bright);display:flex;align-items:center;justify-content:center}.panel-art-img{width:100%;height:100%;display:block;object-fit:cover;transition:transform .8s var(--ease-warm)}a.panel:hover .panel-art-img{transform:scale(1.03)}.panel-art-corner{position:absolute;top:clamp(.7rem,1.4vh,1rem);right:clamp(.7rem,1.4vw,1rem);font-family:var(--font-mono);font-size:.55rem;letter-spacing:.22em;text-transform:uppercase;color:var(--paper);background:#2216108c;padding:.35rem .6rem;border-radius:999px;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.panel-art-corner--light{color:var(--ink);background:#f1e7cdd9}.panel--story,.panel--claude,.panel--code{grid-template-columns:1fr;min-height:280px}.panel--story .panel-art{aspect-ratio:1 / 1;min-height:240px;max-height:480px}@media(min-width:780px){.panel--story{grid-template-columns:minmax(280px,.85fr) 1.15fr}.panel--story .panel-art{aspect-ratio:1 / 1;min-height:0;max-height:440px}}.panel-art--claude{background:radial-gradient(ellipse at 30% 50%,rgba(176,74,48,.1),transparent 65%),radial-gradient(ellipse at 70% 50%,rgba(94,112,72,.06),transparent 65%),var(--paper-bright);aspect-ratio:3 / 2;min-height:220px}.panel-art--claude .panel-art-img{object-fit:contain;padding:clamp(.8rem,2vh,1.4rem);transform-origin:center}a.panel--claude:hover .panel-art--claude .panel-art-img{transform:scale(1.04)}@media(min-width:780px){.panel--claude{grid-template-columns:minmax(280px,1fr) 1fr}.panel-art--claude{aspect-ratio:auto;min-height:0;max-height:360px}}.panel--songs{grid-template-columns:1fr;background:linear-gradient(to bottom,var(--paper-warm) 0%,var(--paper-bright) 100%)}.panel--songs .panel-head{padding:clamp(1.3rem,3.5vh,2.1rem) clamp(1.4rem,4vw,2.4rem) 0;display:grid;gap:.4rem}.songs-row{list-style:none;margin:0;padding:clamp(1rem,2.5vh,1.4rem) clamp(1.2rem,3.5vw,2rem) clamp(1.4rem,3.5vh,2.2rem);display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(.7rem,2vh,1rem)}@media(min-width:720px){.songs-row{grid-template-columns:repeat(4,minmax(0,1fr))}}.song-tile{display:flex;flex-direction:column;gap:.55rem;padding:.55rem .55rem .85rem;background:var(--paper);border:1px solid var(--rule-soft);border-radius:3px;text-decoration:none;color:var(--ink);transition:transform .26s var(--ease-warm),border-color .2s,box-shadow .24s;position:relative}.song-tile:hover{transform:translateY(-3px) rotate(-.5deg);border-color:var(--terra);box-shadow:var(--shadow-paper);text-decoration:none}.song-tile:focus-visible{outline:none;border-color:var(--terra);box-shadow:0 0 0 3px var(--terra-pale)}.song-tile-art{aspect-ratio:1 / 1;overflow:hidden;border-radius:2px;background:var(--paper-bright);position:relative}.song-tile-art img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .7s var(--ease-warm)}.song-tile:hover .song-tile-art img{transform:scale(1.05)}.song-tile-num{position:absolute;top:.5rem;left:.5rem;font-family:var(--font-mono);font-size:.52rem;letter-spacing:.22em;text-transform:uppercase;color:var(--paper);background:#22161099;padding:.25rem .45rem;border-radius:999px;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px)}.song-tile-meta{padding:0 .4rem;display:flex;flex-direction:column;gap:.2rem}.song-tile-title{font-family:var(--font-display);font-variation-settings:var(--fraunces-title);font-style:italic;font-weight:450;font-size:clamp(1rem,1.9vh,1.15rem);color:var(--ink);margin:0;line-height:1.15;letter-spacing:-.01em}.song-tile-style{font-family:var(--font-body);font-style:italic;font-size:.78rem;color:var(--ink-mute);margin:0;line-height:1.3}@media(min-width:780px){.panel--code{grid-template-columns:1.1fr minmax(280px,.95fr)}}.panel-art--stamps{position:relative;background:radial-gradient(ellipse at 30% 20%,rgba(176,74,48,.07),transparent 65%),radial-gradient(ellipse at 75% 78%,rgba(94,112,72,.06),transparent 65%),var(--paper-bright);padding:clamp(1.4rem,3.5vh,2.2rem);min-height:320px;overflow:hidden}.stamp{position:absolute;border:6px solid var(--paper-bright);background:var(--paper-bright);box-shadow:0 1px 0 var(--paper-shade),0 10px 20px -10px #46280f73;overflow:hidden;border-radius:1px;transition:transform .42s var(--ease-warm),box-shadow .3s var(--ease-warm);width:44%;aspect-ratio:1 / 1}.stamp img{width:100%;height:100%;object-fit:cover;display:block}.stamp-1{top:6%;left:4%;transform:rotate(-7deg)}.stamp-2{top:10%;right:5%;transform:rotate(5deg);width:42%}.stamp-3{bottom:6%;left:16%;transform:rotate(4deg);width:46%}.stamp-4{bottom:10%;right:7%;transform:rotate(-5deg);width:40%}a.panel--code:hover .stamp-1{transform:rotate(-9deg) translateY(-4px)}a.panel--code:hover .stamp-2{transform:rotate(7deg) translateY(-4px)}a.panel--code:hover .stamp-3{transform:rotate(6deg) translateY(-4px)}a.panel--code:hover .stamp-4{transform:rotate(-7deg) translateY(-4px)}@media(max-width:779px){.panel--code{grid-template-areas:"art" "meta"}.panel--code .panel-meta-side{grid-area:meta}.panel--code .panel-art{grid-area:art}.panel-art--stamps{min-height:260px}.stamp{border-width:5px}}.panel--bsides{grid-template-columns:1fr;background:linear-gradient(to bottom,var(--paper-warm) 0%,var(--paper-shade) 100%);border-color:var(--rule)}.panel-head--bsides{padding:clamp(1.3rem,3.5vh,2.1rem) clamp(1.4rem,4vw,2.4rem) .4rem;display:grid;gap:.4rem}.panel--bsides .panel-eyebrow{color:var(--sage)}.bsides-list{list-style:none;margin:0;padding:clamp(.8rem,2vh,1.1rem) clamp(1rem,3vw,1.6rem) clamp(1.2rem,3vh,1.8rem);display:grid;gap:.4rem}.bside{display:grid;grid-template-columns:auto 1fr auto auto;align-items:center;gap:clamp(.7rem,2vw,1.1rem);padding:.7rem clamp(.7rem,2vw,1rem);background:var(--paper-bright);border:1px solid var(--rule-soft);border-radius:3px;transition:border-color .22s var(--ease-warm),box-shadow .24s var(--ease-warm)}.bside:hover{border-color:var(--sage);box-shadow:var(--shadow-paper)}.bside.is-playing{border-color:var(--sage-deep);background:linear-gradient(to right,rgba(94,112,72,.08) 0%,var(--paper-bright) 60%)}.bside-toggle{width:42px;height:42px;border-radius:50%;border:1px solid var(--rule);background:var(--paper);color:var(--ink);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;font-size:.85rem;line-height:1;transition:transform .15s var(--ease-warm),background .2s var(--ease-warm),color .2s var(--ease-warm),border-color .2s;flex-shrink:0;padding:0}.bside-toggle:hover{transform:scale(1.06);background:var(--ink);color:var(--paper);border-color:var(--ink)}.bside-toggle:focus-visible{outline:none;border-color:var(--sage-deep);box-shadow:0 0 0 3px var(--sage-pale)}.bside-toggle .bside-pause-icon{display:none}.bside-toggle[aria-pressed=true]{background:var(--sage-deep);color:var(--paper);border-color:var(--sage-deep)}.bside-toggle[aria-pressed=true] .bside-play-icon{display:none}.bside-toggle[aria-pressed=true] .bside-pause-icon{display:inline-block;letter-spacing:-.04em;font-size:.7rem}.bside.is-loading .bside-toggle{animation:bside-pulse 1.4s ease-in-out infinite}@keyframes bside-pulse{0%,to{opacity:1}50%{opacity:.55}}.bside-body{min-width:0;display:flex;flex-direction:column;gap:.1rem}.bside-title{font-family:var(--font-display);font-variation-settings:var(--fraunces-title);font-style:italic;font-weight:450;font-size:clamp(1rem,1.9vh,1.15rem);color:var(--ink);margin:0;line-height:1.2;letter-spacing:-.01em}.bside-tagline{font-family:var(--font-body);font-style:italic;font-size:.82rem;color:var(--ink-mute);margin:0;line-height:1.35}.bside-scrub{width:clamp(80px,18vw,200px);height:4px;background:var(--paper-shade);border-radius:999px;position:relative;cursor:pointer;flex-shrink:0}.bside-scrub:before{content:"";position:absolute;inset:-8px 0}.bside-fill{position:absolute;inset:0;width:0;background:var(--sage);border-radius:999px;transition:width .1s linear}.bside.is-playing .bside-fill{background:var(--sage-deep)}.bside-time{font-family:var(--font-mono);font-size:.68rem;letter-spacing:.06em;color:var(--ink-mute);font-variant-numeric:tabular-nums;min-width:3.2em;text-align:right}@media(max-width:560px){.bside{grid-template-columns:auto 1fr auto;grid-template-rows:auto auto;gap:.5rem .8rem}.bside-toggle{grid-row:1 / 3}.bside-body{grid-column:2 / 3;grid-row:1 / 2}.bside-time{grid-column:3 / 4;grid-row:1 / 2;align-self:start}.bside-scrub{grid-column:2 / 4;grid-row:2 / 3;width:100%}}.home-foot{text-align:center;padding:1rem 0 0;margin-top:.3rem;border-top:1px solid var(--rule-soft)}.home-foot a{font-family:var(--font-mono);font-size:.6rem;letter-spacing:.22em;text-transform:uppercase;color:var(--ink-ghost)}.home-foot a:hover{color:var(--terra);text-decoration:none}.reader{min-height:calc(var(--app-vh) - var(--app-nav-h));height:calc(var(--app-vh) - var(--app-nav-h));display:flex;flex-direction:column;background:var(--paper)}.reader-stage{flex:1;position:relative;min-height:0;overflow:hidden}.page-flip{position:absolute;top:50%;z-index:5;transform:translateY(-50%);width:48px;height:48px;border-radius:999px;background:#f1e7cdc7;backdrop-filter:blur(6px);border:1px solid var(--rule-soft);color:var(--ink-soft);font-family:var(--font-display);font-variation-settings:var(--fraunces-title);font-style:italic;font-size:1.8rem;line-height:1;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;opacity:0;transition:opacity .24s var(--ease-warm),transform .24s var(--ease-warm),background .2s var(--ease-warm),color .2s var(--ease-warm);box-shadow:var(--shadow-paper-sm, 0 2px 8px rgba(0, 0, 0, .06))}.page-flip span{display:block;margin-top:-2px}.page-flip.left{left:clamp(.5rem,1.6vw,1.4rem)}.page-flip.right{right:clamp(.5rem,1.6vw,1.4rem)}.reader-stage:hover .page-flip,.page-flip:focus-visible{opacity:1}.page-flip:hover{background:var(--paper);color:var(--terra);transform:translateY(-50%) scale(1.06)}.page-flip.left:hover{transform:translateY(-50%) translate(-2px) scale(1.06)}.page-flip.right:hover{transform:translateY(-50%) translate(2px) scale(1.06)}.page-flip:disabled{opacity:0!important;pointer-events:none}.reader.night .page-flip{background:#141a309e;border-color:#f1e7cd2e;color:#f1e7cdd9}.reader.night .page-flip:hover{background:#f1e7cdeb;color:#1a1f30}@media(max-width:760px){.page-flip{display:none}}.cover-music-cta{position:absolute;z-index:6;left:50%;bottom:clamp(1.2rem,4vh,2.4rem);transform:translate(-50%,8px);display:none;align-items:center;gap:.6rem;padding:.85rem 1.4rem;background:var(--terra);color:var(--paper);border:0;border-radius:999px;font-family:var(--font-display);font-variation-settings:var(--fraunces-title);font-style:italic;font-weight:500;font-size:clamp(1rem,2.2vh,1.2rem);letter-spacing:-.005em;cursor:pointer;box-shadow:0 4px 0 var(--terra-deep),0 14px 28px -8px #84352280;transition:transform .2s var(--ease-warm),box-shadow .2s var(--ease-warm);opacity:0}.reader.is-cover .cover-music-cta{display:inline-flex;animation:cover-cta-rise .5s var(--ease-warm) forwards}@keyframes cover-cta-rise{0%{opacity:0;transform:translate(-50%,14px)}to{opacity:1;transform:translate(-50%)}}.cover-music-cta:hover{transform:translate(-50%,-2px);box-shadow:0 6px 0 var(--terra-deep),0 18px 32px -8px #84352299}.cover-music-cta:active{transform:translate(-50%,2px);box-shadow:0 1px 0 var(--terra-deep),0 4px 10px -2px #84352266}.cover-music-cta .cover-music-icon{font-size:1.3em;line-height:1;display:inline-block}.cover-music-cta[aria-pressed=true] .cover-music-icon{animation:audio-wobble 1.6s ease-in-out infinite}.cover-music-cta[aria-pressed=true]{animation:cover-cta-rise .5s var(--ease-warm) forwards,audio-pulse 2.4s ease-in-out infinite .5s}body:has(.reader.is-cover) .app-nav .audio-toggle{display:none}@media(max-width:760px){.cover-music-cta{padding:.95rem 1.5rem;font-size:1.1rem;box-shadow:0 3px 0 var(--terra-deep),0 10px 22px -6px #84352280}}.reader-swiper{width:100%;height:100%}.reader-slide{display:flex;align-items:center;justify-content:center;padding:clamp(.5rem,1.5vh,1rem) clamp(.5rem,2vw,1.5rem);height:100%;box-sizing:border-box}@media(max-width:760px){.reader-slide{padding:0}}.slide-plate{width:100%;height:100%;display:flex;align-items:center;justify-content:center;position:relative}.slide-plate .plate{position:relative;background:var(--paper-bright);border:1px solid var(--rule);box-shadow:var(--shadow-paper-lg);overflow:hidden;border-radius:2px;max-width:100%;max-height:100%}.slide-plate.desktop .plate{aspect-ratio:2 / 1;width:100%;height:auto;max-height:calc(var(--app-vh) - var(--app-nav-h) - 6.5rem)}.slide-plate.desktop .plate img{width:100%;height:100%;object-fit:cover;display:block}.slide-plate.desktop.full .plate{aspect-ratio:1 / 1;width:auto;height:100%;max-height:calc(var(--app-vh) - var(--app-nav-h) - 6.5rem);max-width:100%}.slide-plate.desktop.full .plate img{object-fit:contain}.slide-plate.mobile .plate{aspect-ratio:1 / 1;width:100%;max-height:calc(var(--app-vh) - var(--app-nav-h) - 6.5rem);background:transparent;border:0;box-shadow:none;border-radius:0}.slide-plate.mobile .plate img{width:200%;height:100%;object-fit:cover;display:block;transition:transform .7s var(--ease-warm)}.slide-plate.mobile.left .plate img{transform:translate(0)}.slide-plate.mobile.right .plate img{transform:translate(-50%)}.slide-plate.mobile.full .plate{aspect-ratio:1 / 1;background:transparent;border:0;box-shadow:none}.slide-plate.mobile.full .plate img{width:100%;transform:none!important;object-fit:cover}.slide-caption{position:absolute;bottom:clamp(.4rem,1.5vh,1rem);left:50%;transform:translate(-50%);font-family:var(--font-display);font-variation-settings:var(--fraunces-small);font-style:italic;font-size:.78rem;color:var(--ink-mute);background:#f1e7cdeb;padding:.3rem .7rem;border-radius:999px;border:1px solid var(--rule-soft);white-space:nowrap;pointer-events:none;display:inline-flex;align-items:baseline;gap:.45rem}.slide-caption .num{font-family:var(--font-mono);font-size:.62rem;letter-spacing:.18em;text-transform:uppercase;color:var(--terra)}.slide-caption .side{font-family:var(--font-mono);font-size:.55rem;letter-spacing:.18em;text-transform:uppercase;color:var(--ink-ghost);border-left:1px solid var(--rule-soft);padding-left:.45rem}.slide-caption .preview-note{font-family:var(--font-mono);font-size:.55rem;letter-spacing:.18em;text-transform:uppercase;color:var(--terra);border-left:1px solid var(--rule-soft);padding-left:.45rem;font-style:normal}.reader-foot{padding:.6rem var(--gutter) max(env(safe-area-inset-bottom,0px),.8rem);background:var(--paper);border-top:1px solid var(--rule-soft);display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:1rem}.reader-btn{font-family:var(--font-display);font-variation-settings:var(--fraunces-title);font-style:italic;font-size:1.5rem;color:var(--ink-soft);padding:.35rem .6rem;line-height:1;transition:color .12s var(--ease-warm),transform .2s var(--ease-warm)}.reader-btn:hover{color:var(--terra);transform:translateY(-1px)}.reader-btn:disabled{color:var(--ink-ghost);cursor:not-allowed}.reader-progress{display:flex;flex-wrap:nowrap;align-items:center;justify-content:space-between;gap:.3rem;padding:.2rem 0;width:100%}.reader-dot{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;border:1px solid var(--rule);background:transparent;font-family:var(--font-mono);font-size:.55rem;color:var(--ink-ghost);transition:all .2s var(--ease-warm);position:relative}.reader-dot.bonus{border-style:dashed}.reader-dot.active{background:var(--ink);border-color:var(--ink);color:var(--paper);transform:scale(1.15)}.reader-dot:hover{border-color:var(--terra);color:var(--terra)}@media(max-width:760px){.reader-progress{gap:0}.reader-dot{width:12px;height:12px;font-size:0;border-width:1px}.reader-dot:before{content:"";position:absolute;inset:-8px}.reader-dot.active{transform:scale(1.3)}}.reader-counter{font-family:var(--font-mono);font-size:.6rem;letter-spacing:.18em;text-transform:uppercase;color:var(--ink-mute);white-space:nowrap;font-variant-numeric:tabular-nums}.reader-counter .now{color:var(--terra);font-family:var(--font-display);font-style:italic;font-size:1rem;letter-spacing:0;text-transform:none}.reader.roaring{animation:roar-shake .7s var(--ease-warm)}.reader.roaring:before{content:"ROAR!";position:fixed;inset:0;display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-variation-settings:"opsz" 144,"SOFT" 0,"WONK" 1;font-style:italic;font-weight:700;color:var(--terra);font-size:clamp(6rem,22vw,18rem);letter-spacing:-.02em;pointer-events:none;z-index:80;text-shadow:0 6px 0 var(--terra-deep),0 14px 30px rgba(132,53,34,.45);animation:roar-pop .9s var(--ease-bounce) forwards}@keyframes roar-shake{0%,to{transform:translate(0)}20%{transform:translate(-4px,2px)}40%{transform:translate(4px,-2px)}60%{transform:translate(-3px,1px)}80%{transform:translate(2px,-1px)}}@keyframes roar-pop{0%{transform:scale(.4) rotate(-5deg);opacity:0}30%{transform:scale(1.1) rotate(2deg);opacity:1}60%{transform:scale(1) rotate(0);opacity:1}to{transform:scale(1.4) rotate(0);opacity:0}}.reader.night{background:linear-gradient(to bottom,#0e1424,#1a1f30);color:var(--paper)}.reader.night .reader-foot{background:#0e1424d9;border-top-color:#f1e7cd1f}.reader.night .reader-dot{border-color:#f1e7cd40;color:#f1e7cd80}.reader.night .reader-dot.active{background:var(--paper);border-color:var(--paper);color:#1a1f30}.reader.night .reader-counter{color:#f1e7cd99}.reader.night .reader-counter .now{color:var(--paper)}.reader.night .reader-btn{color:#f1e7cdb3}.reader.night .slide-caption{background:#0e1424b3;border-color:#f1e7cd33;color:#f1e7cdbf}.reader.night .slide-caption .num{color:var(--terra-pale)}.reader.night .reader-stage:before,.reader.night .reader-stage:after{content:"";position:absolute;inset:0;pointer-events:none;background-image:radial-gradient(1.5px 1.5px at 18% 22%,rgba(255,255,255,.7),transparent 60%),radial-gradient(1px 1px at 32% 12%,rgba(255,255,255,.5),transparent 60%),radial-gradient(1.5px 1.5px at 68% 18%,rgba(255,255,255,.8),transparent 60%),radial-gradient(1px 1px at 82% 30%,rgba(255,255,255,.55),transparent 60%),radial-gradient(1.2px 1.2px at 12% 60%,rgba(255,255,255,.5),transparent 60%),radial-gradient(1.5px 1.5px at 88% 70%,rgba(255,255,255,.8),transparent 60%);animation:twinkle 4s ease-in-out infinite alternate;z-index:5}.reader.night .reader-stage:after{animation-delay:2s;animation-duration:6s}@keyframes twinkle{0%{opacity:.4}to{opacity:1}}.puzzle{padding-bottom:4rem}.puzzle-intro{text-align:center;max-width:50ch;margin:0 auto 2rem;color:var(--ink-soft);line-height:1.55}.puzzle-intro .e-symbol{font-family:var(--font-display);font-variation-settings:var(--fraunces-display);font-style:italic;font-weight:400;color:var(--terra);font-size:2.4em;line-height:0;vertical-align:-.18em;margin:0 .1em}.puzzle-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:clamp(.6rem,1.6vh,1rem);max-width:920px;margin:0 auto}.seal{position:relative;background:var(--paper-warm);border:1px solid var(--rule);border-radius:3px;padding:1rem .9rem;text-align:center;cursor:pointer;transition:all .25s var(--ease-warm);min-height:200px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.4rem;font-family:var(--font-body);color:var(--ink-soft);overflow:hidden}.seal:before{content:"";position:absolute;inset:-2px;background:radial-gradient(circle at 20% 30%,rgba(176,74,48,.06),transparent 60%),radial-gradient(circle at 80% 70%,rgba(94,112,72,.05),transparent 60%);pointer-events:none}.seal:hover{transform:translateY(-2px);border-color:var(--terra);box-shadow:var(--shadow-paper)}.seal-num{font-family:var(--font-mono);font-size:.58rem;letter-spacing:.22em;text-transform:uppercase;color:var(--ink-ghost)}.seal-digit{font-family:var(--font-display);font-variation-settings:var(--fraunces-display);font-style:italic;font-weight:400;font-size:4.5rem;line-height:.95;color:var(--ink-ghost);margin:.1rem 0;letter-spacing:-.04em}.seal.found .seal-digit{color:var(--terra);animation:seal-stamp .6s var(--ease-bounce)}.seal-loc{font-family:var(--font-body);font-style:italic;font-size:.78rem;color:var(--ink-mute);line-height:1.3;margin-top:auto}.seal.found{background:radial-gradient(circle at 50% 50%,var(--terra-pale) 0%,transparent 75%),var(--paper-warm);border-color:var(--terra)}.seal.found:after{content:"✓";position:absolute;top:.6rem;right:.7rem;color:var(--sage);font-family:var(--font-display);font-style:italic;font-size:.95rem}@keyframes seal-stamp{0%{transform:scale(.4) rotate(-15deg);opacity:0}50%{transform:scale(1.25) rotate(5deg);opacity:1}to{transform:scale(1) rotate(0);opacity:1}}.seal-modal-backdrop{position:fixed;inset:0;background:#2216108c;z-index:100;display:none;align-items:center;justify-content:center;padding:1rem;backdrop-filter:blur(3px);animation:fade-in .25s var(--ease-warm)}.seal-modal-backdrop.open{display:flex}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.seal-modal{position:relative;background:var(--paper);border:1px solid var(--rule);box-shadow:var(--shadow-paper-lg);padding:clamp(1.5rem,4vh,2.5rem) clamp(1.2rem,4vw,2.2rem);border-radius:3px;max-width:460px;width:100%;text-align:center;animation:pop-in .35s var(--ease-bounce)}@keyframes pop-in{0%{transform:scale(.85) translateY(20px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}.seal-modal-num{font-family:var(--font-mono);font-size:.62rem;letter-spacing:.22em;text-transform:uppercase;color:var(--ink-mute)}.seal-modal-title{font-family:var(--font-display);font-variation-settings:var(--fraunces-title);font-style:italic;font-size:1.5rem;color:var(--ink);margin:.3rem 0 .6rem}.seal-modal-loc{font-family:var(--font-body);font-style:italic;color:var(--ink-soft);margin-bottom:1rem;font-size:.95rem}.seal-modal-hint{font-family:var(--font-body);color:var(--ink-soft);line-height:1.5;margin:0 0 1.3rem;padding:.9rem 1rem;background:var(--paper-warm);border-left:3px solid var(--sage);border-radius:1px;text-align:left;font-size:.92rem}.seal-modal-hint strong{color:var(--terra);font-weight:500}.seal-modal-input{font-family:var(--font-display);font-variation-settings:var(--fraunces-display);font-style:italic;font-size:3rem;text-align:center;width:4.5rem;height:4.5rem;border:2px solid var(--rule);background:var(--paper-bright);color:var(--ink);border-radius:50%;transition:all .2s var(--ease-warm);outline:none;margin:0 auto;display:block;padding:0}.seal-modal-input:focus{border-color:var(--terra);background:var(--paper);box-shadow:0 0 0 4px var(--terra-pale)}.seal-modal-input.wrong{animation:shake .4s var(--ease-warm);border-color:var(--terra-deep)}.seal-modal-input.right{border-color:var(--sage);color:var(--sage)}@keyframes shake{0%,to{transform:translate(0)}20%,60%{transform:translate(-6px)}40%,80%{transform:translate(6px)}}.seal-modal-close{position:absolute;top:.6rem;right:.8rem;font-family:var(--font-display);font-style:italic;font-size:1.5rem;color:var(--ink-ghost);padding:.2rem .5rem;line-height:1}.seal-modal-close:hover{color:var(--terra)}.seal-modal-status{font-family:var(--font-mono);font-size:.65rem;letter-spacing:.2em;text-transform:uppercase;margin-top:1rem;min-height:1em}.seal-modal-status.right{color:var(--sage)}.seal-modal-status.wrong{color:var(--terra-deep)}.code-display{display:flex;justify-content:center;align-items:baseline;gap:.15rem;flex-wrap:wrap;margin:1.5rem auto;max-width:600px;font-family:var(--font-display);font-variation-settings:var(--fraunces-display);font-style:italic;font-size:clamp(1.6rem,4vw,2.4rem);color:var(--ink);letter-spacing:-.01em}.code-display .d{display:inline-flex;align-items:center;justify-content:center;min-width:1.4rem;padding:.05em .18em;color:var(--ink-ghost);transition:color .4s}.code-display .d.found{color:var(--terra)}.code-display .d.dot{min-width:.6rem;color:var(--terra);padding:0 .05em}.final-gate{margin:3rem auto 0;max-width:560px;padding:2rem clamp(1.2rem,4vw,2rem);border:1px dashed var(--terra);border-radius:3px;text-align:center;background:linear-gradient(to bottom,var(--paper-warm),var(--paper));display:none}.final-gate.show{display:block;animation:pop-in .6s var(--ease-bounce)}.final-gate h2{font-family:var(--font-display);font-variation-settings:var(--fraunces-title);font-style:italic;font-size:1.6rem;color:var(--ink);margin:0 0 .5rem}.final-gate p{font-family:var(--font-body);color:var(--ink-soft);font-style:italic;margin:0 0 1.5rem;line-height:1.5}.final-input-row{display:flex;gap:.6rem;justify-content:center;margin:1rem 0}.final-digit{font-family:var(--font-display);font-variation-settings:var(--fraunces-display);font-style:italic;font-size:2.4rem;text-align:center;width:3.4rem;height:4rem;border:2px solid var(--rule);background:var(--paper-bright);color:var(--ink);border-radius:3px;outline:none;padding:0;transition:all .2s var(--ease-warm)}.final-digit:focus{border-color:var(--terra);box-shadow:0 0 0 3px var(--terra-pale)}.final-digit.right{border-color:var(--sage);color:var(--sage)}.final-status{font-family:var(--font-mono);font-size:.65rem;letter-spacing:.2em;text-transform:uppercase;min-height:1em;margin-top:.5rem}.final-status.wrong{color:var(--terra-deep);animation:shake .4s}.letter{margin:3rem auto 0;max-width:600px;padding:clamp(2rem,5vh,3rem) clamp(1.5rem,5vw,3rem);background:var(--paper-bright);border:1px solid var(--rule);border-radius:3px;box-shadow:var(--shadow-paper-lg);position:relative;display:none;transform:rotate(-.5deg);font-family:var(--font-body);font-size:1.05rem;line-height:1.65;color:var(--ink)}.letter.show{display:block;animation:letter-flutter .8s var(--ease-warm)}@keyframes letter-flutter{0%{transform:rotate(-15deg) translateY(-30px);opacity:0}60%{transform:rotate(2deg) translateY(0);opacity:1}to{transform:rotate(-.5deg) translateY(0);opacity:1}}.letter:before{content:"";position:absolute;top:-8px;left:50%;transform:translate(-50%) rotate(-2deg);width:90px;height:22px;background:var(--terra-pale);opacity:.6;border:1px dashed var(--terra)}.letter h2{font-family:var(--font-display);font-variation-settings:var(--fraunces-title);font-style:italic;text-align:center;margin:0 0 1.2rem;color:var(--terra);font-size:1.4rem}.letter p{margin:0 0 1rem}.letter p:last-child{margin-bottom:0}.letter .signoff{margin-top:1.5rem;font-style:italic;text-align:right;color:var(--ink-soft)}.music{max-width:720px;margin:0 auto}.player{background:var(--paper-warm);border:1px solid var(--rule);border-radius:3px;padding:1.5rem;margin-bottom:2rem;box-shadow:var(--shadow-paper)}.player-head{display:grid;grid-template-columns:auto 1fr;gap:1rem;align-items:center;margin-bottom:1.2rem}.player-glyph{width:64px;height:64px;border-radius:50%;background:var(--terra);color:var(--paper);display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-variation-settings:var(--fraunces-display);font-style:italic;font-size:1.8rem;box-shadow:inset 0 -4px #0000001f,0 4px 0 var(--terra-deep);flex-shrink:0;transition:transform .6s var(--ease-warm)}.player.playing .player-glyph{animation:spin 6s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.player-track{font-family:var(--font-display);font-variation-settings:var(--fraunces-title);font-style:italic;font-size:1.3rem;color:var(--ink);margin:0 0 .15rem;line-height:1.1}.player-meta{font-family:var(--font-body);font-style:italic;font-size:.88rem;color:var(--ink-mute);margin:0}.player-waveform{display:flex;align-items:end;gap:2px;height:30px;margin:1rem 0}.wbar{flex:1;background:var(--rule);border-radius:1px;height:30%;transition:height .2s var(--ease-warm),background .1s}.player.playing .wbar{animation:wave 1.4s ease-in-out infinite;background:var(--terra)}@keyframes wave{0%,to{height:30%}50%{height:90%}}.player.playing .wbar:nth-child(2n){animation-delay:.1s}.player.playing .wbar:nth-child(3n){animation-delay:.2s}.player.playing .wbar:nth-child(5n){animation-delay:.3s}.player.playing .wbar:nth-child(7n){animation-delay:.4s}.player-progress{width:100%;height:4px;background:var(--paper-shade);border-radius:999px;position:relative;cursor:pointer}.player-progress-fill{position:absolute;inset:0;width:0;background:var(--terra);border-radius:999px;transition:width .1s linear}.player-controls{display:flex;align-items:center;justify-content:center;gap:1rem;margin-top:1rem}.player-btn{font-family:var(--font-display);font-style:italic;font-size:1.5rem;color:var(--ink-soft);padding:.5rem .8rem;border-radius:999px;transition:all .2s var(--ease-warm)}.player-btn:hover{color:var(--terra)}.player-play{background:var(--ink);color:var(--paper);width:56px;height:56px;display:inline-flex;align-items:center;justify-content:center;font-size:1.4rem;padding:0;border-radius:50%;box-shadow:0 4px 0 var(--ink-soft);transition:transform .15s var(--ease-warm),box-shadow .15s}.player-play:hover{transform:translateY(-2px);box-shadow:0 6px 0 var(--ink-soft)}.player-play:active{transform:translateY(2px);box-shadow:0 1px 0 var(--ink-soft)}.player-time{font-family:var(--font-mono);font-size:.7rem;color:var(--ink-mute);letter-spacing:.05em;font-variant-numeric:tabular-nums}.tracks{list-style:none;padding:0;margin:0}.track{display:grid;grid-template-columns:2rem 1fr auto;align-items:center;gap:1rem;padding:.85rem 1rem;border:1px solid var(--rule-soft);border-radius:2px;margin-bottom:.5rem;cursor:pointer;background:var(--paper);transition:all .2s var(--ease-warm)}.track:hover{border-color:var(--terra);background:var(--paper-warm)}.track.active{border-color:var(--terra);background:linear-gradient(to right,var(--terra-pale),transparent 30%),var(--paper)}.track-num{font-family:var(--font-mono);font-size:.62rem;letter-spacing:.18em;color:var(--ink-mute)}.track-title{font-family:var(--font-display);font-variation-settings:var(--fraunces-title);font-style:italic;font-size:1.1rem;color:var(--ink);margin:0;line-height:1.2}.track-meta{font-family:var(--font-body);font-style:italic;font-size:.82rem;color:var(--ink-mute);margin:0}.track-dur{font-family:var(--font-mono);font-size:.7rem;color:var(--ink-mute);font-variant-numeric:tabular-nums}.track-missing{font-family:var(--font-mono);font-size:.55rem;letter-spacing:.18em;text-transform:uppercase;color:var(--ink-ghost);padding:.2rem .45rem;border:1px dashed var(--rule);border-radius:1px}.wander-tabs{display:flex;justify-content:center;gap:.5rem;margin-bottom:2rem;flex-wrap:wrap}.wander-tab{font-family:var(--font-mono);font-size:.65rem;letter-spacing:.22em;text-transform:uppercase;padding:.5rem .95rem;border:1px solid var(--rule);border-radius:1px;color:var(--ink-soft);background:transparent;cursor:pointer;transition:all .2s var(--ease-warm)}.wander-tab:hover{border-color:var(--terra);color:var(--terra)}.wander-tab.active{background:var(--ink);border-color:var(--ink);color:var(--paper)}.wander-panel{display:none}.wander-panel.active{display:block;animation:fade-in .35s var(--ease-warm)}.map-wrap{max-width:880px;margin:0 auto;background:var(--paper-warm);border:1px solid var(--rule);border-radius:3px;padding:clamp(1rem,3vh,2rem);box-shadow:var(--shadow-paper)}.map-svg{width:100%;height:auto;display:block}.map-svg .coast{fill:none;stroke:var(--ink-soft);stroke-width:1.5;stroke-linecap:round}.map-svg .moor{fill:var(--sage-pale);opacity:.5}.map-svg .river{fill:none;stroke:#6e8da8;stroke-width:1.3;stroke-linecap:round}.map-svg .route{fill:none;stroke:var(--terra);stroke-width:2.5;stroke-linecap:round;stroke-dasharray:5 4}.map-svg .route.animated{stroke-dasharray:1000;stroke-dashoffset:1000;animation:route-draw 4s var(--ease-warm) forwards}@keyframes route-draw{to{stroke-dashoffset:0}}.map-svg .pin{cursor:pointer;transition:transform .2s var(--ease-bounce);transform-box:fill-box;transform-origin:center bottom}.map-svg .pin:hover{transform:scale(1.2)}.map-svg .pin-body{fill:var(--terra);stroke:var(--terra-deep);stroke-width:1.5}.map-svg .pin-dot{fill:var(--paper)}.map-svg text{font-family:var(--font-body);font-size:11px;font-style:italic;fill:var(--ink)}.map-svg .label-loc{fill:var(--ink-soft);font-size:10px}.map-svg .area-label{font-family:var(--font-display);font-style:italic;font-size:16px;fill:var(--ink-mute);letter-spacing:.04em}.map-legend{margin-top:1.5rem;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.5rem;font-family:var(--font-body);font-size:.85rem;color:var(--ink-soft)}.map-legend a{display:flex;align-items:baseline;gap:.5rem;padding:.4rem .6rem;text-decoration:none;color:var(--ink-soft);border-radius:2px;transition:background .15s}.map-legend a:hover{background:var(--paper-bright);color:var(--terra)}.map-legend .num{font-family:var(--font-mono);font-size:.62rem;letter-spacing:.18em;color:var(--terra)}.claude-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:1rem;max-width:1000px;margin:0 auto}.claude-card{background:var(--paper-warm);border:1px solid var(--rule);border-radius:3px;padding:1rem;text-align:center;transition:all .2s var(--ease-warm)}.claude-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-paper);border-color:var(--terra)}.claude-emoji{font-size:2.5rem;margin-bottom:.4rem;filter:saturate(.7)}.claude-spread{font-family:var(--font-mono);font-size:.58rem;letter-spacing:.22em;text-transform:uppercase;color:var(--ink-mute)}.claude-outfit{font-family:var(--font-display);font-variation-settings:var(--fraunces-title);font-style:italic;color:var(--ink);margin:.2rem 0 .3rem;font-size:1.1rem}.claude-card .find{font-family:var(--font-mono);font-size:.55rem;letter-spacing:.2em;text-transform:uppercase;padding:.4rem .7rem;border:1px solid var(--rule);border-radius:999px;background:transparent;color:var(--ink-soft);cursor:pointer;transition:all .2s var(--ease-warm)}.claude-card .find:hover{border-color:var(--terra);color:var(--terra)}.claude-card.found .find{background:var(--sage);color:var(--paper);border-color:var(--sage)}.claude-card.found .find:before{content:"✓ "}.shelf{max-width:760px;margin:0 auto;position:relative;padding:2rem 1rem .5rem}.shelf:after{content:"";display:block;height:12px;background:linear-gradient(to bottom,var(--ink-soft) 0%,var(--ink) 100%);margin-top:-1px;border-radius:1px;box-shadow:0 6px 14px -6px #46280f66}.spines{display:flex;align-items:end;gap:4px;flex-wrap:wrap;justify-content:center;min-height:200px}.spine{display:flex;align-items:end;justify-content:center;cursor:pointer;width:clamp(40px,8vw,56px);height:clamp(180px,30vh,240px);padding:.5rem .3rem;border-radius:2px 2px 0 0;position:relative;transition:transform .2s var(--ease-warm),filter .2s;filter:saturate(.3) brightness(.85)}.spine:hover{transform:translateY(-8px);filter:saturate(1) brightness(1)}.spine.found{filter:saturate(1) brightness(1)}.spine-title{font-family:var(--font-display);font-variation-settings:var(--fraunces-title);font-style:italic;font-size:.65rem;color:var(--paper);writing-mode:vertical-rl;text-orientation:mixed;letter-spacing:.02em;text-shadow:0 1px 0 rgba(0,0,0,.3);text-align:end;padding-bottom:.2rem;line-height:1.2;max-height:100%;white-space:nowrap;overflow:hidden}.spine.c1{background:linear-gradient(to bottom,#5a3a2c,#3a2418)}.spine.c2{background:linear-gradient(to bottom,#2c4a44,#1a2c2a)}.spine.c3{background:linear-gradient(to bottom,#6a3528,#4a2418)}.spine.c4{background:linear-gradient(to bottom,#4a5a30,#2c3a1c)}.spine.c5{background:linear-gradient(to bottom,#503a5a,#2c1c3a)}.spine.c6{background:linear-gradient(to bottom,#5a4a1c,#3a2c0c)}.spine.c7{background:linear-gradient(to bottom,#2a3a5c,#1a243c)}.shelf-detail{margin-top:2.5rem;max-width:520px;margin-inline:auto;text-align:center;font-family:var(--font-body);color:var(--ink-soft);font-style:italic;font-size:.95rem;min-height:3em}.roar-btn{position:fixed;bottom:max(env(safe-area-inset-bottom,0px),1rem);right:1rem;z-index:60;width:52px;height:52px;border-radius:50%;background:var(--terra);color:var(--paper);font-family:var(--font-display);font-variation-settings:"opsz" 144,"SOFT" 0,"WONK" 1;font-style:italic;font-weight:700;font-size:1rem;display:inline-flex;align-items:center;justify-content:center;border:none;box-shadow:0 4px 0 var(--terra-deep),0 12px 24px -8px #84352299;cursor:pointer;transition:transform .1s var(--ease-warm),box-shadow .1s}.roar-btn:hover{transform:translateY(-2px);box-shadow:0 6px 0 var(--terra-deep),0 16px 28px -8px #843522b3}.roar-btn:active{transform:translateY(2px);box-shadow:0 1px 0 var(--terra-deep),0 4px 8px -2px #84352280}.roar-btn.roaring{animation:roar-pulse .6s var(--ease-bounce)}@keyframes roar-pulse{0%{transform:scale(1)}40%{transform:scale(1.45) rotate(-8deg)}70%{transform:scale(.95) rotate(4deg)}to{transform:scale(1) rotate(0)}}.swiper-slide-active .slide-plate{animation:slide-rise .6s var(--ease-warm)}@keyframes slide-rise{0%{opacity:0;transform:translateY(8px) scale(.99)}to{opacity:1;transform:translateY(0) scale(1)}}body.songs-body{background:radial-gradient(ellipse at 50% -10%,rgba(176,74,48,.08),transparent 55%),radial-gradient(ellipse at 50% 110%,rgba(94,112,72,.06),transparent 55%),var(--paper)}.songs{max-width:760px;margin:0 auto;padding:clamp(1.2rem,3vh,2rem) var(--gutter) clamp(2rem,5vh,3rem)}.songs-head{text-align:center;padding:clamp(.4rem,2vh,1.2rem) 0 clamp(1.2rem,3vh,2rem)}.songs-eyebrow{font-family:var(--font-mono);font-size:.62rem;letter-spacing:.28em;text-transform:uppercase;color:var(--sage);margin:0 0 .6rem}.songs-title{font-family:var(--font-display);font-variation-settings:var(--fraunces-display);font-style:italic;font-weight:400;font-size:clamp(2rem,5.5vh,2.8rem);color:var(--ink);margin:0 0 .55rem;letter-spacing:-.015em;line-height:1}.songs-sub{font-family:var(--font-body);font-style:italic;color:var(--ink-soft);font-size:.95rem;margin:0;max-width:36ch;margin-inline:auto}.songs-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:clamp(1rem,2.4vh,1.6rem);counter-reset:songcounter}.song{counter-increment:songcounter}.song-card{position:relative;background:var(--paper-warm);border:1px solid var(--rule);border-radius:4px;padding:clamp(1rem,2.4vh,1.5rem) clamp(1rem,2.6vw,1.6rem);display:grid;grid-template-columns:120px 1fr;gap:clamp(1rem,2.4vw,1.4rem);box-shadow:var(--shadow-paper);overflow:hidden}@media(min-width:600px){.song-card{grid-template-columns:150px 1fr}}.song-card:before{content:"";position:absolute;top:0;bottom:0;left:0;width:4px;background:var(--terra);opacity:.85}.song-art{position:relative;aspect-ratio:1 / 1;border-radius:4px;overflow:hidden;background:var(--paper-bright);box-shadow:inset 0 0 0 1px var(--rule-soft),0 6px 18px -12px #46280f73;transform:rotate(-1deg);transition:transform .4s var(--ease-warm)}.song-card:hover .song-art{transform:rotate(0) scale(1.02)}.song-art img{width:100%;height:100%;display:block;object-fit:cover}.song-art-placeholder{position:absolute;inset:0;background:radial-gradient(ellipse at 30% 30%,rgba(176,74,48,.18),transparent 60%),radial-gradient(ellipse at 70% 75%,rgba(94,112,72,.18),transparent 60%),var(--paper-warm);display:flex;align-items:center;justify-content:center;flex-direction:column;gap:.2rem;color:var(--terra)}.song-art-placeholder .num{font-family:var(--font-display);font-variation-settings:var(--fraunces-display);font-style:italic;font-weight:400;font-size:clamp(2.4rem,6vh,3.2rem);line-height:1;color:var(--terra)}.song-art-placeholder .ornament{font-family:var(--font-display);font-style:italic;font-size:1.4rem;color:var(--sage)}.song-body{display:flex;flex-direction:column;gap:clamp(.7rem,1.6vh,1rem);min-width:0}.song-eyebrow{font-family:var(--font-mono);font-size:.6rem;letter-spacing:.22em;text-transform:uppercase;color:var(--sage);margin:0 0 .2rem}.song-title{font-family:var(--font-display);font-variation-settings:var(--fraunces-title);font-style:italic;font-weight:450;font-size:clamp(1.25rem,3vh,1.55rem);color:var(--ink);margin:0 0 .3rem;line-height:1.15;letter-spacing:-.01em}.song-tagline{font-family:var(--font-body);font-style:italic;font-size:.92rem;color:var(--ink-soft);margin:0 0 .45rem;line-height:1.35}.song-credits{font-family:var(--font-mono);font-size:.58rem;letter-spacing:.18em;text-transform:uppercase;color:var(--ink-ghost);margin:0;line-height:1.4}.song-credits .sep{margin:0 .5em;opacity:.6}.song-video-link{display:inline-flex;align-items:center;gap:.55rem;padding:.45rem .85rem .45rem .55rem;background:linear-gradient(135deg,var(--terra),var(--terra-deep));color:var(--paper);border-radius:999px;font-family:var(--font-body);font-style:italic;font-size:.88rem;align-self:flex-start;text-decoration:none;box-shadow:inset 0 -2px #0000001f,0 4px 14px -6px #b04a3080;transition:transform .2s var(--ease-warm),box-shadow .2s var(--ease-warm)}.song-video-link:hover{text-decoration:none;transform:translateY(-1px);box-shadow:inset 0 -2px #0000001f,0 6px 18px -6px #b04a3099}.song-video-link .vl-icon{width:22px;height:22px;border-radius:50%;background:#ffffff38;display:inline-flex;align-items:center;justify-content:center;font-size:.65rem;padding-left:2px}.song-video-link .vl-arrow{font-family:var(--font-display);font-style:italic;font-size:.9rem;opacity:.8;transition:transform .2s var(--ease-warm)}.song-video-link:hover .vl-arrow{transform:translate(2px,-1px)}.player{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:clamp(.8rem,2vw,1.1rem);padding:.75rem .9rem;background:var(--paper-bright);border:1px solid var(--rule-soft);border-radius:999px;transition:border-color .2s var(--ease-warm),box-shadow .2s var(--ease-warm)}.player.is-playing{border-color:var(--terra-pale);box-shadow:inset 0 0 0 1px var(--terra-pale),0 4px 14px -8px #b04a3040}.player audio{display:none}.player-play{width:48px;height:48px;flex:0 0 auto;border-radius:999px;border:none;background:var(--terra);color:var(--paper);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;position:relative;box-shadow:inset 0 -3px #0000001f,0 3px 0 var(--terra-deep),0 8px 20px -10px #b04a3066;transition:transform .12s var(--ease-bounce),background .16s}.player-play:hover{background:var(--terra-deep)}.player-play:active{transform:translateY(1px);box-shadow:inset 0 -2px #0000001f,0 1px 0 var(--terra-deep)}.player-play svg{width:22px;height:22px;fill:currentColor;display:block;position:absolute}.player-play .icon-pause,.player-play .icon-loading{opacity:0}.player-play .icon-play{transform:translate(1px)}.player-play[data-state=playing] .icon-play{opacity:0}.player-play[data-state=playing] .icon-pause{opacity:1}.player-play[data-state=loading] .icon-play{opacity:0}.player-play[data-state=loading] .icon-loading{opacity:1;animation:spin .8s linear infinite;fill:none}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.player-mid{display:grid;grid-template-columns:1fr auto;gap:.6rem 1rem;align-items:center;min-width:0}.player-track{position:relative;height:18px;cursor:pointer;outline:none;touch-action:none}.player-track-bg{position:absolute;top:50%;left:0;right:0;height:4px;transform:translateY(-50%);background:var(--paper-shade);border-radius:999px}.player-track-fill{position:absolute;top:50%;left:0;height:4px;width:0;transform:translateY(-50%);background:var(--terra);border-radius:999px;pointer-events:none;transition:width 80ms linear}.player.is-playing .player-track-fill{transition:none}.player-track-thumb{position:absolute;top:50%;left:0;width:14px;height:14px;border-radius:50%;background:var(--terra);transform:translate(-50%,-50%);pointer-events:none;opacity:0;transition:opacity .2s var(--ease-warm);box-shadow:0 1px 4px #b04a3066}.player-track:hover .player-track-thumb,.player-track:focus-visible .player-track-thumb,.player.is-playing .player-track-thumb{opacity:1}.player-track:focus-visible .player-track-bg{outline:2px solid var(--terra-pale);outline-offset:4px;border-radius:999px}.player-times{font-family:var(--font-mono);font-size:.62rem;letter-spacing:.06em;color:var(--ink-mute);display:inline-flex;align-items:baseline;gap:.25rem;white-space:nowrap}.player-time-current{color:var(--ink)}.player-time-current:after{content:"/";color:var(--ink-ghost);margin:0 .35em}.song-lyrics-wrap{border-top:1px dashed var(--rule-soft);padding-top:clamp(.6rem,1.4vh,.9rem)}.song-lyrics-wrap>summary{list-style:none;cursor:pointer;display:inline-flex;align-items:baseline;gap:.5rem;padding:.35rem .55rem .35rem 0;border-radius:4px;user-select:none;color:var(--ink-soft);transition:color .18s var(--ease-warm)}.song-lyrics-wrap>summary::-webkit-details-marker{display:none}.song-lyrics-wrap>summary::marker{content:""}.song-lyrics-wrap>summary:hover{color:var(--terra)}.song-lyrics-wrap>summary:focus-visible{outline:2px solid var(--terra-pale);outline-offset:2px}.song-lyrics-wrap>summary .chev{display:inline-block;font-family:var(--font-display);font-style:italic;font-size:1.2rem;line-height:1;color:var(--terra);transition:transform .22s var(--ease-warm);transform-origin:center}.song-lyrics-wrap[open]>summary .chev{transform:rotate(90deg)}.song-lyrics-wrap>summary .label{font-family:var(--font-display);font-variation-settings:var(--fraunces-title);font-style:italic;font-size:1.05rem;color:var(--ink)}.song-lyrics-wrap>summary .hint{font-family:var(--font-mono);font-size:.58rem;letter-spacing:.22em;text-transform:uppercase;color:var(--ink-ghost);margin-left:.2rem}.song-lyrics-wrap[open]>summary .hint{opacity:0}.song-lyrics{padding:.4rem 0 .2rem;display:flex;flex-direction:column;gap:clamp(.7rem,1.6vh,1rem);margin-top:.2rem;animation:lyrics-in .28s var(--ease-warm) both}@keyframes lyrics-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.lyrics-label{font-family:var(--font-mono);font-size:.6rem;letter-spacing:.22em;text-transform:uppercase;color:var(--sage);margin:0 0 .25rem;font-weight:500}.section-chorus .lyrics-label,.section-final-chorus .lyrics-label{color:var(--terra)}.section-bridge .lyrics-label,.section-instrumental .lyrics-label,.section-intro .lyrics-label,.section-outro .lyrics-label{color:var(--ink-mute)}.lyrics-lines{font-family:var(--font-body);font-size:1rem;line-height:1.55;color:var(--ink);margin:0;padding-left:.1rem}.section-chorus .lyrics-lines{font-style:italic;color:var(--terra-deep)}.section-bridge .lyrics-lines{font-style:italic;color:var(--ink-soft)}.section-intro .lyrics-lines,.section-outro .lyrics-lines{color:var(--ink-soft);font-size:.95rem}.lyrics-instrumental{font-family:var(--font-body);font-style:italic;color:var(--ink-ghost);margin:0;font-size:.9rem;letter-spacing:.04em}body.video-body{background:#1a1410;overflow:hidden}body.video-body .app-nav{background:linear-gradient(to bottom,#1a1410d9,#1a141000);border-bottom:none;position:fixed;left:0;right:0}body.video-body .app-nav .home,body.video-body .app-nav .crumb{color:#f1e7cdd9}body.video-body .app-nav .home .balloon{background:var(--paper);color:var(--ink)}.video{position:fixed;inset:0;display:grid;grid-template-rows:1fr auto;background:#1a1410}.video-stage{position:relative;overflow:hidden;display:grid;place-items:center}.video-shots{position:absolute;inset:0}.video-shot{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .7s cubic-bezier(.4,0,.2,1);transform:scale(1.04)}.video-shot.is-active{opacity:1;animation:ken-burns 18s ease-out forwards}@keyframes ken-burns{0%{transform:scale(1) translate(0)}to{transform:scale(1.08) translate(-1.5%,-.8%)}}.video-lyric{position:absolute;left:0;right:0;bottom:0;text-align:center;pointer-events:none;padding:clamp(4rem,12vh,7rem) clamp(1rem,4vw,3rem) clamp(1.5rem,3vh,2.5rem);display:flex;flex-direction:column;gap:.4rem;align-items:center;background:linear-gradient(to top,#0000008c,#00000073 30%,#00000026 75%,#0000)}.lyric-now{font-family:var(--font-display);font-variation-settings:var(--fraunces-display);font-style:normal;font-weight:600;font-size:clamp(2.2rem,7vh,4.4rem);color:var(--paper);margin:0;line-height:1.1;letter-spacing:-.005em;text-shadow:0 3px 14px rgba(0,0,0,.7),0 0 30px rgba(0,0,0,.45);opacity:0;transform:translateY(8px);transition:opacity .28s var(--ease-warm),transform .28s var(--ease-warm);max-width:13em;text-wrap:balance}.lyric-now.is-visible{opacity:1;transform:translateY(0)}.lyric-now[data-kind=chorus]{color:#ffd9a8}.lyric-now[data-kind=bridge]{color:#f6e0ad}.lyric-next{font-family:var(--font-display);font-variation-settings:var(--fraunces-display);font-style:normal;font-weight:500;font-size:clamp(1.1rem,2.8vh,1.45rem);color:#f1e7cd8c;margin:0;line-height:1.3;text-shadow:0 2px 6px rgba(0,0,0,.6);max-width:18em;text-wrap:balance}.video-start{position:absolute;inset:0;z-index:4;background:linear-gradient(135deg,#1a141066,#1a1410b3);backdrop-filter:blur(2px);border:none;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.6rem;color:var(--paper);cursor:pointer;transition:opacity .6s var(--ease-warm),transform .6s var(--ease-warm)}.video-start.is-hidden{opacity:0;pointer-events:none;transform:scale(1.06)}.video-start svg{width:clamp(70px,12vh,110px);height:clamp(70px,12vh,110px);color:var(--paper);filter:drop-shadow(0 4px 18px rgba(0,0,0,.5));transition:transform .2s var(--ease-warm)}.video-start:hover svg{transform:scale(1.06)}.video-start .start-label{font-family:var(--font-display);font-variation-settings:var(--fraunces-display);font-style:italic;font-weight:400;font-size:clamp(1.8rem,4.5vh,2.8rem);margin-top:.6rem;text-shadow:0 2px 12px rgba(0,0,0,.5)}.video-start .start-sub{font-family:var(--font-mono);font-size:.65rem;letter-spacing:.22em;text-transform:uppercase;opacity:.85}.video-controls{display:grid;grid-template-columns:auto 1fr auto auto;align-items:center;gap:clamp(.6rem,1.6vw,1.1rem);padding:clamp(.6rem,2vh,1rem) clamp(.8rem,3vw,1.6rem);background:linear-gradient(to top,#1a1410d9,#1a141000);position:relative;z-index:3}.vc-btn{width:44px;height:44px;border-radius:999px;border:none;background:var(--terra);color:var(--paper);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;position:relative;box-shadow:inset 0 -2px #00000026,0 4px 14px -6px #00000080;transition:transform .12s var(--ease-bounce),background .16s}.vc-btn:hover{background:var(--terra-deep)}.vc-btn:active{transform:translateY(1px)}.vc-btn svg{width:20px;height:20px;fill:currentColor;position:absolute}.vc-btn .ic-play{transform:translate(1px)}.vc-btn .ic-pause,.vc-btn[data-state=playing] .ic-play{opacity:0}.vc-btn[data-state=playing] .ic-pause{opacity:1}.vc-track{position:relative;height:18px;cursor:pointer;outline:none;touch-action:none}.vc-bg,.vc-fill{position:absolute;top:50%;height:3px;transform:translateY(-50%);border-radius:999px}.vc-bg{left:0;right:0;background:#f1e7cd2e}.vc-fill{left:0;width:0;background:var(--paper);transition:width 80ms linear}.vc-thumb{position:absolute;top:50%;left:0;width:12px;height:12px;border-radius:50%;background:var(--paper);transform:translate(-50%,-50%);opacity:0;transition:opacity .2s var(--ease-warm)}.vc-track:hover .vc-thumb,.vc-track:focus-visible .vc-thumb{opacity:1}.vc-time{font-family:var(--font-mono);font-size:.65rem;letter-spacing:.08em;color:#f1e7cdd9;white-space:nowrap;display:inline-flex;align-items:baseline;gap:.35rem}.vc-time .sep{color:#f1e7cd66}.vc-exit{font-family:var(--font-display);font-style:italic;font-size:1.4rem;color:#f1e7cdb3;width:38px;height:38px;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;transition:background .16s,color .16s}.vc-exit:hover{background:#f1e7cd1f;color:var(--paper);text-decoration:none}.lyric-line{display:inline;transition:color .2s var(--ease-warm),background .2s var(--ease-warm);padding:.05em .1em;border-radius:2px}.song-card.has-timings .lyric-line{color:var(--ink-mute)}.song-card.has-timings .lyric-line.is-active{color:var(--terra-deep);background:linear-gradient(to bottom,transparent 0%,transparent 55%,rgba(232,197,180,.65) 55%,rgba(232,197,180,.65) 95%,transparent 95%);font-weight:500}.song-card.has-timings .section-chorus .lyric-line{color:var(--terra);opacity:.7}.song-card.has-timings .section-chorus .lyric-line.is-active{color:var(--terra-deep);opacity:1;background:linear-gradient(to bottom,transparent 0%,transparent 55%,rgba(232,197,180,.85) 55%,rgba(232,197,180,.85) 95%,transparent 95%)}.songs-foot{text-align:center;margin:clamp(1.6rem,4vh,2.4rem) 0 0}.songs-foot a{font-family:var(--font-mono);font-size:.62rem;letter-spacing:.22em;text-transform:uppercase;color:var(--ink-ghost)}.songs-foot a:hover{color:var(--terra);text-decoration:none}@media(max-width:520px){.song-head{grid-template-columns:auto 1fr;gap:.7rem}.song-num{font-size:2.4rem}.song-title{font-size:1.15rem}.song-tagline{font-size:.88rem}}