:root{
  --bg:#020208;
  --black:#000006;
  --ink:#f4efe8;
  --muted:rgba(244,239,232,.68);
  --dim:rgba(244,239,232,.43);
  --line:rgba(244,239,232,.14);
  --gold:#d7b77b;
  --violet:#8f7cff;
  --blood:#6d122a;
  --panel:rgba(8,8,18,.72);
  --panel-soft:rgba(244,239,232,.04);
  --wide:1440px;
  --max:1180px;
  --ease:cubic-bezier(.19,1,.22,1);
  --gate-progress:0;
}
*{box-sizing:border-box}
html{background:var(--bg);color:var(--ink);scroll-behavior:smooth}
html.an-lock,html.an-lock body{overflow:hidden!important;height:100%!important}
body{margin:0;background:radial-gradient(circle at 50% -10%,rgba(143,124,255,.12),transparent 34rem),var(--bg);color:var(--muted);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:16px;line-height:1.6;min-width:320px;overflow-x:hidden}
body.an-gateway-body{overflow:hidden;height:100dvh}
a{color:inherit;text-decoration:none}img{max-width:100%;height:auto}button,input,textarea{font:inherit}.skip-link{position:absolute;left:-999px;top:auto;width:1px;height:1px;overflow:hidden}.skip-link:focus{left:1rem;top:1rem;width:auto;height:auto;z-index:1000;background:#fff;color:#000;padding:.7rem 1rem;border-radius:.5rem}
img.custom-logo,.custom-logo-link img,.an-brand img{display:block!important;width:auto!important;height:auto!important;max-width:160px!important;max-height:34px!important;object-fit:contain!important}.custom-logo-link{display:inline-flex!important;align-items:center!important;max-width:170px!important;overflow:hidden!important}
.eyebrow{margin:0 0 .7rem;color:var(--gold);font-size:.72rem;letter-spacing:.22em;text-transform:uppercase;font-weight:800}.lead{font-size:clamp(1.05rem,1.8vw,1.32rem);color:var(--muted);max-width:720px;margin:0 auto}.wp-content p{margin:0 0 1rem}.wp-content a{text-decoration:underline;text-underline-offset:4px;color:var(--ink)}
.an-main{min-height:100dvh}.an-header{position:fixed;left:0;right:0;top:0;z-index:80;pointer-events:auto}.admin-bar .an-header{top:32px}.an-header-home{display:none}.an-header-inner{background:linear-gradient(180deg,rgba(2,2,8,.9),rgba(2,2,8,.46));backdrop-filter:blur(18px);border-bottom:1px solid rgba(244,239,232,.08)}.an-header-inner{height:74px}.an-header-inner .an-header-inner{height:auto}.an-header-inner{ } .an-header .an-header-inner{width:min(var(--wide),calc(100% - 2rem));height:74px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:1rem}.an-brand{display:inline-flex;align-items:center;gap:.7rem;letter-spacing:.25em;text-transform:uppercase;color:var(--ink);font-weight:900;font-size:.78rem}.an-back,.hero-back-link{display:inline-flex;align-items:center;justify-content:center;gap:.55rem;min-height:46px;padding:0 1rem;border:1px solid var(--line);border-radius:999px;background:rgba(244,239,232,.045);color:var(--ink);letter-spacing:.14em;text-transform:uppercase;font-size:.72rem;font-weight:850;transition:transform .24s var(--ease),border-color .24s ease,background .24s ease}.an-back em{font-style:normal}.an-back:hover,.hero-back-link:hover{transform:translateY(-2px);border-color:rgba(215,183,123,.55);background:rgba(215,183,123,.1)}
/* hard hide any old menu coming from cached/old templates */
.nav-toggle,.primary-nav,.gateway-header,.open-paths,.nav-panel-mark{display:none!important}
/* GATE */
.an-gate{position:fixed;inset:0;width:100%;height:100dvh;overflow:hidden;isolation:isolate;background:var(--black);touch-action:none;overscroll-behavior:none}.admin-bar .an-gate{top:32px;height:calc(100dvh - 32px)}.an-gate .an-bg-image,.an-gate .an-bg-video,.an-gate .an-visual-default{position:absolute;inset:0;z-index:-4;width:100%;height:100%;object-fit:cover}.an-gate .an-bg-image{background-size:cover;background-position:center;filter:brightness(.42) contrast(1.12) saturate(.86);transform:scale(1.04)}.an-gate .an-bg-video{filter:brightness(.42) contrast(1.12) saturate(.86)}.an-visual-default{display:block;background:radial-gradient(circle at 50% 45%,rgba(143,124,255,.16),transparent 32rem),linear-gradient(140deg,#03030b,#120513 48%,#020208)}.an-visual-default span{position:absolute;border-radius:999px;filter:blur(36px);opacity:.2}.an-visual-default span:nth-child(1){width:35vw;height:35vw;left:10vw;top:22vh;background:var(--blood)}.an-visual-default span:nth-child(2){width:28vw;height:28vw;right:14vw;bottom:18vh;background:var(--violet)}.an-visual-default span:nth-child(3){width:18vw;height:18vw;left:42vw;top:10vh;background:var(--gold);opacity:.08}.an-gate-sky{position:absolute;inset:0;z-index:-1;background:radial-gradient(circle at 50% 50%,transparent 0,rgba(2,2,8,.18) 44%,rgba(0,0,6,.83) 100%),linear-gradient(180deg,rgba(2,2,8,.16),rgba(2,2,8,.64));pointer-events:none}.an-gate-sky:after{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(244,239,232,.54) 0 1px,transparent 1.3px);background-size:94px 94px;opacity:calc(.04 + var(--gate-progress)*.1);animation:anStars 90s linear infinite}
.an-map{position:absolute;inset:0;z-index:1;display:grid;place-items:center;padding:clamp(1rem,4vw,4rem);opacity:calc(.05 + var(--gate-progress)*.95);transform:scale(calc(1.055 - var(--gate-progress)*.055));pointer-events:none;will-change:opacity,transform}.an-gate.is-open .an-map{pointer-events:auto}.an-map-orbit{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);border:1px solid rgba(244,239,232,.11);border-radius:50%;pointer-events:none}.an-map-orbit-a{width:min(76vmin,760px);height:min(76vmin,760px);box-shadow:0 0 90px rgba(143,124,255,.13)}.an-map-orbit-b{width:min(48vmin,480px);height:min(48vmin,480px);border-color:rgba(215,183,123,.16);transform:translate(-50%,-50%) rotate(28deg)}.an-map-center{position:relative;z-index:2;text-align:center;width:min(640px,92vw);padding:.8rem}.an-map-center h1{font-family:Georgia,"Times New Roman",serif;color:var(--ink);font-size:clamp(3.8rem,10.5vw,8.8rem);font-weight:400;line-height:.82;letter-spacing:-.12em;margin:.1rem 0 .7rem}.an-map-center p:not(.eyebrow){max-width:560px;margin:0 auto;color:var(--muted)}.an-map-node{position:absolute;z-index:3;width:clamp(178px,18.5vw,250px);min-height:110px;border:1px solid rgba(244,239,232,.17);border-radius:24px;background:rgba(2,2,8,.58);backdrop-filter:blur(18px);padding:1rem;display:flex;flex-direction:column;gap:.18rem;box-shadow:0 18px 50px rgba(0,0,0,.28);opacity:calc(.1 + var(--gate-progress)*.9);transform:translate3d(0,calc((1 - var(--gate-progress))*16px),0);transition:border-color .25s ease,background .25s ease,transform .25s var(--ease)}.an-map-node:hover,.an-map-node:focus-visible{border-color:rgba(215,183,123,.58);background:rgba(18,12,26,.78);outline:none;transform:translate3d(0,-3px,0)}.an-map-node:before{content:"";position:absolute;width:9px;height:9px;border-radius:50%;right:1rem;top:1rem;background:var(--gold);box-shadow:0 0 22px rgba(215,183,123,.6)}.an-map-node span{color:var(--gold);font-size:.72rem;letter-spacing:.18em}.an-map-node strong{font-family:Georgia,"Times New Roman",serif;font-size:clamp(1.45rem,2.2vw,2.08rem);font-weight:400;line-height:1;color:var(--ink)}.an-map-node em{font-style:normal;color:var(--dim);font-size:.78rem;letter-spacing:.08em;text-transform:uppercase}.node-world{left:8vw;top:22vh}.node-live{right:9vw;top:18vh}.node-music{left:10vw;bottom:23vh}.node-join{right:10vw;bottom:23vh}.node-contact{left:calc(50% - 170px);bottom:7vh;transform:translate3d(-50%,calc((1 - var(--gate-progress))*16px),0)}.node-contact:hover,.node-contact:focus-visible{transform:translate3d(-50%,-3px,0)}.an-map-audio{position:absolute;z-index:4;right:clamp(1rem,3vw,3rem);bottom:clamp(1rem,3vw,3rem)}
.ambient-toggle{display:inline-flex;align-items:center;justify-content:center;gap:.65rem;min-height:46px;padding:0 1rem;border:1px solid var(--line);border-radius:999px;background:rgba(2,2,8,.42);color:var(--ink);letter-spacing:.13em;text-transform:uppercase;font-size:.68rem;font-weight:850;cursor:pointer}.ambient-dot{width:8px;height:8px;border-radius:50%;background:var(--gold);box-shadow:0 0 18px rgba(215,183,123,.6)}.ambient-toggle.is-playing .ambient-dot{animation:pulse 1.2s ease infinite}
.an-curtain{position:absolute;top:0;bottom:0;width:50.4%;z-index:5;overflow:hidden;will-change:transform;backface-visibility:hidden;transform:translate3d(0,0,0)}.an-curtain-left{left:-.2%;transform:translate3d(calc(var(--gate-progress)*-102%),0,0)}.an-curtain-right{right:-.2%;transform:translate3d(calc(var(--gate-progress)*102%),0,0)}.an-curtain:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(58,7,23,.99),rgba(22,4,12,.99) 52%,rgba(70,12,30,.98));box-shadow:inset 0 0 72px rgba(0,0,0,.7)}.an-curtain:after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,rgba(255,255,255,.045) 0 2px,transparent 2px 17px,rgba(0,0,0,.18) 17px 24px),radial-gradient(circle at 50% 10%,rgba(255,232,197,.1),transparent 38%);mix-blend-mode:screen;opacity:.22}.an-curtain-left{border-right:1px solid rgba(215,183,123,.22)}.an-curtain-right{border-left:1px solid rgba(215,183,123,.22)}.an-curtain span{position:absolute;top:50%;z-index:2;letter-spacing:.58em;text-transform:uppercase;font-size:.72rem;color:rgba(244,239,232,.72);writing-mode:vertical-rl}.an-curtain-left span{left:2rem;transform:translateY(-50%) rotate(180deg)}.an-curtain-right span{right:2rem;transform:translateY(-50%)}.an-seal{position:absolute;z-index:8;left:50%;top:50%;width:min(760px,calc(100% - 2rem));transform:translate3d(-50%,-50%,0) scale(calc(1 - var(--gate-progress)*.1));opacity:calc(1 - var(--gate-progress)*1.18);text-align:center;padding:clamp(1.2rem,4vw,2.4rem);pointer-events:auto;will-change:transform,opacity}.an-gate.is-open .an-seal{pointer-events:none}.an-seal:before{content:"";position:absolute;inset:0;border:1px solid rgba(244,239,232,.16);border-radius:36px;background:radial-gradient(circle at 50% 0,rgba(143,124,255,.16),transparent 70%),rgba(2,2,8,.28);backdrop-filter:blur(14px);z-index:-1}.an-seal h2{font-family:Georgia,"Times New Roman",serif;font-size:clamp(4.1rem,14vw,9rem);font-weight:400;line-height:.82;letter-spacing:-.12em;margin:.1rem 0 1rem;color:var(--ink)}.an-seal-tagline{font-family:Georgia,"Times New Roman",serif;font-size:clamp(1.18rem,2.5vw,2.15rem);line-height:1.05;color:var(--ink);margin:0 auto 1rem;max-width:700px}.an-seal-note{max-width:620px;margin:0 auto}.an-seal-note p{margin:.35rem 0}.an-open-gate{display:inline-flex;align-items:center;gap:.8rem;margin-top:1.25rem;color:rgba(215,183,123,.9);letter-spacing:.22em;text-transform:uppercase;font-size:.7rem;font-weight:850;background:transparent;border:0;cursor:pointer}.an-open-gate span{width:64px;height:1px;background:linear-gradient(90deg,transparent,rgba(215,183,123,.7),transparent)}
/* TRANSITION */
.an-transition{position:fixed;inset:0;z-index:999;background:#000006;display:grid;place-items:center;opacity:0;pointer-events:none;transition:opacity .34s ease}.an-transition.is-active{opacity:1;pointer-events:auto}.an-transition-core{display:grid;gap:1rem;justify-items:center;color:var(--ink);letter-spacing:.2em;text-transform:uppercase;font-size:.72rem}.an-transition-core em{width:180px;height:1px;background:linear-gradient(90deg,transparent,var(--gold),transparent);animation:loadline 1s ease-in-out infinite}.an-map-node.is-leaving{position:fixed!important;z-index:998!important;left:50%!important;top:50%!important;right:auto!important;bottom:auto!important;width:120vmax!important;height:120vmax!important;min-height:0!important;border-radius:50%!important;transform:translate(-50%,-50%) scale(1)!important;background:#000006!important;border-color:#000006!important;color:transparent!important;transition:all .62s var(--ease)!important;overflow:hidden!important}.an-map-node.is-leaving *{opacity:0!important}
/* INNER PAGES */
.an-inner-body{min-height:100vh}.an-page-hero{position:relative;min-height:clamp(420px,58vh,640px);display:grid;place-items:center;text-align:center;padding:8rem 1rem 4rem;overflow:hidden;border-bottom:1px solid var(--line)}.an-page-hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 24%,rgba(143,124,255,.15),transparent 30rem),linear-gradient(180deg,rgba(2,2,8,.4),var(--bg));z-index:-1}.an-page-hero-inner{width:min(960px,100%);margin:0 auto}.an-page-hero h1{font-family:Georgia,"Times New Roman",serif;font-size:clamp(3rem,8vw,7.8rem);font-weight:400;line-height:.88;letter-spacing:-.09em;color:var(--ink);margin:.4rem auto 1rem;max-width:980px}.an-page-hero p:not(.eyebrow):not(.lead){max-width:760px;margin:0 auto 1rem}.hero-back-link{margin-bottom:1.2rem}.an-section{width:min(var(--max),calc(100% - 2rem));margin:0 auto;padding:clamp(4rem,8vw,8rem) 0}.an-section-heading{max-width:840px;margin-bottom:2rem}.an-section-heading h2,.empty-state h2,.contact-card h2{font-family:Georgia,"Times New Roman",serif;font-size:clamp(2.4rem,5vw,5.2rem);font-weight:400;line-height:.92;letter-spacing:-.08em;color:var(--ink);margin:.2rem 0 1rem}.content-card,.join-form-card,.contact-card,.empty-state,.an-pillars article{border:1px solid var(--line);border-radius:30px;background:var(--panel-soft);padding:clamp(1.2rem,3vw,2rem);backdrop-filter:blur(14px)}
.an-releases{display:grid;gap:clamp(3rem,7vw,7rem)}.an-release-card{display:grid;grid-template-columns:minmax(280px,.82fr) minmax(0,1.18fr);gap:clamp(1.5rem,4vw,4.5rem);align-items:start}.an-release-art{border:1px solid var(--line);border-radius:32px;background:rgba(244,239,232,.035);overflow:hidden;display:grid;place-items:center;min-height:320px}.an-release-art img{display:block;width:100%;height:auto;max-height:520px!important;object-fit:contain!important;padding:clamp(.8rem,2vw,1.2rem);background:radial-gradient(circle at 50% 40%,rgba(143,124,255,.08),transparent 70%)}.cover-placeholder{width:100%;min-height:360px;display:grid;place-items:center;text-align:center;padding:2rem;background:radial-gradient(circle at 50% 30%,rgba(143,124,255,.12),transparent 28rem),rgba(244,239,232,.035)}.cover-placeholder span{font-family:Georgia,"Times New Roman",serif;font-size:clamp(3rem,7vw,7rem);line-height:.85;color:var(--ink);letter-spacing:-.08em}.cover-placeholder em{font-style:normal;color:var(--gold);letter-spacing:.24em;text-transform:uppercase;font-size:.75rem}.an-release-copy h2{font-family:Georgia,"Times New Roman",serif;font-size:clamp(2.8rem,6vw,6.2rem);font-weight:400;line-height:.86;letter-spacing:-.09em;color:var(--ink);margin:.2rem 0 1rem}.track-list{display:grid;gap:0;margin:1.6rem 0}.track-row{border-top:1px solid var(--line);padding:1rem 0}.track-row span{color:var(--gold);font-size:.76rem;letter-spacing:.13em;margin-right:.7rem}.track-row strong{font-family:Georgia,"Times New Roman",serif;color:var(--ink);font-size:clamp(1.35rem,2.2vw,2rem);font-weight:400}.track-row p{margin:.4rem 0 0;color:var(--muted)}
.button-row,.threshold-actions{display:flex;gap:.8rem;flex-wrap:wrap}.an-btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 1.1rem;border:1px solid var(--line);border-radius:999px;color:var(--ink);letter-spacing:.13em;text-transform:uppercase;font-size:.72rem;font-weight:850;transition:transform .25s var(--ease),border-color .25s ease,background .25s ease}.an-btn:hover{transform:translateY(-2px);border-color:rgba(215,183,123,.55)}.an-btn-primary{background:rgba(215,183,123,.13);border-color:rgba(215,183,123,.55)}.an-btn-ghost{background:rgba(244,239,232,.035)}
.live-list{display:grid;gap:1rem}.live-card{display:grid;grid-template-columns:112px 1fr;gap:1.2rem;border:1px solid var(--line);border-radius:30px;background:var(--panel-soft);padding:clamp(1rem,2.5vw,1.6rem);backdrop-filter:blur(14px)}.live-date-block{min-height:112px;border:1px solid var(--line);border-radius:24px;display:grid;place-items:center;text-align:center}.live-date-block span{font-family:Georgia,"Times New Roman",serif;font-size:3rem;line-height:.85;color:var(--ink)}.live-date-block em{font-style:normal;color:var(--gold);letter-spacing:.18em;text-transform:uppercase;font-size:.72rem}.live-card h3{font-family:Georgia,"Times New Roman",serif;font-weight:400;font-size:clamp(1.8rem,3vw,3rem);line-height:.95;color:var(--ink);margin:.1rem 0 .6rem}.meta-line{color:var(--ink)}
.an-manifesto{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(1.5rem,5vw,5rem);align-items:start}.an-manifesto-copy p{font-family:Georgia,"Times New Roman",serif;color:var(--ink);font-size:clamp(1.35rem,2.4vw,2.35rem);line-height:1.14;margin:0 0 1.15rem}.an-pillars{display:grid;gap:1rem;position:sticky;top:96px}.an-pillars span{display:block;color:var(--gold);letter-spacing:.18em;text-transform:uppercase;font-size:.72rem;margin-bottom:.45rem}.memory-grid{display:grid;grid-template-columns:repeat(6,1fr);grid-auto-rows:minmax(170px,18vw);gap:.8rem}.memory-item{position:relative;border:1px solid var(--line);background:var(--panel-soft);overflow:hidden;border-radius:24px;min-height:170px;display:grid;place-items:center;color:var(--dim);letter-spacing:.16em;text-transform:uppercase;font-size:.7rem}.gallery-media{position:absolute;inset:0;z-index:0;display:grid;place-items:center;width:100%;height:100%;overflow:hidden}.gallery-media>span{position:relative;z-index:1}.memory-item img{width:100%;height:100%;object-fit:cover;filter:grayscale(.35) brightness(.76);transition:transform .6s var(--ease),filter .3s ease}.memory-item:hover img{transform:scale(1.05);filter:grayscale(0) brightness(.9)}.memory-item:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 38%,rgba(2,2,8,.82));pointer-events:none}.memory-item-1{grid-column:span 3;grid-row:span 2}.memory-item-2,.memory-item-3{grid-column:span 3}.memory-item-4,.memory-item-5,.memory-item-6{grid-column:span 2}.gallery-caption{position:absolute;left:1rem;right:1rem;bottom:1rem;z-index:2;display:flex;flex-direction:column;gap:.15rem;text-transform:none;letter-spacing:0}.gallery-caption strong{color:var(--ink);font-size:.95rem}.gallery-caption em{font-style:normal;color:var(--muted);font-size:.8rem}.an-join-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:1rem}.join-benefits{display:grid;gap:.75rem;margin-top:1.2rem}.benefit-row{display:grid;grid-template-columns:36px 1fr;gap:.8rem;align-items:start;border:1px solid var(--line);border-radius:22px;padding:.95rem;background:rgba(244,239,232,.035)}.benefit-row span{color:var(--gold);font-size:.76rem}.benefit-row p{margin:0}.join-form,.newsletter-embed form{display:grid;gap:.85rem}.join-form input,.newsletter-embed input[type="email"],.newsletter-embed input[type="text"]{width:100%;min-height:54px;border-radius:999px;border:1px solid var(--line);background:rgba(2,2,8,.48);color:var(--ink);padding:0 1.1rem;outline:none}.small-note{font-size:.86rem}.contact-card{text-align:center}.contact-card h2{word-break:break-word}.social-links{display:flex;gap:.8rem 1rem;flex-wrap:wrap;align-items:center}.social-links a{color:var(--muted);font-size:.74rem;letter-spacing:.15em;text-transform:uppercase}.social-links a:hover{color:var(--ink)}.contact-social{justify-content:center;margin-top:1.4rem}.an-footer{border-top:1px solid var(--line);background:rgba(2,2,8,.72)}.an-footer-inner{width:min(var(--wide),calc(100% - 2rem));margin:0 auto;padding:1.4rem 0;display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}.an-footer-inner>a{font-weight:900;letter-spacing:.25em;color:var(--ink)}.an-footer p{margin:0;color:var(--dim)}
.reveal{opacity:0;transform:translateY(28px);filter:blur(8px);transition:opacity .85s var(--ease),transform .85s var(--ease),filter .85s var(--ease)}.reveal.is-visible{opacity:1;transform:translateY(0);filter:blur(0)}
@keyframes anStars{from{background-position:0 0}to{background-position:940px 940px}}@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(215,183,123,.55)}100%{box-shadow:0 0 0 14px rgba(215,183,123,0)}}@keyframes loadline{0%,100%{transform:scaleX(.45);opacity:.45}50%{transform:scaleX(1);opacity:1}}
@media(max-width:980px){.an-page-hero{min-height:clamp(360px,52vh,560px)}.an-release-card,.an-manifesto,.an-join-grid{grid-template-columns:1fr}.an-release-art{min-height:auto}.an-release-art img{max-height:460px!important}.an-pillars{position:relative;top:auto}.memory-grid{grid-template-columns:1fr 1fr;grid-auto-rows:220px}.memory-item,.memory-item-1,.memory-item-2,.memory-item-3,.memory-item-4,.memory-item-5,.memory-item-6{grid-column:span 1;grid-row:span 1}.an-map-center h1{font-size:clamp(3rem,13vw,6rem)}.node-world{left:3vw;top:19vh}.node-live{right:3vw;top:18vh}.node-music{left:5vw;bottom:18vh}.node-join{right:5vw;bottom:17vh}.node-contact{bottom:6vh}}
.wound-fog:before,.wound-fog:after{content:"";position:absolute;inset:auto -12% 0 -12%;height:58%;pointer-events:none;border-radius:46%;filter:blur(34px);background:radial-gradient(ellipse at 50% 50%,rgba(244,239,232,.14),rgba(244,239,232,.04) 38%,transparent 72%);opacity:.28;animation:woundFogSweep 18s ease-in-out infinite}
.wound-fog:before{bottom:8%;animation-delay:-6s}
.wound-fog:after{bottom:18%;opacity:.18;animation-duration:24s}
@keyframes woundFogSweep{0%{transform:translate3d(-8%,0,0) scale(1)}50%{transform:translate3d(6%,-4%,0) scale(1.08)}100%{transform:translate3d(-4%,2%,0) scale(1.02)}}
@media(max-width:760px){.admin-bar .an-header{top:46px}.admin-bar .an-gate{top:46px;height:calc(100dvh - 46px)}.an-header .an-header-inner{height:64px;width:min(100% - 1rem,var(--wide))}.an-back{min-height:42px;padding:0 .8rem;font-size:.66rem}.an-brand{font-size:.7rem}.custom-logo-link img,.an-brand img,img.custom-logo{max-height:30px!important;max-width:132px!important}.an-map{display:flex;flex-direction:column;justify-content:center;gap:.52rem;padding:.75rem}.an-map-orbit-a{width:94vmin;height:94vmin;opacity:.42}.an-map-orbit-b{display:none}.an-map-center{width:min(100%,350px);padding:.1rem;margin-bottom:.1rem}.an-map-center h1{font-size:clamp(2.6rem,16vw,4.7rem);margin-bottom:.32rem}.an-map-center p:not(.eyebrow){font-size:.86rem;line-height:1.35;max-width:320px}.an-map-node{position:relative!important;left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;transform:translate3d(0,calc((1 - var(--gate-progress))*10px),0)!important;width:min(100%,420px);min-height:64px;border-radius:18px;padding:.72rem .9rem}.an-map-node:hover,.an-map-node:focus-visible{transform:translate3d(0,-2px,0)!important}.an-map-node:before{width:7px;height:7px;right:.8rem;top:.8rem}.an-map-node strong{font-size:1.28rem}.an-map-node span,.an-map-node em{font-size:.62rem}.an-map-audio{position:relative;right:auto;bottom:auto;width:min(100%,420px);margin-top:.08rem}.an-map-audio .ambient-toggle{width:100%;min-height:40px;font-size:.62rem}.an-curtain span{display:none}.an-seal{padding:1rem;width:calc(100% - 1rem)}.an-seal h2{font-size:clamp(3rem,18vw,4.8rem)}.an-seal-tagline{font-size:1.08rem}.an-seal-note p{font-size:.88rem}.an-open-gate{font-size:.62rem}.an-open-gate span{width:30px}.an-page-hero{min-height:420px;padding:6.8rem .85rem 3rem}.an-page-hero h1{font-size:clamp(2.65rem,13vw,4.8rem)}.an-section{width:calc(100% - 1rem);padding:3rem 0}.button-row,.threshold-actions{display:grid}.an-btn,.ambient-toggle{width:100%}.live-card{grid-template-columns:1fr}.an-release-art img{max-height:360px!important;padding:.7rem}.cover-placeholder{min-height:250px}.memory-grid{grid-template-columns:1fr;grid-auto-rows:220px}.an-manifesto-copy p{font-size:clamp(1.25rem,6vw,1.85rem)}.contact-card h2{font-size:clamp(1.9rem,10vw,4rem)}.an-footer-inner{display:grid}}
@media(max-width:380px){.an-map{gap:.38rem}.an-map-node{min-height:58px;padding:.62rem .76rem}.an-map-node strong{font-size:1.12rem}.an-map-center h1{font-size:3rem}.an-map-center p:not(.eyebrow){font-size:.78rem}.an-seal h2{font-size:3.1rem}.an-seal-tagline{font-size:.98rem}.an-seal-note{display:none}.an-page-hero h1{font-size:2.65rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.reveal{opacity:1;transform:none;filter:none}.an-curtain-left{transform:translate3d(-102%,0,0)!important}.an-curtain-right{transform:translate3d(102%,0,0)!important}.an-map{opacity:1;transform:none;pointer-events:auto}.an-seal{display:none}}


/* V9: single ritual/artifact templates */
.an-single-hero{min-height:clamp(380px,54vh,620px)}
.an-single-wrap{display:grid;grid-template-columns:minmax(260px,.78fr) minmax(0,1.22fr);gap:clamp(1.2rem,4vw,4rem);align-items:start}.an-single-card{border:1px solid var(--line);border-radius:30px;background:var(--panel-soft);padding:clamp(1rem,2.4vw,1.6rem);backdrop-filter:blur(14px);position:sticky;top:96px;overflow:hidden}.single-date-mark{min-height:170px;border:1px solid var(--line);border-radius:26px;display:grid;place-items:center;text-align:center;margin-bottom:1rem;background:radial-gradient(circle at 50% 0,rgba(215,183,123,.12),transparent 68%),rgba(2,2,8,.35)}.single-date-mark span{display:block;font-family:Georgia,"Times New Roman",serif;font-size:clamp(4rem,9vw,7rem);line-height:.8;color:var(--ink)}.single-date-mark em{display:block;margin-top:.4rem;color:var(--gold);font-style:normal;letter-spacing:.22em;text-transform:uppercase}.ritual-details{display:grid;gap:0;margin:1rem 0}.ritual-details div{display:grid;grid-template-columns:108px 1fr;gap:1rem;padding:.78rem 0;border-top:1px solid var(--line)}.ritual-details dt{color:var(--gold);font-size:.72rem;letter-spacing:.16em;text-transform:uppercase}.ritual-details dd{margin:0;color:var(--ink)}.an-single-content{border:1px solid var(--line);border-radius:34px;background:rgba(244,239,232,.035);padding:clamp(1.2rem,4vw,3rem);min-width:0}.an-single-content .single-lead{font-family:Georgia,"Times New Roman",serif;color:var(--ink);font-size:clamp(1.35rem,2.4vw,2.35rem);line-height:1.12;margin:0 0 1.5rem}.wp-content{color:var(--muted)}.wp-content h2,.wp-content h3{font-family:Georgia,"Times New Roman",serif;font-weight:400;color:var(--ink);letter-spacing:-.04em;line-height:.98}.wp-content h2{font-size:clamp(2rem,4vw,4rem);margin:0 0 1rem}.wp-content h3{font-size:clamp(1.45rem,2.5vw,2.4rem);margin:1.6rem 0 .7rem}.wp-content p{margin:0 0 1rem}.an-template-placeholder{border:1px dashed rgba(215,183,123,.34);border-radius:24px;padding:1.2rem;background:rgba(215,183,123,.045)}.an-release-single-art img,.an-evidence-single .an-single-card img{width:100%;height:auto;max-height:560px!important;object-fit:cover;border-radius:22px;display:block}.an-release-single-art .cover-placeholder{min-height:380px;border-radius:22px}.single-track-list{margin-top:2rem}.bottom-row{margin-top:1.3rem}.live-card h3 a,.an-release-card h2 a{color:var(--ink);text-decoration:none}.live-card h3 a:hover,.an-release-card h2 a:hover{color:var(--gold)}.an-release-card .an-btn-ghost:first-child,.live-card .an-btn-ghost:first-child{border-color:rgba(215,183,123,.35)}
@media(max-width:900px){.an-single-wrap{grid-template-columns:1fr}.an-single-card{position:relative;top:auto}.ritual-details div{grid-template-columns:92px 1fr}.an-single-content{padding:1rem}.single-date-mark{min-height:130px}.single-date-mark span{font-size:4.4rem}.an-release-single-art img,.an-evidence-single .an-single-card img{max-height:420px!important}}
@media(max-width:520px){.an-single-wrap{width:calc(100% - .8rem)}.ritual-details div{grid-template-columns:1fr;gap:.2rem}.an-single-card,.an-single-content{border-radius:22px}.an-release-single-art .cover-placeholder{min-height:260px}.single-date-mark{min-height:112px}.single-date-mark span{font-size:3.6rem}}

/* Builder preview exact-sync layer */
body.anb-preview-body [data-anb-key],
body.anb-preview-body [data-anb-post-field]{
  outline:1px dashed rgba(215,183,123,.62);
  outline-offset:5px;
  cursor:pointer;
  transition:outline-color .18s ease, box-shadow .18s ease;
}
body.anb-preview-body [data-anb-key]:hover,
body.anb-preview-body [data-anb-post-field]:hover,
body.anb-preview-body [data-anb-key].anb-preview-selected,
body.anb-preview-body [data-anb-post-field].anb-preview-selected{
  outline-color:#d7b77b;
  box-shadow:0 0 0 9999px rgba(0,0,0,.08),0 0 30px rgba(215,183,123,.24);
}
body.anb-preview-body:before{
  content:"Builder preview";
  position:fixed;
  left:12px;
  bottom:12px;
  z-index:9999;
  padding:8px 12px;
  border:1px solid rgba(215,183,123,.45);
  border-radius:999px;
  background:rgba(2,2,8,.8);
  color:#d7b77b;
  font:700 10px/1 Inter,system-ui,sans-serif;
  letter-spacing:.16em;
  text-transform:uppercase;
  pointer-events:none;
}

/* V15: clearer list templates, music catalog grouping, editable media blocks */
.an-list-head{display:flex;align-items:flex-end;justify-content:space-between;gap:1rem;margin:0 0 clamp(1.5rem,4vw,3rem)}
.an-list-head h2,.music-group-head h2{font-family:Georgia,"Times New Roman",serif;color:var(--ink);font-weight:400;line-height:.9;letter-spacing:-.06em;margin:.15rem 0 0;font-size:clamp(2.4rem,5.5vw,5.6rem)}
.an-admin-add{display:inline-flex;align-items:center;gap:.6rem;min-height:44px;padding:0 1rem;border:1px solid rgba(215,183,123,.48);border-radius:999px;background:rgba(215,183,123,.1);color:var(--ink);letter-spacing:.12em;text-transform:uppercase;font-size:.7rem;font-weight:900;text-decoration:none;white-space:nowrap}.an-admin-add span{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:rgba(215,183,123,.18);color:var(--gold);font-size:1rem;line-height:1}.an-admin-add:hover{border-color:rgba(215,183,123,.75);transform:translateY(-2px)}
.music-group{display:grid;gap:1.2rem;margin-bottom:clamp(3rem,7vw,7rem)}.music-group-head{border-bottom:1px solid var(--line);padding-bottom:1rem}.music-catalog-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.compact-release-card{grid-template-columns:minmax(180px,.62fr) minmax(0,1.38fr);gap:1rem;border:1px solid var(--line);border-radius:30px;background:rgba(244,239,232,.028);padding:1rem}.compact-release-card .an-release-art{min-height:260px;border-radius:24px}.compact-release-card .an-release-copy h3{font-family:Georgia,"Times New Roman",serif;font-size:clamp(2rem,3vw,3.6rem);font-weight:400;line-height:.9;letter-spacing:-.06em;margin:.2rem 0 .8rem}.compact-release-card .an-release-copy h3 a{color:var(--ink);text-decoration:none}.release-excerpt{font-size:.95rem}.release-count{color:var(--gold);letter-spacing:.14em;text-transform:uppercase;font-size:.75rem;font-weight:800}.release-cover-frame{overflow:hidden;border-radius:22px}.release-cover-frame img{display:block;width:100%;max-height:560px!important;height:auto;object-fit:contain!important;background:radial-gradient(circle at 50% 35%,rgba(143,124,255,.08),transparent 70%),rgba(244,239,232,.025);padding:.5rem}.release-media-panel{margin:clamp(1.4rem,3vw,2rem) 0;padding:1rem;border:1px solid var(--line);border-radius:24px;background:rgba(244,239,232,.025)}.release-media-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.media-link-card{border:1px dashed rgba(215,183,123,.28);border-radius:18px;background:rgba(215,183,123,.035);padding:1rem;min-height:98px;color:var(--muted);word-break:break-word}.media-link-card strong{display:block;color:var(--ink);font-family:Georgia,"Times New Roman",serif;font-size:1.25rem;font-weight:400;margin-bottom:.35rem}.media-link-card span{font-size:.9rem}.an-template-placeholder{white-space:pre-wrap;cursor:text}.an-template-placeholder:focus{outline:2px solid rgba(215,183,123,.75);outline-offset:5px}
@media(max-width:1080px){.music-catalog-grid{grid-template-columns:1fr}.compact-release-card{grid-template-columns:minmax(160px,.55fr) minmax(0,1.45fr)}}
.wound-fog:before,.wound-fog:after{content:"";position:absolute;inset:auto -12% 0 -12%;height:58%;pointer-events:none;border-radius:46%;filter:blur(34px);background:radial-gradient(ellipse at 50% 50%,rgba(244,239,232,.14),rgba(244,239,232,.04) 38%,transparent 72%);opacity:.28;animation:woundFogSweep 18s ease-in-out infinite}
.wound-fog:before{bottom:8%;animation-delay:-6s}
.wound-fog:after{bottom:18%;opacity:.18;animation-duration:24s}
@keyframes woundFogSweep{0%{transform:translate3d(-8%,0,0) scale(1)}50%{transform:translate3d(6%,-4%,0) scale(1.08)}100%{transform:translate3d(-4%,2%,0) scale(1.02)}}
@media(max-width:760px){.an-list-head{display:grid}.an-admin-add{width:100%;justify-content:center}.compact-release-card{grid-template-columns:1fr}.compact-release-card .an-release-art{min-height:230px}.release-media-grid{grid-template-columns:1fr}.music-group-head h2,.an-list-head h2{font-size:clamp(2.4rem,12vw,4rem)}}


/* V17 corrections: aligned gate title, centered inner logo, private URLs, track-level media */
.an-gate.an-gate-start-open .an-curtain-left{transform:translate3d(-104%,0,0)!important}
.an-gate.an-gate-start-open .an-curtain-right{transform:translate3d(104%,0,0)!important}
.an-gate.is-open .an-seal,.an-gate.an-gate-start-open .an-seal{opacity:0!important;visibility:hidden!important;pointer-events:none!important}
.an-seal{background:transparent!important;border:0!important;box-shadow:none!important;display:grid;place-items:center;align-content:center;min-height:38vmin;padding:0!important}
.an-seal:before{inset:50% auto auto 50%!important;width:min(760px,92vw);height:min(260px,42vh);transform:translate(-50%,-50%);opacity:.72}
.an-seal h2,.an-map-center h1{font-size:clamp(4.2rem,10.5vw,8.8rem)!important;line-height:.82!important;letter-spacing:-.12em!important;margin:.1rem 0 .7rem!important;text-align:center!important}
.an-seal>.eyebrow{position:absolute;left:50%;top:calc(50% - clamp(5.7rem,11.2vw,9rem));transform:translateX(-50%);width:100%;text-align:center}.an-seal-tagline{position:absolute;left:50%;top:calc(50% + clamp(2.9rem,5.8vw,5.2rem));transform:translateX(-50%);width:min(760px,92vw);text-align:center}.an-seal-note{position:absolute;left:50%;top:calc(50% + clamp(5rem,8vw,7rem));transform:translateX(-50%);width:min(680px,90vw);text-align:center}.an-open-gate{position:absolute;left:50%;top:calc(50% + clamp(7.1rem,11vw,9.2rem));transform:translateX(-50%)}
.an-header-inner{position:relative}.an-header-inner .an-brand{position:absolute!important;left:50%!important;top:50%!important;transform:translate(-50%,-50%)!important;margin:0!important;z-index:2}.an-header-inner .an-back{margin-left:auto}.an-header-inner .an-brand img,.an-header-inner img.custom-logo{max-width:70px!important;max-height:42px!important;width:auto!important;height:auto!important;object-fit:contain!important}.an-inner-body .an-page-hero{padding-top:7rem}
.release-media-panel{display:none!important}.media-link-card span{display:none!important}.track-row-rich{display:grid;grid-template-columns:minmax(0,120px) minmax(0,1fr);gap:1rem;align-items:start}.track-row-rich .track-copy{min-width:0}.track-visual{margin:0;border:1px solid var(--line);border-radius:18px;overflow:hidden;background:rgba(244,239,232,.035);min-height:84px;display:grid;place-items:center}.track-visual img{width:100%;height:100%;max-height:140px;object-fit:cover;display:block}.track-media-actions{display:flex;gap:.55rem;flex-wrap:wrap;margin-top:.85rem}.track-media-actions .an-btn{min-height:34px;padding:0 .72rem;font-size:.62rem}.track-media-actions:empty{display:none}.single-track-list[data-anb-post-field]{outline-offset:10px}
.wound-fog:before,.wound-fog:after{content:"";position:absolute;inset:auto -12% 0 -12%;height:58%;pointer-events:none;border-radius:46%;filter:blur(34px);background:radial-gradient(ellipse at 50% 50%,rgba(244,239,232,.14),rgba(244,239,232,.04) 38%,transparent 72%);opacity:.28;animation:woundFogSweep 18s ease-in-out infinite}
.wound-fog:before{bottom:8%;animation-delay:-6s}
.wound-fog:after{bottom:18%;opacity:.18;animation-duration:24s}
@keyframes woundFogSweep{0%{transform:translate3d(-8%,0,0) scale(1)}50%{transform:translate3d(6%,-4%,0) scale(1.08)}100%{transform:translate3d(-4%,2%,0) scale(1.02)}}
@media(max-width:760px){.track-row-rich{grid-template-columns:1fr}.track-visual img{max-height:220px}.an-seal>.eyebrow{top:calc(50% - 5.1rem)}.an-seal-tagline{top:calc(50% + 3rem)}.an-seal-note{top:calc(50% + 5.4rem)}.an-open-gate{top:calc(50% + 8rem)}.an-header-inner .an-brand img,.an-header-inner img.custom-logo{max-width:58px!important;max-height:36px!important}}


/* V17 corrections: title alignment, centered inner logo, public-safe admin actions */
.an-admin-add{display:none!important}
body.anb-preview-body .an-admin-add{display:inline-flex!important}
.an-header .an-header-inner{position:relative!important;justify-content:center!important}
.an-header-inner .an-brand{position:absolute!important;left:50%!important;top:50%!important;transform:translate(-50%,-50%)!important;margin:0!important;z-index:2}
.an-header-inner .an-back{position:absolute!important;right:0!important;top:50%!important;transform:translateY(-50%)!important;z-index:3}
.an-brand img,.an-brand .custom-logo{max-height:38px!important;width:auto!important;display:block!important}

.an-gate-start-open .an-curtain,.an-gate-start-open .an-seal{display:none!important}
.an-gate.is-open .an-seal{opacity:0!important;visibility:hidden!important;pointer-events:none!important}
.an-gate.is-open .an-curtain-left{transform:translate3d(-102%,0,0)!important}
.an-gate.is-open .an-curtain-right{transform:translate3d(102%,0,0)!important}
.an-gate.is-open .an-curtain{pointer-events:none!important}

.an-map-center,.an-seal{height:min(58vh,520px)!important;min-height:360px!important}
.an-map-center{position:absolute!important;left:50%!important;top:50%!important;transform:translate(-50%,-50%)!important;width:min(820px,92vw)!important;display:block!important;padding:0!important;z-index:2!important}
.an-seal{left:50%!important;top:50%!important;width:min(820px,92vw)!important;transform:translate(-50%,-50%) scale(calc(1 - var(--gate-progress)*.04))!important;padding:0!important;border:0!important;background:transparent!important}
.an-seal:before{inset:4% 1rem!important;border-radius:34px!important;opacity:.72!important}
.an-map-center h1,.an-seal h2{position:absolute!important;left:50%!important;top:50%!important;width:100%!important;transform:translate(-50%,-50%)!important;margin:0!important;text-align:center!important;font-family:Georgia,"Times New Roman",serif!important;font-size:clamp(4rem,10.5vw,8.8rem)!important;font-weight:400!important;line-height:.82!important;letter-spacing:-.12em!important;color:var(--ink)!important;white-space:nowrap!important}
.an-map-center .eyebrow,.an-seal>.eyebrow{position:absolute!important;left:0!important;right:0!important;top:calc(50% - clamp(6.3rem,10vw,8.4rem))!important;text-align:center!important;margin:0!important}
.an-map-center p:not(.eyebrow),.an-seal-tagline{position:absolute!important;left:50%!important;top:calc(50% + clamp(3.7rem,6.8vw,5.5rem))!important;transform:translateX(-50%)!important;width:min(620px,90vw)!important;margin:0!important;text-align:center!important}
.an-seal-note{position:absolute!important;left:50%!important;top:calc(50% + clamp(6.2rem,10vw,8.4rem))!important;transform:translateX(-50%)!important;width:min(620px,90vw)!important;text-align:center!important}
.an-open-gate{position:absolute!important;left:50%!important;top:calc(50% + clamp(9rem,14vw,11.2rem))!important;transform:translateX(-50%)!important;margin:0!important;white-space:nowrap!important}

.track-media-actions{display:flex;flex-wrap:wrap;gap:.55rem;margin-top:.9rem}.an-track-media-btn{min-height:38px;padding:0 .85rem;font-size:.68rem}.track-visual{margin:0;border:1px solid var(--line);border-radius:18px;overflow:hidden;background:rgba(244,239,232,.035);min-width:92px;width:clamp(92px,9vw,140px);align-self:start}.track-visual img{display:block;width:100%;height:auto;aspect-ratio:1/1;object-fit:cover}.track-row-rich{display:grid!important;grid-template-columns:auto 1fr;gap:1rem;align-items:start}
.wound-fog:before,.wound-fog:after{content:"";position:absolute;inset:auto -12% 0 -12%;height:58%;pointer-events:none;border-radius:46%;filter:blur(34px);background:radial-gradient(ellipse at 50% 50%,rgba(244,239,232,.14),rgba(244,239,232,.04) 38%,transparent 72%);opacity:.28;animation:woundFogSweep 18s ease-in-out infinite}
.wound-fog:before{bottom:8%;animation-delay:-6s}
.wound-fog:after{bottom:18%;opacity:.18;animation-duration:24s}
@keyframes woundFogSweep{0%{transform:translate3d(-8%,0,0) scale(1)}50%{transform:translate3d(6%,-4%,0) scale(1.08)}100%{transform:translate3d(-4%,2%,0) scale(1.02)}}
@media(max-width:760px){.an-header-inner .an-back{right:.5rem!important;min-height:40px;padding:0 .8rem}.an-back em{display:none}.an-brand img,.an-brand .custom-logo{max-height:32px!important}.an-map-center,.an-seal{height:min(66vh,520px)!important}.an-map-center h1,.an-seal h2{font-size:clamp(3.3rem,18vw,5.7rem)!important}.an-map-center .eyebrow,.an-seal>.eyebrow{top:calc(50% - 5rem)!important}.an-map-center p:not(.eyebrow),.an-seal-tagline{top:calc(50% + 3.4rem)!important}.an-seal-note{top:calc(50% + 6.1rem)!important}.an-open-gate{top:calc(50% + 9.5rem)!important}.track-row-rich{grid-template-columns:1fr!important}.track-visual{width:100%;max-width:220px}}

/* V18: one persistent ANFØRSYN title + cleaner curtain */
.an-map-center h1,
.an-seal h2{display:none!important}
.an-persistent-logo{position:absolute!important;left:50%!important;top:50%!important;transform:translate3d(-50%,-50%,0)!important;z-index:9!important;width:min(980px,92vw)!important;margin:0!important;text-align:center!important;font-family:Georgia,"Times New Roman",serif!important;font-size:clamp(4rem,10.5vw,8.8rem)!important;font-weight:400!important;line-height:.82!important;letter-spacing:-.12em!important;color:var(--ink)!important;white-space:nowrap!important;pointer-events:none!important;text-shadow:0 18px 60px rgba(0,0,0,.55)}
.an-gate-start-open .an-persistent-logo{opacity:1!important;visibility:visible!important}
.an-map-center,.an-seal{position:absolute!important;left:50%!important;top:50%!important;transform:translate(-50%,-50%)!important;width:min(820px,92vw)!important;height:min(58vh,520px)!important;min-height:360px!important;z-index:3!important;display:block!important;padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important}
.an-seal{z-index:8!important;pointer-events:auto!important}.an-gate.is-open .an-seal{opacity:0!important;visibility:hidden!important;pointer-events:none!important}
.an-map-center .eyebrow,.an-seal>.eyebrow{position:absolute!important;left:0!important;right:0!important;top:calc(50% - clamp(6.3rem,10vw,8.4rem))!important;text-align:center!important;margin:0!important;z-index:12!important}
.an-map-center p:not(.eyebrow),.an-seal-tagline{position:absolute!important;left:50%!important;top:calc(50% + clamp(3.7rem,6.8vw,5.5rem))!important;transform:translateX(-50%)!important;width:min(620px,90vw)!important;margin:0!important;text-align:center!important;z-index:12!important}
.an-seal-note{position:absolute!important;left:50%!important;top:calc(50% + clamp(6.2rem,10vw,8.4rem))!important;transform:translateX(-50%)!important;width:min(620px,90vw)!important;text-align:center!important;z-index:12!important}
.an-open-gate{position:absolute!important;left:50%!important;top:calc(50% + clamp(9rem,14vw,11.2rem))!important;transform:translateX(-50%)!important;margin:0!important;white-space:nowrap!important;z-index:12!important}
.an-gate.an-gate-start-open .an-curtain,.an-gate.an-gate-start-open .an-seal{display:none!important}
.an-curtain{width:50.02%!important;z-index:5!important;background:transparent!important;transition:none!important}.an-curtain-left{left:0!important}.an-curtain-right{right:0!important}.an-curtain:before{background:linear-gradient(90deg,rgba(45,4,18,.98),rgba(69,7,27,.96) 38%,rgba(25,3,12,.985))!important;box-shadow:inset 0 0 85px rgba(0,0,0,.62)!important}.an-curtain-right:before{background:linear-gradient(270deg,rgba(45,4,18,.98),rgba(69,7,27,.96) 38%,rgba(25,3,12,.985))!important}.an-curtain:after{background:repeating-linear-gradient(90deg,rgba(255,235,205,.035) 0 1px,transparent 1px 26px,rgba(0,0,0,.16) 26px 34px)!important;mix-blend-mode:screen!important;opacity:.16!important}.an-curtain-left{transform:translate3d(calc(var(--gate-progress)*-100.5%),0,0)!important}.an-curtain-right{transform:translate3d(calc(var(--gate-progress)*100.5%),0,0)!important}.an-gate.is-open .an-curtain-left{transform:translate3d(-100.5%,0,0)!important}.an-gate.is-open .an-curtain-right{transform:translate3d(100.5%,0,0)!important}
.wound-fog:before,.wound-fog:after{content:"";position:absolute;inset:auto -12% 0 -12%;height:58%;pointer-events:none;border-radius:46%;filter:blur(34px);background:radial-gradient(ellipse at 50% 50%,rgba(244,239,232,.14),rgba(244,239,232,.04) 38%,transparent 72%);opacity:.28;animation:woundFogSweep 18s ease-in-out infinite}
.wound-fog:before{bottom:8%;animation-delay:-6s}
.wound-fog:after{bottom:18%;opacity:.18;animation-duration:24s}
@keyframes woundFogSweep{0%{transform:translate3d(-8%,0,0) scale(1)}50%{transform:translate3d(6%,-4%,0) scale(1.08)}100%{transform:translate3d(-4%,2%,0) scale(1.02)}}
@media(max-width:760px){.an-persistent-logo{font-size:clamp(3.3rem,18vw,5.7rem)!important}.an-map-center,.an-seal{height:min(66vh,520px)!important}.an-map-center .eyebrow,.an-seal>.eyebrow{top:calc(50% - 5rem)!important}.an-map-center p:not(.eyebrow),.an-seal-tagline{top:calc(50% + 3.4rem)!important}.an-seal-note{top:calc(50% + 6.1rem)!important}.an-open-gate{top:calc(50% + 9.5rem)!important}}
@media(max-width:380px){.an-persistent-logo{font-size:3.1rem!important}}

/* V19: cleaner real curtain, no map ghosting while closed, song pages */
.an-gate:not(.is-open) .an-map{opacity:var(--gate-progress)!important;filter:blur(calc((1 - var(--gate-progress))*10px));}
.an-gate:not(.is-open) .an-map-node{opacity:calc(var(--gate-progress)*.92)!important;}
.an-curtain:before{
  background-image:
    linear-gradient(90deg,rgba(0,0,0,.42) 0%,rgba(118,14,43,.9) 8%,rgba(42,4,17,.98) 17%,rgba(91,9,34,.96) 27%,rgba(21,2,10,.99) 39%,rgba(105,12,40,.94) 50%,rgba(28,3,13,.99) 62%,rgba(92,8,34,.96) 73%,rgba(30,3,12,.99) 86%,rgba(0,0,0,.48) 100%),
    repeating-linear-gradient(90deg,rgba(255,230,198,.07) 0 2px,transparent 2px 18px,rgba(0,0,0,.20) 18px 31px,transparent 31px 42px)!important;
  background-size:100% 100%,72px 100%!important;
  box-shadow:inset 0 0 110px rgba(0,0,0,.76), inset -18px 0 32px rgba(255,216,170,.06), inset 18px 0 32px rgba(0,0,0,.35)!important;
}
.an-curtain-right:before{
  background-image:
    linear-gradient(270deg,rgba(0,0,0,.42) 0%,rgba(118,14,43,.9) 8%,rgba(42,4,17,.98) 17%,rgba(91,9,34,.96) 27%,rgba(21,2,10,.99) 39%,rgba(105,12,40,.94) 50%,rgba(28,3,13,.99) 62%,rgba(92,8,34,.96) 73%,rgba(30,3,12,.99) 86%,rgba(0,0,0,.48) 100%),
    repeating-linear-gradient(90deg,rgba(255,230,198,.07) 0 2px,transparent 2px 18px,rgba(0,0,0,.20) 18px 31px,transparent 31px 42px)!important;
}
.an-curtain:after{
  background:
    radial-gradient(ellipse at 50% 0%,rgba(255,230,190,.16),transparent 36%),
    linear-gradient(180deg,rgba(255,255,255,.06),transparent 18%,transparent 78%,rgba(0,0,0,.26)),
    repeating-linear-gradient(90deg,transparent 0 15px,rgba(255,255,255,.035) 15px 18px,transparent 18px 34px,rgba(0,0,0,.24) 34px 42px)!important;
  opacity:.42!important;
  mix-blend-mode:soft-light!important;
}
.an-curtain-left{border-right:1px solid rgba(215,183,123,.35)!important}.an-curtain-right{border-left:1px solid rgba(215,183,123,.35)!important}
.an-song-single .song-info-block{border-top:1px solid var(--line);padding-top:2rem;margin-top:2rem}.song-info-block h2{font-family:Georgia,"Times New Roman",serif;font-weight:400;color:var(--ink);font-size:clamp(2rem,4vw,4rem);line-height:.92;letter-spacing:-.07em;margin:0 0 1rem}.song-audio-box{margin-top:1.2rem;border:1px solid var(--line);border-radius:22px;padding:1rem;background:rgba(244,239,232,.035)}.song-audio-box audio{width:100%}.track-row-rich strong a{color:var(--ink)}.track-row-rich strong a:hover{color:var(--gold)}.track-song-thumb{width:clamp(92px,9vw,140px)!important;height:clamp(92px,9vw,140px)!important;object-fit:cover!important;border:1px solid var(--line);border-radius:18px;background:rgba(244,239,232,.035)}
.wound-fog:before,.wound-fog:after{content:"";position:absolute;inset:auto -12% 0 -12%;height:58%;pointer-events:none;border-radius:46%;filter:blur(34px);background:radial-gradient(ellipse at 50% 50%,rgba(244,239,232,.14),rgba(244,239,232,.04) 38%,transparent 72%);opacity:.28;animation:woundFogSweep 18s ease-in-out infinite}
.wound-fog:before{bottom:8%;animation-delay:-6s}
.wound-fog:after{bottom:18%;opacity:.18;animation-duration:24s}
@keyframes woundFogSweep{0%{transform:translate3d(-8%,0,0) scale(1)}50%{transform:translate3d(6%,-4%,0) scale(1.08)}100%{transform:translate3d(-4%,2%,0) scale(1.02)}}
@media(max-width:760px){.track-song-thumb{width:100%!important;height:auto!important;max-height:220px!important}.an-song-single{grid-template-columns:1fr!important}}
/* v20 music model: songs as the central entity */
.an-music-hub .music-group{margin-top:clamp(3rem,6vw,6rem)}
.album-song-list{display:grid;gap:.75rem;margin:1.4rem 0 2rem}.album-song-row{display:grid;grid-template-columns:64px 1fr auto;gap:1rem;align-items:center;padding:1rem 1.1rem;border:1px solid rgba(246,240,232,.12);border-radius:22px;background:rgba(246,240,232,.035);color:inherit;text-decoration:none}.album-song-row:hover{border-color:rgba(215,183,123,.5);background:rgba(215,183,123,.055)}.album-song-row span{color:#d7b77b;letter-spacing:.18em}.album-song-row strong{font-family:Georgia,'Times New Roman',serif;font-size:clamp(1.35rem,2.6vw,2.5rem);font-weight:400;line-height:.95}.album-song-row em{color:rgba(246,240,232,.58);font-style:normal;text-align:right}.release-info-block,.release-gallery-block,.album-track-section,.song-info-block{margin:clamp(2rem,4vw,4rem) 0;padding-top:clamp(1.2rem,2vw,2rem);border-top:1px solid rgba(246,240,232,.14)}.release-info-block h2,.release-gallery-block h2,.album-track-section h2,.song-info-block h2{font-family:Georgia,'Times New Roman',serif;font-weight:400;font-size:clamp(2rem,4vw,4rem);line-height:.95;margin:0 0 1rem}.release-gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.release-gallery-grid figure{margin:0;border-radius:24px;overflow:hidden;border:1px solid rgba(246,240,232,.12);background:rgba(246,240,232,.04)}.release-gallery-grid img{width:100%;height:clamp(180px,18vw,320px);object-fit:cover;display:block}.song-release-selector[hidden]{display:none!important}.an-song-card .ritual-details a{color:#f6f0e8;text-decoration:none;border-bottom:1px solid rgba(215,183,123,.35)}.song-audio-box{margin-top:1.3rem;border:1px solid rgba(246,240,232,.14);border-radius:22px;padding:1rem;background:rgba(246,240,232,.035)}.song-audio-box audio{width:100%}.wound-fog:before,.wound-fog:after{content:"";position:absolute;inset:auto -12% 0 -12%;height:58%;pointer-events:none;border-radius:46%;filter:blur(34px);background:radial-gradient(ellipse at 50% 50%,rgba(244,239,232,.14),rgba(244,239,232,.04) 38%,transparent 72%);opacity:.28;animation:woundFogSweep 18s ease-in-out infinite}
.wound-fog:before{bottom:8%;animation-delay:-6s}
.wound-fog:after{bottom:18%;opacity:.18;animation-duration:24s}
@keyframes woundFogSweep{0%{transform:translate3d(-8%,0,0) scale(1)}50%{transform:translate3d(6%,-4%,0) scale(1.08)}100%{transform:translate3d(-4%,2%,0) scale(1.02)}}
@media(max-width:760px){.album-song-row{grid-template-columns:42px 1fr}.album-song-row em{grid-column:1/-1;text-align:left}.release-gallery-grid{grid-template-columns:1fr}.music-catalog-grid{grid-template-columns:1fr!important}}

/* V21: clean public music archive and Diario di bordo */
.builder-only-note{color:rgba(246,240,232,.55);font-size:.95rem;margin-top:.4rem}
.node-diary{left:calc(50% + 170px);right:auto;top:auto;bottom:7vh;transform:translate3d(-50%,calc((1 - var(--gate-progress))*16px),0)}.node-diary:hover,.node-diary:focus-visible{transform:translate3d(-50%,-3px,0)}
.diary-archive{padding-top:clamp(4rem,8vw,8rem)}.diary-timeline{display:grid;gap:1.2rem}.diary-card{display:grid;grid-template-columns:minmax(240px,.72fr) 1fr;gap:clamp(1rem,3vw,2rem);align-items:stretch;border:1px solid rgba(246,240,232,.14);border-radius:34px;background:rgba(246,240,232,.035);overflow:hidden}.diary-card-media{display:block;min-height:260px;background:rgba(246,240,232,.035);overflow:hidden}.diary-card-media img{width:100%;height:100%;min-height:260px;object-fit:cover;display:block;filter:grayscale(.2) brightness(.82)}.diary-card-copy{padding:clamp(1.3rem,3vw,2.4rem);display:grid;align-content:center}.diary-card-copy h3{font-family:Georgia,'Times New Roman',serif;font-weight:400;font-size:clamp(2rem,4vw,4rem);line-height:.93;letter-spacing:-.07em;margin:.1rem 0 .7rem}.diary-card-copy h3 a{color:var(--ink)}.diary-date{color:#d7b77b;letter-spacing:.12em;text-transform:uppercase;font-size:.75rem}.diary-placeholder{height:100%;min-height:260px;display:grid;place-items:center;text-align:center;background:radial-gradient(circle at 50% 20%,rgba(215,183,123,.15),transparent 42%),rgba(2,2,8,.55)}.diary-placeholder span{font-family:Georgia,'Times New Roman',serif;font-size:clamp(3rem,7vw,7rem);line-height:.85;color:var(--ink);letter-spacing:-.1em}.diary-placeholder em{display:block;font-style:normal;color:#d7b77b;letter-spacing:.18em;text-transform:uppercase;font-size:.72rem;margin-top:1rem}.diary-single-wrap .diary-entry-content{min-height:420px}.diary-cover-frame img{width:100%;height:auto;display:block}.logbook-media-url[hidden]{display:none!important}
@media(max-width:980px){.node-contact,.node-diary{position:relative!important;left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;transform:translate3d(0,calc((1 - var(--gate-progress))*10px),0)!important}.diary-card{grid-template-columns:1fr}.diary-card-media,.diary-card-media img,.diary-placeholder{min-height:220px}}

/* V22 map balance */
@media(min-width:981px) and (max-height:760px){
  .node-world{top:18vh}.node-live{top:18vh}
  .node-music{bottom:27vh}.node-join{bottom:27vh}
  .node-contact{left:calc(50% - 150px);bottom:5vh}
  .node-diary{left:calc(50% + 150px);bottom:5vh}
}
@media(min-width:981px) and (max-width:1180px){
  .node-world{left:4vw}.node-live{right:4vw}
  .node-music{left:5vw}.node-join{right:5vw}
  .node-contact{left:calc(50% - 145px)}.node-diary{left:calc(50% + 145px)}
}

/* V23: cleaner album pages and diary media gallery */
.album-detail-layout{display:grid;grid-template-columns:minmax(300px,.72fr) minmax(0,1.28fr);gap:clamp(1.5rem,4vw,4rem);align-items:start}.album-cover-panel{position:sticky;top:7rem;border:1px solid rgba(246,240,232,.14);border-radius:34px;background:rgba(246,240,232,.035);padding:clamp(1.1rem,2vw,2rem)}.album-main-panel{display:grid;gap:clamp(2rem,4vw,4rem);min-width:0}.album-section{border:1px solid rgba(246,240,232,.12);border-radius:34px;background:rgba(246,240,232,.03);padding:clamp(1.2rem,2.8vw,2.5rem)}.album-story{font-family:Georgia,"Times New Roman",serif;color:var(--ink);font-size:clamp(1.25rem,2.1vw,2.1rem);line-height:1.15}.album-info-card{margin-top:1.5rem;border-top:1px solid rgba(246,240,232,.12);padding-top:1.4rem}.album-info-card h2,.album-credits-block h2,.release-gallery-block h2,.album-track-section h2{font-family:Georgia,"Times New Roman",serif;font-weight:400;font-size:clamp(2rem,4vw,4rem);line-height:.95;margin:0 0 1rem}.album-song-list-clean{display:grid;gap:.75rem}.album-song-list-clean .album-song-row{display:grid;grid-template-columns:58px minmax(160px,0.75fr) minmax(180px,1fr);gap:1rem;align-items:center;padding:1rem 1.1rem;border:1px solid rgba(246,240,232,.12);border-radius:22px;background:rgba(2,2,8,.35);text-decoration:none;min-width:0}.album-song-list-clean .album-song-row span{color:#d7b77b;letter-spacing:.12em}.album-song-list-clean .album-song-row strong{font-family:Georgia,"Times New Roman",serif;font-size:clamp(1.35rem,2.3vw,2.4rem);font-weight:400;color:var(--ink);overflow-wrap:anywhere}.album-song-list-clean .album-song-row em{font-style:normal;color:var(--muted);font-size:.95rem;overflow-wrap:anywhere}.album-song-list-clean .album-song-row:hover{border-color:rgba(215,183,123,.45);background:rgba(215,183,123,.06)}.diary-media-section{margin-top:clamp(2rem,4vw,4rem);padding-top:clamp(1.2rem,2vw,2rem);border-top:1px solid rgba(246,240,232,.13)}.diary-media-gallery{display:grid;grid-template-columns:repeat(12,1fr);gap:1rem}.diary-media-item{grid-column:span 6;margin:0;border:1px solid rgba(246,240,232,.12);border-radius:28px;background:rgba(246,240,232,.035);overflow:hidden}.diary-media-item:nth-child(3n+1){grid-column:span 7}.diary-media-item:nth-child(3n+2){grid-column:span 5}.diary-media-frame{min-height:180px;display:grid;place-items:center;background:rgba(2,2,8,.55)}.diary-media-frame img,.diary-media-frame video{width:100%;height:100%;min-height:260px;object-fit:cover;display:block}.diary-media-frame audio{width:calc(100% - 2rem);margin:2rem 1rem}.diary-media-link{min-height:240px;width:100%;display:grid;place-items:center;color:var(--ink);text-transform:uppercase;letter-spacing:.16em;font-weight:800}.diary-media-item figcaption{padding:.9rem 1rem;color:var(--muted);font-size:.92rem}.diary-cover-frame .diary-media-item{border:0;border-radius:22px}.diary-cover-frame .diary-media-item figcaption{display:none}.empty-media-gallery{grid-template-columns:1fr;padding:1.3rem;border:1px dashed rgba(215,183,123,.35);border-radius:24px;color:var(--muted)}
@media(max-width:980px){.album-detail-layout{grid-template-columns:1fr}.album-cover-panel{position:relative;top:auto}.album-song-list-clean .album-song-row{grid-template-columns:42px 1fr}.album-song-list-clean .album-song-row em{grid-column:2/-1}.diary-media-gallery{grid-template-columns:1fr}.diary-media-item,.diary-media-item:nth-child(3n+1),.diary-media-item:nth-child(3n+2){grid-column:1/-1}}

/* V24 — album layout leggibile + diario media log */
.album-v24{width:min(1480px,calc(100% - 2rem));padding-top:clamp(3rem,6vw,7rem)}
.album-v24-overview{display:grid;grid-template-columns:minmax(280px,0.78fr) minmax(0,1.22fr);gap:clamp(1.2rem,4vw,4rem);align-items:stretch;margin-bottom:clamp(1.2rem,4vw,3rem)}
.album-v24-cover,.album-v24-meta,.album-v24-block{border:1px solid var(--line);border-radius:34px;background:rgba(244,239,232,.035);backdrop-filter:blur(16px);box-shadow:0 24px 80px rgba(0,0,0,.18)}
.album-v24-cover{padding:clamp(.8rem,1.8vw,1.2rem);display:grid;align-items:center}.album-v24-cover .release-cover-frame{border:0;background:transparent}.album-v24-cover img{width:100%;max-height:640px;object-fit:contain;border-radius:22px}
.album-v24-meta{padding:clamp(1.4rem,4vw,3.2rem);display:grid;align-content:center}.album-v24-meta h2{font-family:Georgia,"Times New Roman",serif;color:var(--ink);font-weight:400;font-size:clamp(2.6rem,6vw,6rem);line-height:.9;letter-spacing:-.08em;margin:.2rem 0 1.6rem}
.album-v24-facts{display:grid;margin:0 0 1.4rem}.album-v24-facts div{display:grid;grid-template-columns:130px 1fr;gap:1rem;padding:.95rem 0;border-top:1px solid var(--line)}.album-v24-facts dt{color:var(--gold);font-size:.72rem;letter-spacing:.16em;text-transform:uppercase}.album-v24-facts dd{margin:0;color:var(--ink)}.album-v24-streams{display:flex;gap:.75rem;flex-wrap:wrap}
.album-v24-body{display:grid;grid-template-columns:1fr;gap:1rem}.album-v24-block{padding:clamp(1.2rem,3vw,2.5rem)}.album-v24-block-head{display:flex;align-items:end;justify-content:space-between;gap:1rem;border-bottom:1px solid var(--line);padding-bottom:1rem;margin-bottom:1rem}.album-v24-block-head h2{font-family:Georgia,"Times New Roman",serif;font-weight:400;color:var(--ink);font-size:clamp(2rem,4vw,4rem);line-height:.9;letter-spacing:-.06em;margin:0}.album-v24-block-head .eyebrow{margin:0;color:var(--gold)}
.album-track-table{display:grid;gap:.65rem}.album-track-item{display:grid;grid-template-columns:70px minmax(160px,.7fr) minmax(220px,1fr) 42px;gap:1rem;align-items:center;border:1px solid rgba(244,239,232,.1);border-radius:22px;background:rgba(0,0,0,.18);padding:1rem 1.1rem;text-decoration:none;transition:border-color .2s ease,background .2s ease,transform .2s ease}.album-track-item:hover{border-color:rgba(215,183,123,.55);background:rgba(215,183,123,.07);transform:translateY(-1px)}.album-track-num{color:var(--gold);letter-spacing:.18em;font-size:.82rem}.album-track-title{font-family:Georgia,"Times New Roman",serif;color:var(--ink);font-size:clamp(1.45rem,2.4vw,2.4rem);line-height:1}.album-track-note{color:var(--muted);line-height:1.35}.album-track-arrow{color:var(--gold);justify-self:end;font-size:1.3rem}.v24-gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem}.v24-gallery-grid figure{margin:0;border-radius:20px;overflow:hidden;border:1px solid var(--line);background:rgba(0,0,0,.18)}.v24-gallery-grid img{width:100%;height:260px;object-fit:cover;display:block}
.diary-media-gallery{display:grid;grid-template-columns:repeat(12,1fr);gap:.85rem}.diary-media-item{grid-column:span 6;margin:0;border:1px solid var(--line);border-radius:28px;background:rgba(244,239,232,.035);overflow:hidden}.diary-media-item:nth-child(3n+1){grid-column:span 12}.diary-media-frame{background:rgba(0,0,0,.25);display:grid;place-items:center;min-height:260px}.diary-media-frame img,.diary-media-frame video{width:100%;height:100%;min-height:260px;object-fit:cover;display:block}.diary-media-frame audio{width:min(92%,520px)}.diary-media-item figcaption{padding:.9rem 1rem;color:var(--muted);border-top:1px solid var(--line)}.diary-media-link{min-height:260px;display:grid;place-items:center;color:var(--ink);font-family:Georgia,"Times New Roman",serif;font-size:1.7rem}
@media(max-width:980px){.album-v24-overview{grid-template-columns:1fr}.album-track-item{grid-template-columns:52px 1fr 34px}.album-track-note{grid-column:2/4}.v24-gallery-grid{grid-template-columns:1fr 1fr}.diary-media-item,.diary-media-item:nth-child(3n+1){grid-column:span 12}}
@media(max-width:640px){.album-v24{width:calc(100% - 1rem)}.album-v24-block-head{display:grid}.album-track-item{grid-template-columns:42px 1fr 28px;padding:.85rem}.album-track-title{font-size:1.55rem}.v24-gallery-grid{grid-template-columns:1fr}.album-v24-facts div{grid-template-columns:1fr;gap:.25rem}.diary-media-gallery{grid-template-columns:1fr}.diary-media-item,.diary-media-item:nth-child(3n+1){grid-column:1}.diary-media-frame,.diary-media-frame img,.diary-media-frame video{min-height:220px}}


/* V25 — correzioni tracklist + delete preview builder */
.album-track-table{display:grid!important;gap:.8rem!important;min-width:0!important}
.album-track-item{display:flex!important;align-items:center!important;gap:1rem!important;min-width:0!important;width:100%!important;box-sizing:border-box!important}
.album-track-num{flex:0 0 54px!important;max-width:54px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;letter-spacing:.08em!important;word-break:normal!important;overflow-wrap:normal!important}
.album-track-title{flex:1 1 300px!important;min-width:0!important;white-space:normal!important;word-break:normal!important;overflow-wrap:break-word!important;hyphens:none!important}
.album-track-note{flex:1 1 260px!important;min-width:180px!important;white-space:normal!important;word-break:normal!important;overflow-wrap:break-word!important;hyphens:none!important;text-align:left!important}
.album-track-arrow{flex:0 0 32px!important;text-align:right!important;justify-self:auto!important}
.anb-preview-delete-floating{position:fixed!important;z-index:99999!important;right:1.2rem!important;bottom:1.2rem!important;border:1px solid rgba(255,120,120,.65)!important;border-radius:999px!important;background:rgba(75,5,18,.9)!important;color:#ffe5e5!important;padding:.8rem 1.05rem!important;font-size:.82rem!important;letter-spacing:.12em!important;text-transform:uppercase!important;font-weight:900!important;box-shadow:0 18px 60px rgba(0,0,0,.45)!important;cursor:pointer!important}
.anb-preview-delete-floating:hover{background:rgba(155,20,40,.95)!important;color:#fff!important}
.anb-preview-delete-floating span{margin-left:.35rem}
.wound-fog:before,.wound-fog:after{content:"";position:absolute;inset:auto -12% 0 -12%;height:58%;pointer-events:none;border-radius:46%;filter:blur(34px);background:radial-gradient(ellipse at 50% 50%,rgba(244,239,232,.14),rgba(244,239,232,.04) 38%,transparent 72%);opacity:.28;animation:woundFogSweep 18s ease-in-out infinite}
.wound-fog:before{bottom:8%;animation-delay:-6s}
.wound-fog:after{bottom:18%;opacity:.18;animation-duration:24s}
@keyframes woundFogSweep{0%{transform:translate3d(-8%,0,0) scale(1)}50%{transform:translate3d(6%,-4%,0) scale(1.08)}100%{transform:translate3d(-4%,2%,0) scale(1.02)}}
@media(max-width:760px){.album-track-item{display:grid!important;grid-template-columns:42px 1fr 28px!important;gap:.75rem!important}.album-track-num{max-width:42px!important;flex:none!important}.album-track-title{min-width:0!important}.album-track-note{grid-column:2/4!important;min-width:0!important}.album-track-arrow{grid-column:3!important;grid-row:1!important}}


/* V26 — builder item delete buttons + tracklist cleanup */
.album-track-row-wrap{position:relative;display:grid;grid-template-columns:minmax(0,1fr);gap:.55rem}.anb-preview-body .album-track-row-wrap{grid-template-columns:minmax(0,1fr) auto;align-items:stretch}.anb-preview-body .album-track-row-wrap .album-track-item{min-width:0}.anb-inline-delete{display:none}.anb-preview-body .anb-inline-delete{display:inline-grid;place-items:center;align-self:center;min-width:46px;min-height:46px;border:1px solid rgba(255,115,115,.65);border-radius:999px;background:rgba(255,70,70,.16);color:#ffd6d6;font-weight:900;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;z-index:10}.anb-preview-body .anb-inline-delete span{display:none}.anb-preview-body .anb-inline-delete:hover{background:rgba(255,70,70,.28);color:#fff}.anb-preview-body .anb-list-item-wrap{position:relative}.anb-preview-body .anb-list-item-wrap>.anb-inline-delete{position:absolute;right:1rem;top:1rem}.anb-preview-body .an-release-card{position:relative}.anb-preview-body .an-release-card>.anb-inline-delete{position:absolute;right:1rem;top:1rem}.album-track-title,.album-track-note{word-break:normal!important;overflow-wrap:break-word!important;hyphens:none!important}.album-track-item{min-width:0!important}
.wound-fog:before,.wound-fog:after{content:"";position:absolute;inset:auto -12% 0 -12%;height:58%;pointer-events:none;border-radius:46%;filter:blur(34px);background:radial-gradient(ellipse at 50% 50%,rgba(244,239,232,.14),rgba(244,239,232,.04) 38%,transparent 72%);opacity:.28;animation:woundFogSweep 18s ease-in-out infinite}
.wound-fog:before{bottom:8%;animation-delay:-6s}
.wound-fog:after{bottom:18%;opacity:.18;animation-duration:24s}
@keyframes woundFogSweep{0%{transform:translate3d(-8%,0,0) scale(1)}50%{transform:translate3d(6%,-4%,0) scale(1.08)}100%{transform:translate3d(-4%,2%,0) scale(1.02)}}
@media(max-width:760px){.anb-preview-body .album-track-row-wrap{grid-template-columns:1fr}.anb-preview-body .album-track-row-wrap .anb-inline-delete{justify-self:start;margin-left:.5rem}}


/* V27 language switcher */
.language-switcher{display:inline-flex;align-items:center;gap:.25rem;border:1px solid rgba(236,196,124,.28);border-radius:999px;padding:.25rem;background:rgba(255,255,255,.025);backdrop-filter:blur(12px)}
.language-switcher a{display:inline-grid;place-items:center;min-width:2.2rem;min-height:2rem;border-radius:999px;text-decoration:none;color:rgba(246,240,232,.62);font-size:.72rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.language-switcher a.is-active{background:var(--gold,#e9c27a);color:#08070d}.header-lang{margin-right:.75rem}.an-lang-note{border:1px solid rgba(236,196,124,.28);border-radius:24px;padding:1rem;color:rgba(246,240,232,.72);background:rgba(255,255,255,.035)}
.wound-fog:before,.wound-fog:after{content:"";position:absolute;inset:auto -12% 0 -12%;height:58%;pointer-events:none;border-radius:46%;filter:blur(34px);background:radial-gradient(ellipse at 50% 50%,rgba(244,239,232,.14),rgba(244,239,232,.04) 38%,transparent 72%);opacity:.28;animation:woundFogSweep 18s ease-in-out infinite}
.wound-fog:before{bottom:8%;animation-delay:-6s}
.wound-fog:after{bottom:18%;opacity:.18;animation-duration:24s}
@keyframes woundFogSweep{0%{transform:translate3d(-8%,0,0) scale(1)}50%{transform:translate3d(6%,-4%,0) scale(1.08)}100%{transform:translate3d(-4%,2%,0) scale(1.02)}}
@media(max-width:760px){.header-lang{position:absolute;left:50%;transform:translateX(-50%);top:1rem}.language-switcher a{min-width:2rem}.site-header .brand{max-width:7rem}}

/* V32 — language switch left, centered logo, mobile map spacing */
.an-header .an-header-inner{position:relative!important;justify-content:center!important;display:flex!important}
.header-lang{position:absolute!important;left:0!important;top:50%!important;transform:translateY(-50%)!important;margin:0!important;z-index:4!important}
.an-header-inner .an-brand{position:absolute!important;left:50%!important;top:50%!important;transform:translate(-50%,-50%)!important;margin:0!important;z-index:3!important}
.an-header-inner .an-back{position:absolute!important;right:0!important;top:50%!important;transform:translateY(-50%)!important;margin:0!important;z-index:4!important}
.an-header-inner .an-back:hover{transform:translateY(calc(-50% - 2px))!important}
.an-gate-language{position:absolute;left:clamp(.75rem,2.5vw,2rem);top:clamp(.75rem,2.5vw,2rem);z-index:22}
.admin-bar .an-gate-language{top:clamp(.75rem,2.5vw,2rem)}
.an-gate-language .language-switcher{box-shadow:0 12px 46px rgba(0,0,0,.36)}
.wound-fog:before,.wound-fog:after{content:"";position:absolute;inset:auto -12% 0 -12%;height:58%;pointer-events:none;border-radius:46%;filter:blur(34px);background:radial-gradient(ellipse at 50% 50%,rgba(244,239,232,.14),rgba(244,239,232,.04) 38%,transparent 72%);opacity:.28;animation:woundFogSweep 18s ease-in-out infinite}
.wound-fog:before{bottom:8%;animation-delay:-6s}
.wound-fog:after{bottom:18%;opacity:.18;animation-duration:24s}
@keyframes woundFogSweep{0%{transform:translate3d(-8%,0,0) scale(1)}50%{transform:translate3d(6%,-4%,0) scale(1.08)}100%{transform:translate3d(-4%,2%,0) scale(1.02)}}
@media(max-width:760px){
  .header-lang{left:.5rem!important;top:50%!important;transform:translateY(-50%)!important}
  .an-header-inner .an-brand{left:50%!important;top:50%!important;transform:translate(-50%,-50%)!important}
  .an-header-inner .an-back{right:.5rem!important;top:50%!important;transform:translateY(-50%)!important}
  .an-gate-language{left:.65rem;top:.65rem}
  .language-switcher{padding:.18rem!important}.language-switcher a{min-width:1.9rem!important;min-height:1.8rem!important;font-size:.64rem!important}
  .an-map{display:block!important;position:absolute!important;inset:0!important;padding:0!important;overflow:hidden!important}
  .an-map-center{position:absolute!important;left:50%!important;top:50%!important;transform:translate(-50%,-50%)!important;width:min(92vw,520px)!important;height:auto!important;min-height:0!important;padding:0!important;margin:0!important;z-index:2!important;pointer-events:none!important}
  .an-persistent-logo{font-size:clamp(3.05rem,15.2vw,5.15rem)!important;width:96vw!important;white-space:nowrap!important;line-height:.82!important;letter-spacing:-.12em!important}
  .an-map-center .eyebrow{top:calc(50% - 4.2rem)!important;font-size:.62rem!important;letter-spacing:.2em!important}
  .an-map-center p:not(.eyebrow){top:calc(50% + 3.1rem)!important;width:min(86vw,330px)!important;font-size:.78rem!important;line-height:1.25!important}
  .an-map-node{position:absolute!important;width:calc(50vw - .9rem)!important;min-height:60px!important;border-radius:16px!important;padding:.62rem .68rem!important;gap:.08rem!important;transform:none!important;z-index:5!important}
  .an-map-node strong{font-size:clamp(1rem,5.2vw,1.35rem)!important;line-height:.95!important;letter-spacing:-.04em!important;word-break:normal!important;overflow-wrap:normal!important}
  .an-map-node span,.an-map-node em{font-size:.55rem!important;line-height:1.1!important;letter-spacing:.11em!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;max-width:100%!important}
  .an-map-node:before{width:6px!important;height:6px!important;right:.62rem!important;top:.62rem!important}
  .node-world{left:.65rem!important;right:auto!important;top:9.5vh!important;bottom:auto!important}
  .node-live{right:.65rem!important;left:auto!important;top:9.5vh!important;bottom:auto!important}
  .node-music{left:50%!important;right:auto!important;top:23vh!important;bottom:auto!important;transform:translateX(-50%)!important;width:min(72vw,310px)!important}
  .node-contact{left:.65rem!important;right:auto!important;top:auto!important;bottom:12.5vh!important;transform:none!important}
  .node-join{right:.65rem!important;left:auto!important;top:auto!important;bottom:12.5vh!important}
  .node-diary{left:50%!important;right:auto!important;top:auto!important;bottom:1.8vh!important;transform:translateX(-50%)!important;width:min(72vw,310px)!important}
  .node-contact:hover,.node-diary:hover,.node-music:hover{transform:translateX(-50%)!important}.node-contact:hover{transform:none!important}
  .an-map-audio{display:none!important}
  .an-seal{width:calc(100% - 1rem)!important;max-width:100%!important;min-height:0!important;height:auto!important}
  .an-seal-tagline{top:calc(50% + 3rem)!important;width:min(88vw,340px)!important;font-size:clamp(.98rem,5vw,1.18rem)!important;line-height:1.05!important}
  .an-seal-note{top:calc(50% + 5.5rem)!important;width:min(88vw,340px)!important}.an-seal-note p{font-size:.78rem!important;line-height:1.28!important}
  .an-open-gate{top:calc(50% + 8.1rem)!important;font-size:.56rem!important;letter-spacing:.16em!important;white-space:nowrap!important}.an-open-gate span{width:22px!important}
}
@media(max-width:390px){
  .an-persistent-logo{font-size:clamp(2.55rem,14.5vw,3.55rem)!important}
  .an-map-node{min-height:54px!important;padding:.52rem .58rem!important}.an-map-node strong{font-size:1rem!important}.an-map-node em{display:none!important}
  .node-world,.node-live{top:8.5vh!important}.node-music{top:21vh!important}.node-contact,.node-join{bottom:11.5vh!important}.node-diary{bottom:1.2vh!important}
  .an-map-center p:not(.eyebrow){font-size:.72rem!important;top:calc(50% + 2.75rem)!important}.an-map-center .eyebrow{top:calc(50% - 3.55rem)!important}
  .an-seal-note{display:none!important}.an-open-gate{top:calc(50% + 6rem)!important}.an-seal-tagline{top:calc(50% + 2.55rem)!important}
}
@media(max-height:650px) and (max-width:760px){
  .an-map-node{min-height:50px!important}.node-world,.node-live{top:7.2vh!important}.node-music{top:20vh!important}.node-contact,.node-join{bottom:10vh!important}.node-diary{bottom:.8vh!important}
  .an-persistent-logo{font-size:clamp(2.7rem,13vw,4.4rem)!important}.an-map-center p:not(.eyebrow){display:none!important}
}


/* V36: remove closed-gate eyebrow panel */
.an-seal > .eyebrow {
  display: none !important;
}
.an-seal:before {
  content: none !important;
  display: none !important;
}

/* V37 — Ritual page: upcoming dates + past archive modal */
.ritual-list-head{align-items:center}.ritual-head-actions{display:flex;align-items:center;justify-content:flex-end;gap:.75rem;flex-wrap:wrap}.ritual-archive-trigger{cursor:pointer}.ritual-archive-modal{position:fixed;inset:0;z-index:9998;display:grid;place-items:center;padding:clamp(.75rem,3vw,2rem);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .28s var(--ease),visibility .28s ease}.ritual-archive-modal.is-open{opacity:1;visibility:visible;pointer-events:auto}.ritual-archive-backdrop{position:absolute;inset:0;background:rgba(0,0,6,.72);backdrop-filter:blur(16px)}.ritual-archive-dialog{position:relative;z-index:1;width:min(1040px,calc(100vw - 1.5rem));max-height:min(82dvh,820px);overflow:auto;border:1px solid rgba(215,183,123,.32);border-radius:34px;background:linear-gradient(180deg,rgba(13,10,18,.96),rgba(3,3,9,.98));box-shadow:0 30px 110px rgba(0,0,0,.68),0 0 80px rgba(215,183,123,.08);padding:clamp(1rem,2.6vw,2rem);outline:none}.ritual-archive-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1.2rem;margin-bottom:1.25rem;padding-bottom:1.25rem;border-bottom:1px solid var(--line)}.ritual-archive-header h2{font-family:Georgia,"Times New Roman",serif;font-weight:400;font-size:clamp(2.2rem,5vw,4.8rem);line-height:.92;letter-spacing:-.07em;color:var(--ink);margin:.1rem 0 .5rem}.ritual-archive-header p:not(.eyebrow){margin:0;color:var(--muted)}.ritual-archive-close{flex:0 0 auto;width:48px;height:48px;border:1px solid rgba(244,239,232,.18);border-radius:999px;background:rgba(244,239,232,.035);color:var(--ink);font-size:1.8rem;line-height:1;cursor:pointer;transition:transform .22s var(--ease),border-color .22s ease,background .22s ease}.ritual-archive-close:hover,.ritual-archive-close:focus-visible{transform:translateY(-2px);border-color:rgba(215,183,123,.55);background:rgba(215,183,123,.1);outline:none}.ritual-archive-list{gap:.8rem}.ritual-archive-item .live-card{background:rgba(244,239,232,.028);border-color:rgba(244,239,232,.12)}.ritual-archive-item .live-date-block{opacity:.82}.an-modal-open{overflow:hidden!important}
.wound-fog:before,.wound-fog:after{content:"";position:absolute;inset:auto -12% 0 -12%;height:58%;pointer-events:none;border-radius:46%;filter:blur(34px);background:radial-gradient(ellipse at 50% 50%,rgba(244,239,232,.14),rgba(244,239,232,.04) 38%,transparent 72%);opacity:.28;animation:woundFogSweep 18s ease-in-out infinite}
.wound-fog:before{bottom:8%;animation-delay:-6s}
.wound-fog:after{bottom:18%;opacity:.18;animation-duration:24s}
@keyframes woundFogSweep{0%{transform:translate3d(-8%,0,0) scale(1)}50%{transform:translate3d(6%,-4%,0) scale(1.08)}100%{transform:translate3d(-4%,2%,0) scale(1.02)}}
@media(max-width:760px){.ritual-list-head{align-items:stretch}.ritual-head-actions{display:grid;width:100%;justify-content:stretch}.ritual-head-actions .an-btn,.ritual-head-actions .an-admin-add{width:100%}.ritual-archive-modal{padding:.5rem;align-items:end}.ritual-archive-dialog{width:100%;max-height:88dvh;border-radius:28px 28px 0 0;padding:1rem}.ritual-archive-header{gap:.75rem}.ritual-archive-close{width:42px;height:42px;font-size:1.55rem}.ritual-archive-list .live-card{grid-template-columns:1fr}}

/* === Anførsyn V38 — The Wound forward-scroll journey =================== */
.wound-forward{position:relative;height:700vh;min-height:4400px;background:#020208;isolation:isolate}.wound-stage{position:sticky;top:0;height:100vh;min-height:620px;overflow:hidden;display:block;perspective:980px;perspective-origin:50% 50%;background:radial-gradient(circle at 50% 45%,rgba(104,70,128,.22),transparent 32%),radial-gradient(circle at 50% 50%,rgba(217,183,123,.08),transparent 22%),linear-gradient(180deg,#020208 0%,#05040a 58%,#020208 100%)}.wound-stage:before{content:"";position:absolute;inset:-18%;background-image:radial-gradient(circle,rgba(244,239,232,.52) 0 1px,transparent 1.6px),radial-gradient(circle,rgba(215,183,123,.45) 0 1px,transparent 1.5px);background-size:86px 86px,139px 139px;background-position:0 0,36px 44px;opacity:.13;transform:translate3d(0,calc(var(--wound-progress,0)*-80px),0) scale(calc(1 + var(--wound-progress,0)*.08));will-change:transform}.wound-stage:after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 50% 50%,transparent 0 42%,rgba(2,2,8,.38) 65%,rgba(2,2,8,.94) 100%),linear-gradient(90deg,rgba(2,2,8,.86),transparent 18%,transparent 82%,rgba(2,2,8,.86));pointer-events:none;z-index:5}.wound-back{position:absolute!important;left:clamp(1rem,3vw,2.4rem);top:clamp(5.6rem,8.5vh,7.8rem);z-index:20}.wound-atmosphere{position:absolute;inset:0;z-index:1;pointer-events:none;transform-style:preserve-3d}.wound-star{position:absolute;width:5px;height:5px;border-radius:50%;background:var(--gold);box-shadow:0 0 28px rgba(215,183,123,.72);opacity:.58;transform:translate3d(0,0,0)}.wound-star-a{left:22%;top:24%;transform:translate3d(calc(var(--wound-progress,0)*-120px),calc(var(--wound-progress,0)*-40px),0)}.wound-star-b{right:18%;top:38%;width:3px;height:3px;transform:translate3d(calc(var(--wound-progress,0)*130px),calc(var(--wound-progress,0)*-70px),0)}.wound-star-c{left:48%;bottom:18%;width:4px;height:4px;transform:translate3d(0,calc(var(--wound-progress,0)*130px),0)}.wound-line{position:absolute;top:50%;width:min(36vw,520px);height:1px;background:linear-gradient(90deg,transparent,rgba(215,183,123,.52),transparent);opacity:calc(.18 + var(--wound-progress,0)*.22);transform-origin:center}.wound-line-left{left:-4vw;transform:rotate(11deg) translateX(calc(var(--wound-progress,0)*-70px))}.wound-line-right{right:-4vw;transform:rotate(-11deg) translateX(calc(var(--wound-progress,0)*70px))}.wound-floor{position:absolute;left:50%;bottom:-22%;width:min(86vw,1180px);height:52vh;border:1px solid rgba(215,183,123,.14);border-radius:50% 50% 0 0;transform:translateX(-50%) rotateX(72deg) scale(calc(1 + var(--wound-progress,0)*.45));background:radial-gradient(ellipse at center,rgba(215,183,123,.08),transparent 62%);box-shadow:0 0 130px rgba(104,70,128,.12) inset;opacity:.46}.wound-world{position:absolute;left:50%;top:50%;z-index:4;transform-style:preserve-3d;will-change:transform;transform:translate3d(-50%,-50%,0px)}.wound-stop{position:absolute;left:50%;top:50%;width:min(760px,84vw);padding:clamp(1.2rem,3vw,2.2rem);border:1px solid rgba(244,239,232,.16);border-radius:30px;background:linear-gradient(135deg,rgba(15,12,22,.86),rgba(2,2,8,.68));box-shadow:0 26px 90px rgba(0,0,0,.46),0 0 0 1px rgba(215,183,123,.05) inset;backdrop-filter:blur(18px);transform:translate3d(calc(-50% + var(--x,0px)),calc(-50% + var(--y,0px)),var(--z,-400px)) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));opacity:var(--stop-opacity,0);filter:blur(var(--stop-blur,8px));pointer-events:none;transition:border-color .25s ease,box-shadow .25s ease;will-change:opacity,filter,transform}.wound-stop.is-focus{border-color:rgba(215,183,123,.48);box-shadow:0 32px 120px rgba(0,0,0,.58),0 0 80px rgba(105,65,126,.18),0 0 0 1px rgba(215,183,123,.15) inset;pointer-events:auto}.wound-stop-hero{text-align:center;background:linear-gradient(180deg,rgba(16,12,24,.88),rgba(2,2,8,.62))}.wound-stop-hero h1{font-family:Georgia,"Times New Roman",serif;color:var(--ink);font-size:clamp(3rem,8vw,7rem);line-height:.88;letter-spacing:-.09em;font-weight:400;margin:.2rem auto 1rem;max-width:980px}.wound-intro{max-width:720px;margin:0 auto}.wound-intro p{margin:0 auto .72rem;color:var(--muted);font-size:clamp(1rem,1.35vw,1.18rem);line-height:1.7}.wound-stop-fragment{width:min(700px,82vw)}.wound-stop-fragment .wound-count{display:inline-flex;color:var(--gold);font-size:.72rem;letter-spacing:.22em;margin-bottom:1rem}.wound-stop-fragment p{font-family:Georgia,"Times New Roman",serif;color:var(--ink);font-size:clamp(1.55rem,3.1vw,3.05rem);line-height:1.08;margin:0}.wound-stop-pillars{width:min(1180px,94vw);padding:clamp(2rem,4.5vw,4.4rem)}.wound-pillar-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(1rem,2vw,1.6rem)}.wound-pillar-grid article{border:1px solid rgba(244,239,232,.14);border-radius:28px;background:rgba(244,239,232,.035);padding:clamp(1.5rem,2.5vw,2.3rem);min-height:190px}.wound-pillar-grid span{display:block;color:var(--gold);letter-spacing:.18em;text-transform:uppercase;font-size:.72rem;margin-bottom:.62rem}.wound-pillar-grid p{margin:0;color:var(--muted);line-height:1.62;font-size:clamp(1rem,1.3vw,1.24rem)}.wound-progress{position:absolute;left:50%;bottom:clamp(1.2rem,3vh,2rem);width:min(380px,56vw);height:2px;z-index:12;transform:translateX(-50%);background:rgba(244,239,232,.12);overflow:hidden;border-radius:999px}.wound-progress span{display:block;height:100%;width:calc(var(--wound-progress,0)*100%);background:linear-gradient(90deg,transparent,var(--gold));box-shadow:0 0 18px rgba(215,183,123,.62)}.wound-scroll-hint{position:absolute;right:clamp(1rem,3vw,2.4rem);bottom:clamp(1rem,3vh,2rem);z-index:12;color:var(--gold);font-size:.68rem;font-weight:800;letter-spacing:.18em;text-transform:uppercase;opacity:calc(.9 - var(--wound-progress,0)*.65)}.wound-after{position:relative;z-index:3;background:#020208;margin-top:0}.wound-forward:not(.is-ready){height:auto;min-height:0;padding:7rem 1rem 4rem}.wound-forward:not(.is-ready) .wound-stage{position:relative;height:auto;min-height:0;overflow:visible;padding:3rem 0;background:#020208}.wound-forward:not(.is-ready) .wound-world{position:relative;left:auto;top:auto;display:grid;gap:1rem;transform:none}.wound-forward:not(.is-ready) .wound-stop{position:relative;left:auto;top:auto;opacity:1;filter:none;transform:none;pointer-events:auto;margin:0 auto}.wound-forward:not(.is-ready) .wound-progress,.wound-forward:not(.is-ready) .wound-scroll-hint,.wound-forward:not(.is-ready) .wound-atmosphere{display:none}@media(max-width:980px){.wound-pillar-grid{grid-template-columns:1fr}.wound-stop{width:min(86vw,640px)}.wound-stop-fragment{width:min(84vw,620px)}}.wound-fog:before,.wound-fog:after{content:"";position:absolute;inset:auto -12% 0 -12%;height:58%;pointer-events:none;border-radius:46%;filter:blur(34px);background:radial-gradient(ellipse at 50% 50%,rgba(244,239,232,.14),rgba(244,239,232,.04) 38%,transparent 72%);opacity:.28;animation:woundFogSweep 18s ease-in-out infinite}
.wound-fog:before{bottom:8%;animation-delay:-6s}
.wound-fog:after{bottom:18%;opacity:.18;animation-duration:24s}
@keyframes woundFogSweep{0%{transform:translate3d(-8%,0,0) scale(1)}50%{transform:translate3d(6%,-4%,0) scale(1.08)}100%{transform:translate3d(-4%,2%,0) scale(1.02)}}
@media(max-width:760px){.wound-forward{height:520vh;min-height:3000px}.wound-stage{min-height:100dvh}.wound-back{top:5rem;left:.85rem}.wound-stop{--x:0px!important;--y:0px!important;width:min(91vw,430px);border-radius:24px;padding:1.05rem}.wound-stop-hero h1{font-size:clamp(2.6rem,13vw,4.35rem)}.wound-stop-fragment p{font-size:clamp(1.35rem,7vw,2.15rem)}.wound-scroll-hint{left:50%;right:auto;transform:translateX(-50%);bottom:2.4rem;white-space:nowrap}.wound-progress{bottom:1.2rem;width:min(300px,64vw)}}@media(prefers-reduced-motion:reduce){.wound-forward{height:auto;min-height:0;padding:7rem 1rem 4rem}.wound-stage{position:relative;height:auto;min-height:0;overflow:visible;padding:3rem 0;background:#020208}.wound-world{position:relative!important;left:auto!important;top:auto!important;display:grid;gap:1rem;transform:none!important}.wound-stop{position:relative!important;left:auto!important;top:auto!important;opacity:1!important;filter:none!important;transform:none!important;pointer-events:auto!important;margin:0 auto}.wound-progress,.wound-scroll-hint,.wound-atmosphere{display:none!important}}
/* === end V38 =========================================================== */


/* === Wound journey atmospherics v39 === */
.wound-stage{perspective:1180px;perspective-origin:50% 46%;}
.wound-stage:before{opacity:.18;filter:blur(.2px)}
.wound-stage:after{background:radial-gradient(ellipse at 50% 46%,transparent 0 38%,rgba(2,2,8,.32) 64%,rgba(2,2,8,.95) 100%),linear-gradient(90deg,rgba(2,2,8,.9),transparent 15%,transparent 85%,rgba(2,2,8,.9));}
.wound-nebula,.wound-fog-layer,.wound-starfield,.wound-particle,.wound-meteor,.wound-sound-toggle{position:absolute}
.wound-nebula{border-radius:50%;filter:blur(42px);mix-blend-mode:screen;opacity:.35;will-change:transform}
.wound-nebula-a{left:-8%;top:-2%;width:42vw;height:30vw;min-width:300px;min-height:220px;background:radial-gradient(circle at 50% 50%,rgba(154,106,193,.48),rgba(104,70,128,.16) 42%,transparent 72%);transform:translate3d(calc(var(--wound-progress,0)*-55px),calc(var(--wound-progress,0)*-18px),0) scale(calc(1 + var(--wound-progress,0)*.18));animation:woundNebulaFloat 16s ease-in-out infinite alternate}
.wound-nebula-b{right:-10%;top:14%;width:38vw;height:26vw;min-width:280px;min-height:200px;background:radial-gradient(circle at 45% 50%,rgba(217,183,123,.28),rgba(96,76,42,.08) 44%,transparent 72%);transform:translate3d(calc(var(--wound-progress,0)*72px),calc(var(--wound-progress,0)*-8px),0) scale(calc(1 + var(--wound-progress,0)*.12));animation:woundNebulaFloat 18s ease-in-out infinite alternate-reverse}
.wound-nebula-c{left:24%;bottom:-14%;width:52vw;height:28vw;min-width:360px;min-height:210px;background:radial-gradient(circle at 50% 50%,rgba(72,108,144,.22),rgba(72,108,144,.08) 44%,transparent 72%);transform:translate3d(0,calc(var(--wound-progress,0)*28px),0);animation:woundNebulaFloat 22s ease-in-out infinite alternate}
.wound-fog{position:absolute;inset:auto -4% -8% -4%;height:62%;z-index:2;pointer-events:none;overflow:hidden;mix-blend-mode:screen;opacity:.95}
.wound-fog-layer{left:-18%;width:142%;height:76%;border-radius:48%;opacity:.36;filter:blur(28px);background:radial-gradient(ellipse at 35% 55%,rgba(244,239,232,.22),rgba(244,239,232,.08) 28%,transparent 58%),radial-gradient(ellipse at 72% 48%,rgba(173,152,208,.18),rgba(173,152,208,.06) 26%,transparent 56%),radial-gradient(ellipse at 50% 72%,rgba(217,183,123,.10),rgba(217,183,123,0) 44%);animation:woundFogFloat 18s ease-in-out infinite,woundFogPulse 10s ease-in-out infinite}
.wound-fog-a{bottom:2%;opacity:.44;animation-duration:14s;transform:translate3d(calc(var(--wound-progress,0)*-52px),0,0) scale(1.02)}
.wound-fog-b{bottom:18%;opacity:.30;animation-duration:19s;animation-delay:-7s;transform:translate3d(calc(var(--wound-progress,0)*42px),0,0) scale(1.12)}
.wound-fog-c{bottom:-4%;opacity:.24;animation-duration:24s;animation-delay:-3s;transform:translate3d(calc(var(--wound-progress,0)*-36px),0,0) scale(1.18)}
.wound-starfield{inset:-2%;z-index:1;pointer-events:none;overflow:hidden}
.wound-particle{width:var(--size,2px);height:var(--size,2px);border-radius:50%;background:rgba(244,239,232,.95);box-shadow:0 0 12px rgba(244,239,232,.62),0 0 22px rgba(217,183,123,.24);animation:woundTwinkle var(--duration,5s) ease-in-out infinite;animation-delay:var(--delay,0s);transform:translate3d(0,0,0)}
.wound-meteor{z-index:3;width:18vw;max-width:220px;height:1px;opacity:.42;background:linear-gradient(90deg,rgba(255,255,255,.0),rgba(255,255,255,.86),rgba(215,183,123,.0));transform:rotate(28deg);filter:drop-shadow(0 0 10px rgba(255,255,255,.22));animation:woundMeteor 9s linear infinite}
.wound-meteor:after{content:"";position:absolute;right:0;top:50%;width:5px;height:5px;border-radius:50%;background:rgba(255,255,255,.95);transform:translateY(-50%);box-shadow:0 0 18px rgba(255,255,255,.68),0 0 30px rgba(215,183,123,.42)}
.wound-meteor-a{top:22%;left:10%;animation-delay:-1.5s}
.wound-meteor-b{top:54%;left:6%;animation-delay:-6.5s;opacity:.25}
.wound-sound-toggle{right:clamp(1rem,3vw,2.4rem);top:clamp(5.6rem,8.5vh,7.8rem);z-index:20;display:inline-flex;align-items:center;gap:.65rem;padding:.82rem 1rem;border-radius:999px;border:1px solid rgba(215,183,123,.36);background:rgba(9,8,14,.62);backdrop-filter:blur(14px);color:var(--ink);font-size:.72rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;box-shadow:0 10px 40px rgba(0,0,0,.28);transition:background .25s ease,border-color .25s ease,transform .25s ease}
.wound-sound-toggle:hover{background:rgba(20,16,28,.78);border-color:rgba(215,183,123,.6);transform:translateY(-1px)}
.wound-sound-toggle.is-on{background:rgba(24,20,18,.82);border-color:rgba(215,183,123,.72)}
.wound-sound-toggle__dot{width:10px;height:10px;border-radius:50%;background:rgba(244,239,232,.4);box-shadow:0 0 0 0 rgba(215,183,123,.0);transition:background .25s ease,box-shadow .25s ease}
.wound-sound-toggle.is-on .wound-sound-toggle__dot{background:var(--gold);box-shadow:0 0 0 6px rgba(215,183,123,.14),0 0 22px rgba(215,183,123,.35)}
.wound-stop{background:linear-gradient(135deg,rgba(15,12,22,.74),rgba(2,2,8,.54));box-shadow:0 26px 90px rgba(0,0,0,.56),0 0 120px rgba(86,56,108,.12),0 0 0 1px rgba(215,183,123,.05) inset}
.wound-stop.is-focus{box-shadow:0 32px 120px rgba(0,0,0,.62),0 0 90px rgba(105,65,126,.24),0 0 0 1px rgba(215,183,123,.15) inset}
@keyframes woundNebulaFloat{0%{transform:translate3d(0,0,0) scale(1)}100%{transform:translate3d(28px,-14px,0) scale(1.08)}}
@keyframes woundFogFloat{0%{transform:translate3d(-3%,2%,0) scale(.98)}25%{transform:translate3d(4%,-2%,0) scale(1.06)}50%{transform:translate3d(10%,-5%,0) scale(1.12)}75%{transform:translate3d(2%,3%,0) scale(1.08)}100%{transform:translate3d(-6%,1%,0) scale(1.02)}}
@keyframes woundFogPulse{0%,100%{opacity:.24}50%{opacity:.46}}
@keyframes woundTwinkle{0%,100%{opacity:.18;transform:translate3d(0,0,0) scale(.8)}40%{opacity:.88;transform:translate3d(var(--drift-x,0px),var(--drift-y,0px),0) scale(1)}70%{opacity:.36;transform:translate3d(calc(var(--drift-x,0px)*-.45),calc(var(--drift-y,0px)*-.45),0) scale(.92)}}
@keyframes woundMeteor{0%{opacity:0;transform:translate3d(-120px,-80px,0) rotate(28deg)}8%{opacity:.58}25%{opacity:.38}100%{opacity:0;transform:translate3d(620px,300px,0) rotate(28deg)}}
.wound-fog:before,.wound-fog:after{content:"";position:absolute;inset:auto -12% 0 -12%;height:58%;pointer-events:none;border-radius:46%;filter:blur(34px);background:radial-gradient(ellipse at 50% 50%,rgba(244,239,232,.14),rgba(244,239,232,.04) 38%,transparent 72%);opacity:.28;animation:woundFogSweep 18s ease-in-out infinite}
.wound-fog:before{bottom:8%;animation-delay:-6s}
.wound-fog:after{bottom:18%;opacity:.18;animation-duration:24s}
@keyframes woundFogSweep{0%{transform:translate3d(-8%,0,0) scale(1)}50%{transform:translate3d(6%,-4%,0) scale(1.08)}100%{transform:translate3d(-4%,2%,0) scale(1.02)}}
@media(max-width:760px){.wound-sound-toggle{top:5rem;right:.85rem;padding:.74rem .88rem;font-size:.64rem;max-width:calc(100vw - 2rem)}.wound-nebula-a,.wound-nebula-b,.wound-nebula-c{filter:blur(34px)}.wound-fog{height:66%}.wound-fog-layer{filter:blur(24px)}.wound-meteor{width:28vw}}
@media(prefers-reduced-motion:reduce){.wound-nebula,.wound-fog-layer,.wound-particle,.wound-meteor{animation:none!important}.wound-sound-toggle{transition:none!important}}


/* === Diary room / The Room inspired archive (v41) ===================== */
.diary-room-page{position:relative;min-height:calc(100vh - 6rem);padding-top:1.2rem;padding-bottom:1.8rem;overflow:hidden}
.diary-room-topbar{position:relative;z-index:4;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr) auto;gap:1.1rem;align-items:start;margin-bottom:1rem}
.diary-room-headcopy h1{margin:0;font-size:clamp(2.2rem,4vw,4rem)}
.diary-room-headcopy .lead{max-width:58ch;margin-top:.55rem}
.diary-room-top-actions{display:flex;gap:.75rem;justify-content:flex-end;align-items:center;flex-wrap:wrap}
.diary-room-stage{position:relative;min-height:76vh;border:1px solid rgba(226,205,157,.16);border-radius:34px;overflow:hidden;background:radial-gradient(circle at 50% 24%,rgba(205,162,95,.12),transparent 34%),linear-gradient(180deg,#0a0910 0%,#0b0910 48%,#09070d 100%);box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 30px 90px rgba(0,0,0,.45)}
.diary-room-stage:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 20%,rgba(255,232,179,.08),transparent 30%),radial-gradient(circle at 12% 16%,rgba(93,77,47,.18),transparent 24%),radial-gradient(circle at 84% 12%,rgba(93,77,47,.18),transparent 24%),linear-gradient(180deg,rgba(255,255,255,.02),rgba(0,0,0,.08));pointer-events:none;z-index:1}
.diary-room-camera,.diary-room-space{position:absolute;inset:0}
.diary-room-camera{perspective:2100px;transform-style:preserve-3d;transition:transform 1.15s cubic-bezier(.22,.61,.16,1),filter .9s ease;z-index:2}
.diary-room-page.is-reading .diary-room-camera{transform:translate3d(0,4%,0) scale(1.06);filter:saturate(1.06)}
.diary-room-space{transform-style:preserve-3d;overflow:hidden}
.diary-room-wall{position:absolute;pointer-events:none;z-index:0}
.diary-room-wall-back{inset:2% 8% 31%;border-radius:22px;background:linear-gradient(180deg,rgba(38,27,17,.98),rgba(19,15,15,.96)),radial-gradient(circle at 50% 32%,rgba(198,147,84,.14),transparent 36%);box-shadow:inset 0 0 0 1px rgba(207,170,97,.07),inset 0 -80px 120px rgba(0,0,0,.45);transform:translateZ(-240px)}
.diary-room-wall-left,.diary-room-wall-right{top:9%;bottom:24%;width:20%;background:linear-gradient(180deg,rgba(20,15,14,.95),rgba(10,9,12,.98));box-shadow:inset 0 0 0 1px rgba(207,170,97,.05)}
.diary-room-wall-left{left:-4%;transform:rotateY(64deg) translateZ(-180px);transform-origin:left center}
.diary-room-wall-right{right:-4%;transform:rotateY(-64deg) translateZ(-180px);transform-origin:right center}
.diary-room-shelf{position:absolute;top:16%;bottom:28%;width:13%;border-radius:12px;background:linear-gradient(180deg,rgba(54,40,28,.78),rgba(25,19,15,.88));box-shadow:inset 0 0 0 1px rgba(216,185,121,.08),0 18px 40px rgba(0,0,0,.22);opacity:.78;z-index:1}
.diary-room-shelf:before,.diary-room-shelf:after{content:"";position:absolute;left:12%;right:12%;height:1px;background:rgba(222,191,136,.11);box-shadow:0 72px 0 rgba(222,191,136,.11),0 144px 0 rgba(222,191,136,.11),0 216px 0 rgba(222,191,136,.11)}
.diary-room-shelf-left{left:7%;transform:translateZ(-90px) rotateY(18deg)}
.diary-room-shelf-right{right:7%;transform:translateZ(-90px) rotateY(-18deg)}
.diary-room-floor{position:absolute;left:-4%;right:-4%;bottom:-9%;height:48%;background:linear-gradient(180deg,rgba(0,0,0,0) 0%,rgba(0,0,0,.14) 18%,rgba(0,0,0,.5) 100%),repeating-linear-gradient(90deg,#493121 0 7%,#372418 7% 14%,#513526 14% 21%);transform:translateZ(-100px) rotateX(78deg);transform-origin:center bottom;box-shadow:0 -24px 48px rgba(0,0,0,.34) inset;z-index:1}
.diary-room-lightbeam{position:absolute;top:-8%;width:18%;height:70%;background:linear-gradient(180deg,rgba(255,240,204,.26),rgba(255,240,204,.05) 35%,transparent 88%);filter:blur(8px);transform-origin:top center;pointer-events:none;opacity:.62;z-index:2}
.diary-room-lightbeam-a{left:26%;transform:skewX(-12deg) rotate(10deg)}
.diary-room-lightbeam-b{right:24%;transform:skewX(12deg) rotate(-10deg);opacity:.45}
.diary-room-dust{position:absolute;inset:0;pointer-events:none;z-index:2;background-image:radial-gradient(circle at 18% 30%,rgba(255,243,220,.55) 0 1px,transparent 1.6px),radial-gradient(circle at 78% 21%,rgba(255,243,220,.45) 0 1px,transparent 1.7px),radial-gradient(circle at 62% 56%,rgba(255,243,220,.28) 0 1px,transparent 1.4px),radial-gradient(circle at 35% 68%,rgba(255,243,220,.26) 0 1px,transparent 1.4px);opacity:.34;animation:diaryDustFloat 16s linear infinite}
@keyframes diaryDustFloat{0%{transform:translate3d(0,0,0)}50%{transform:translate3d(-1.2%,1.4%,0)}100%{transform:translate3d(.8%,-1%,0)}}
.diary-lectern{position:absolute;left:50%;bottom:14%;width:min(92vw,980px);height:min(68vh,760px);transform:translateX(-50%) translateY(0) scale(.78);transform-style:preserve-3d;transition:transform 1.1s cubic-bezier(.22,.61,.16,1),filter 1s ease;cursor:pointer;z-index:3;outline:none}
.diary-room-page.is-reading .diary-lectern{transform:translateX(-50%) translateY(-2%) scale(1.08);cursor:default}
.diary-lectern-base{position:absolute;left:50%;bottom:5%;width:34%;height:16%;transform:translateX(-50%) perspective(800px) rotateX(72deg);background:linear-gradient(180deg,#7a5235,#3c2717);border-radius:18px;box-shadow:0 25px 40px rgba(0,0,0,.36),inset 0 1px 0 rgba(255,255,255,.08)}
.diary-lectern-stem{position:absolute;left:50%;bottom:18%;width:9%;height:31%;transform:translateX(-50%);background:linear-gradient(180deg,#5d3c28,#2d1d12);clip-path:polygon(28% 0,72% 0,86% 100%,14% 100%);box-shadow:inset 0 0 0 1px rgba(255,255,255,.05)}
.diary-lectern-top{position:absolute;left:50%;bottom:40%;width:62%;height:18%;transform:translateX(-50%) perspective(1200px) rotateX(72deg);background:linear-gradient(180deg,#8b623f,#4f3423);border-radius:22px;box-shadow:0 12px 24px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.08)}
.diary-book-shell{position:absolute;left:50%;top:12%;width:min(90vw,770px);height:min(56vh,520px);transform:translateX(-50%) perspective(1200px) rotateX(19deg) rotateZ(-.7deg);border-radius:18px;box-shadow:0 48px 80px rgba(0,0,0,.55),0 0 0 1px rgba(217,185,121,.12) inset;background:linear-gradient(180deg,#3d2717,#29190f 6%,#f3ead7 6%,#efe1c9 100%);padding:18px 18px 72px;overflow:hidden;transition:transform 1s cubic-bezier(.22,.61,.16,1),box-shadow 1s ease}
.diary-room-page.is-reading .diary-book-shell{transform:translateX(-50%) perspective(1200px) rotateX(3deg) rotateZ(0deg);box-shadow:0 36px 110px rgba(0,0,0,.62),0 0 0 1px rgba(217,185,121,.18) inset}
.diary-book-shell:before{content:"";position:absolute;inset:18px 18px 72px;background:linear-gradient(90deg,#ead7ba 0,#f8f1e2 14%,#f8f1e2 48%,#e2c7a0 49.2%,#c69d68 50%,#e2c7a0 50.8%,#f8f1e2 52%,#f8f1e2 86%,#ead7ba 100%);border-radius:12px;box-shadow:inset 0 0 0 1px rgba(85,56,31,.08)}
.diary-book-binding{position:absolute;top:18px;bottom:72px;left:50%;width:34px;transform:translateX(-50%);background:linear-gradient(90deg,rgba(118,75,40,.06),rgba(118,75,40,.24),rgba(255,255,255,.26),rgba(118,75,40,.22),rgba(118,75,40,.06));z-index:1}
.diary-book-corner{position:absolute;bottom:66px;width:52px;height:52px;background:radial-gradient(circle at 0 0,rgba(80,53,29,.16),transparent 72%)}
.diary-book-corner-left{left:18px;transform:rotate(0deg)}.diary-book-corner-right{right:18px;transform:scaleX(-1)}
.diary-book-entries{position:relative;height:100%;z-index:2}
.diary-book-entry{position:absolute;inset:0;display:grid;grid-template-columns:1fr 1fr;gap:22px;opacity:0;transform:translateY(8px) scale(.985);pointer-events:none;transition:opacity .35s ease,transform .45s ease}
.diary-book-entry.is-active{opacity:1;transform:translateY(0) scale(1);pointer-events:auto}
.diary-book-page{position:relative;height:100%;padding:22px 22px 18px;color:#251910;overflow:hidden}
.diary-book-page-inner{position:relative;height:100%;display:flex;flex-direction:column;gap:.9rem}
.diary-book-page:after{content:"";position:absolute;top:16px;bottom:18px;width:1px;background:linear-gradient(180deg,transparent,rgba(102,71,45,.12),transparent)}
.diary-book-page-left:after{right:-11px}.diary-book-page-right:after{left:-11px}
.diary-book-page .eyebrow,.diary-book-page-number{color:#7c5a35}
.diary-book-page-number{font-size:.72rem;letter-spacing:.24em;font-weight:700;text-transform:uppercase}
.diary-entry-title{margin:0;font-size:clamp(1.5rem,2.4vw,2.3rem);line-height:.95;font-family:"Cormorant Garamond",serif;color:#1c140f}
.diary-entry-meta{margin:0;color:#6d5843;font-size:.98rem}
.diary-entry-visual{position:relative;border-radius:16px;overflow:hidden;border:1px solid rgba(91,63,40,.12);background:linear-gradient(180deg,#e0d1ba,#c4aa83);min-height:150px;box-shadow:0 14px 24px rgba(60,38,23,.08)}
.diary-entry-visual img,.diary-entry-visual video{width:100%;height:100%;display:block;object-fit:cover;aspect-ratio:16/10}
.diary-entry-visual-placeholder{display:grid;place-items:center;min-height:170px;background:radial-gradient(circle at 50% 36%,rgba(255,255,255,.34),transparent 42%),linear-gradient(180deg,#b69366,#7b593a);color:#fff2e0;text-align:center}
.diary-entry-visual-placeholder span{font-family:"Cormorant Garamond",serif;font-size:clamp(2.2rem,5vw,4.4rem);line-height:.86}.diary-entry-visual-placeholder em{display:block;font-style:normal;letter-spacing:.18em;font-size:.72rem;text-transform:uppercase}
.diary-entry-media-strip{display:flex;flex-wrap:wrap;gap:.45rem}.diary-entry-media-pill{display:inline-flex;align-items:center;justify-content:center;padding:.28rem .58rem;border-radius:999px;border:1px solid rgba(115,78,47,.22);background:rgba(255,255,255,.35);font-size:.62rem;font-weight:800;letter-spacing:.16em;color:#68492a}
.diary-entry-content{min-height:0;flex:1;overflow:auto;padding-right:.5rem;color:#231a14}.diary-entry-content p:first-child{margin-top:0}.diary-entry-content::-webkit-scrollbar{width:8px}.diary-entry-content::-webkit-scrollbar-thumb{background:rgba(112,80,51,.22);border-radius:999px}
.diary-entry-actions{display:flex;align-items:center;gap:.55rem;flex-wrap:wrap;margin-top:auto}.diary-entry-actions .anb-inline-delete{position:static;inset:auto}
.diary-book-controls{position:absolute;left:18px;right:18px;bottom:14px;display:flex;align-items:center;justify-content:space-between;gap:.6rem;z-index:3}
.diary-book-controls .an-btn{padding:.7rem .95rem;font-size:.66rem;letter-spacing:.14em}.diary-book-counter{margin-left:auto;padding:0 .55rem;color:#4d3826;font-size:.72rem;font-weight:800;letter-spacing:.18em}
.diary-room-plaque{position:absolute;left:5%;bottom:9%;max-width:240px;padding:1rem 1.1rem;border-radius:18px;background:rgba(12,10,15,.72);border:1px solid rgba(217,185,121,.16);backdrop-filter:blur(12px);box-shadow:0 14px 32px rgba(0,0,0,.24);z-index:4}.diary-room-plaque p{margin:0}.diary-room-plaque .eyebrow{margin-bottom:.45rem}
.diary-room-hint{position:absolute;left:50%;bottom:4%;transform:translateX(-50%);padding:.72rem 1rem;border-radius:999px;background:rgba(10,9,13,.76);border:1px solid rgba(217,185,121,.14);color:rgba(246,240,232,.8);font-size:.74rem;letter-spacing:.09em;text-align:center;z-index:4;max-width:min(90vw,580px)}
.diary-room-page.is-reading .diary-room-hint{opacity:0;pointer-events:none}
.diary-index-modal{position:fixed;inset:0;display:grid;place-items:center;z-index:1000;opacity:0;pointer-events:none;transition:opacity .26s ease}.diary-index-modal.is-open{opacity:1;pointer-events:auto}
.diary-index-backdrop{position:absolute;inset:0;border:0;background:rgba(4,4,8,.72);backdrop-filter:blur(10px)}
.diary-index-dialog{position:relative;width:min(900px,calc(100vw - 2rem));max-height:min(86vh,820px);overflow:hidden;border-radius:28px;background:linear-gradient(180deg,rgba(17,14,20,.98),rgba(9,8,12,.98));border:1px solid rgba(217,185,121,.16);box-shadow:0 30px 90px rgba(0,0,0,.55);padding:1.25rem 1.25rem 1rem;display:flex;flex-direction:column;gap:1rem;color:#f6f0e8}
.diary-index-head{display:flex;justify-content:space-between;gap:1rem;align-items:start}.diary-index-head h2{margin:0}.diary-index-close{width:42px;height:42px;border-radius:50%;border:1px solid rgba(217,185,121,.18);background:transparent;color:#f6f0e8;font-size:1.7rem;line-height:1;cursor:pointer}
.diary-index-search{display:flex;flex-direction:column;gap:.45rem;color:#d9b979;font-size:.72rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase}.diary-index-search input{width:100%;min-height:52px;padding:0 1rem;border-radius:16px;border:1px solid rgba(217,185,121,.16);background:rgba(255,255,255,.03);color:#f6f0e8;font-size:1rem}
.diary-index-list{display:flex;flex-direction:column;gap:.7rem;min-height:0;overflow:auto;padding-right:.25rem}.diary-index-row{display:flex;gap:.7rem;align-items:stretch}.diary-index-row .anb-inline-delete{position:static;align-self:center;inset:auto;flex:0 0 auto}
.diary-index-item{width:100%;display:grid;grid-template-columns:auto 1fr;gap:.95rem;align-items:flex-start;padding:1rem;border-radius:18px;border:1px solid rgba(217,185,121,.12);background:rgba(255,255,255,.02);text-align:left;color:#f6f0e8;cursor:pointer;transition:border-color .25s ease,transform .25s ease,background .25s ease}.diary-index-item:hover,.diary-index-item.is-active{border-color:rgba(217,185,121,.34);background:rgba(217,185,121,.08);transform:translateY(-1px)}
.diary-index-number{font-family:"Cormorant Garamond",serif;font-size:2.15rem;line-height:.9;color:#d9b979}.diary-index-copy{display:flex;flex-direction:column;gap:.2rem}.diary-index-copy strong{font-size:1.12rem}.diary-index-copy em{font-style:normal;color:rgba(246,240,232,.74)}.diary-index-copy small{color:#d9b979;letter-spacing:.14em;text-transform:uppercase}
@media (max-width: 1080px){.diary-room-topbar{grid-template-columns:1fr;gap:.85rem}.diary-room-top-actions{justify-content:flex-start}.diary-room-stage{min-height:70vh}.diary-room-plaque{left:1rem;bottom:1rem;max-width:220px}.diary-lectern{width:min(96vw,920px)}}
@media (max-width: 860px){.diary-room-stage{min-height:72vh}.diary-lectern{bottom:10%;height:70vh;transform:translateX(-50%) scale(.9)}.diary-room-page.is-reading .diary-lectern{transform:translateX(-50%) translateY(-1%) scale(1)}.diary-book-shell{width:min(95vw,760px);height:min(58vh,540px);padding:14px 14px 66px}.diary-book-shell:before{inset:14px 14px 66px}.diary-book-binding{top:14px;bottom:66px}.diary-book-entry{grid-template-columns:1fr;overflow:auto;padding-right:.1rem}.diary-book-page{min-height:100%}.diary-book-page:after{display:none}.diary-book-controls{flex-wrap:wrap}.diary-book-counter{width:100%;text-align:center;margin-left:0}.diary-room-plaque{display:none}}
@media (max-width: 640px){.diary-room-page{padding-top:.6rem}.diary-room-headcopy h1{font-size:clamp(1.8rem,7vw,2.7rem)}.diary-room-headcopy .lead{font-size:.95rem}.diary-room-stage{border-radius:24px}.diary-room-shelf,.diary-room-lightbeam-b,.diary-room-wall-left,.diary-room-wall-right{display:none}.diary-room-wall-back{inset:4% 3% 35%}.diary-room-floor{height:55%}.diary-room-hint{left:1rem;right:1rem;transform:none;bottom:1rem;max-width:none;font-size:.7rem}.diary-lectern{bottom:6%;width:100%;height:74vh}.diary-book-shell{width:calc(100vw - 2.4rem);height:58vh;padding:12px 12px 72px}.diary-book-shell:before{inset:12px 12px 72px}.diary-book-binding{top:12px;bottom:72px;width:20px}.diary-book-page{padding:15px 13px 10px}.diary-book-controls{left:12px;right:12px;bottom:12px;gap:.5rem}.diary-book-controls .an-btn{flex:1 1 calc(50% - .4rem);justify-content:center}.diary-book-counter{order:4}.diary-index-dialog{width:min(100vw - 1rem,900px);padding:1rem}.diary-index-row{flex-direction:column}.diary-index-row .anb-inline-delete{align-self:flex-end}}


/* === Diary room fixes v42 ============================================ */
body.diary-room-body{overflow:hidden}
body.diary-room-body .an-main{height:calc(100vh - 88px);overflow:hidden}
body.admin-bar.diary-room-body .an-main{height:calc(100vh - 120px)}
body.diary-room-body .an-footer{display:none}
body.diary-room-body .an-main > .diary-room-page{height:100%;min-height:0;display:grid;grid-template-rows:auto minmax(0,1fr);gap:1rem;padding-top:.45rem;padding-bottom:.6rem;overflow:hidden}
body.diary-room-body .an-header-inner{padding-block:.5rem}
.diary-room-topbar{grid-template-columns:minmax(0,1fr) auto;align-items:end;margin-bottom:0;gap:1rem}
.diary-room-headcopy{max-width:60ch}.diary-room-headcopy .eyebrow{margin-bottom:.25rem}.diary-room-headcopy h1{font-size:clamp(2.1rem,3.5vw,3.7rem);line-height:.94;margin-bottom:.3rem}.diary-room-headcopy .lead{font-size:1rem;max-width:52ch;margin-top:0;color:rgba(246,240,232,.78)}
.diary-room-top-actions{justify-content:flex-end;align-items:center}.diary-index-trigger{min-width:220px}
.diary-room-stage{min-height:0;height:100%;border-radius:30px;background:radial-gradient(circle at 50% 19%,rgba(214,169,97,.1),transparent 26%),linear-gradient(180deg,#090910 0%,#0b0910 100%)}
.diary-room-stage:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 5%,rgba(255,244,209,.07),transparent 18%),linear-gradient(180deg,rgba(0,0,0,.08),rgba(0,0,0,.26));pointer-events:none;z-index:1}
.diary-room-wall-back{inset:6% 8% 26%;border-radius:26px;background:linear-gradient(180deg,rgba(56,39,28,.96),rgba(25,17,14,.98));box-shadow:inset 0 0 0 1px rgba(217,185,121,.07),inset 0 -60px 120px rgba(0,0,0,.48)}
.diary-room-wall-left,.diary-room-wall-right{top:8%;bottom:22%;width:20%;background:linear-gradient(180deg,rgba(39,26,20,.96),rgba(14,11,12,.98))}
.diary-room-cabinet{position:absolute;top:21%;bottom:25%;width:13.5%;border-radius:16px;background:linear-gradient(180deg,#3a261a,#1b1412);border:1px solid rgba(217,185,121,.11);box-shadow:inset 0 0 0 1px rgba(255,255,255,.02),0 24px 48px rgba(0,0,0,.25);z-index:2}
.diary-room-cabinet:before{content:"";position:absolute;inset:14px 12px;background:repeating-linear-gradient(180deg,transparent 0 22%,rgba(217,185,121,.17) 22% 22.5%,transparent 22.5% 44%,rgba(217,185,121,.16) 44% 44.5%,transparent 44.5% 66%,rgba(217,185,121,.15) 66% 66.5%,transparent 66.5% 88%);opacity:.75}
.diary-room-cabinet:after{content:"";position:absolute;left:16%;right:16%;top:17%;bottom:13%;background:repeating-linear-gradient(90deg,rgba(129,87,48,.48) 0 9%,rgba(205,164,96,.15) 9% 12%,transparent 12% 19%,rgba(158,109,60,.56) 19% 26%,transparent 26% 35%,rgba(97,59,32,.52) 35% 42%,transparent 42% 53%,rgba(190,157,112,.18) 53% 57%,transparent 57% 68%,rgba(117,74,41,.54) 68% 76%,transparent 76% 84%,rgba(167,120,68,.42) 84% 92%,transparent 92% 100%);filter:blur(.2px);opacity:.85}
.diary-room-cabinet-left{left:6%}.diary-room-cabinet-right{right:6%}
.diary-room-frame{position:absolute;border-radius:8px;background:linear-gradient(180deg,#60422a,#2a1c15);border:1px solid rgba(217,185,121,.2);box-shadow:0 12px 22px rgba(0,0,0,.28);z-index:2}
.diary-room-frame:before{content:"";position:absolute;inset:6px;border-radius:4px;background:radial-gradient(circle at 30% 30%,rgba(255,255,255,.16),transparent 22%),linear-gradient(180deg,#29394a,#0e1218)}
.diary-room-frame-a{width:86px;height:108px;left:24%;top:13%;transform:rotate(-6deg)}
.diary-room-frame-b{width:120px;height:84px;right:24%;top:14%;transform:rotate(5deg)}
.diary-room-frame-c{width:74px;height:96px;right:17%;top:34%;transform:rotate(-4deg)}
.diary-room-lamp{position:absolute;left:50%;top:0;transform:translateX(-50%);width:14px;height:20%;background:linear-gradient(180deg,rgba(48,37,26,.95),rgba(16,13,12,.2));z-index:3}
.diary-room-lamp span{position:absolute;left:50%;bottom:-8px;transform:translateX(-50%);width:86px;height:48px;border-radius:0 0 44px 44px;background:radial-gradient(circle at 50% 32%,rgba(255,233,188,.9),rgba(191,142,78,.86) 35%,#3b261b 80%);box-shadow:0 18px 40px rgba(255,210,125,.18),0 6px 18px rgba(0,0,0,.3)}
.diary-room-floor{left:-6%;right:-6%;bottom:-14%;height:56%;background:linear-gradient(180deg,rgba(0,0,0,0) 0%,rgba(0,0,0,.16) 18%,rgba(0,0,0,.56) 100%),repeating-linear-gradient(90deg,#65422c 0 4%,#3f281b 4% 8%,#583a27 8% 12%,#332015 12% 16%);box-shadow:0 -30px 55px rgba(0,0,0,.32) inset}
.diary-room-lightbeam{opacity:.42;filter:blur(10px)}
.diary-room-lightbeam-a{left:34%;top:8%;height:58%;width:16%;transform:skewX(-10deg) rotate(6deg)}
.diary-room-lightbeam-b{right:31%;top:10%;height:50%;width:13%;transform:skewX(9deg) rotate(-5deg)}
.diary-room-dust{opacity:.24}
.diary-lectern{bottom:8%;width:min(92vw,980px);height:min(64vh,690px);transform:translateX(-50%) scale(.82)}
.diary-room-page.is-reading .diary-lectern{transform:translateX(-50%) translateY(-1%) scale(1.05)}
.diary-lectern-base{z-index:1}
.diary-lectern-stem{z-index:1;bottom:16%}
.diary-lectern-top{z-index:1;bottom:35%;width:64%;height:14%;transform:translateX(-50%) perspective(1200px) rotateX(76deg);background:linear-gradient(180deg,#8d6440,#4a3020);border-radius:20px;opacity:.95}
.diary-book-shell{z-index:3;top:8%;height:min(52vh,470px);padding:16px 16px 70px;background:linear-gradient(180deg,#4b3221,#2e1f15 6%,#f7f1e2 6%,#f2e8d3 100%)}
.diary-room-page.is-reading .diary-book-shell{transform:translateX(-50%) perspective(1200px) rotateX(2deg) rotateZ(0deg)}
.diary-book-shell:before{inset:16px 16px 70px;background:linear-gradient(90deg,#e5d3b7 0,#faf4e7 14%,#fbf6ea 48%,#e2c79d 49.1%,#b7834e 50%,#e2c79d 50.9%,#fbf6ea 52%,#faf4e7 86%,#e5d3b7 100%)}
.diary-book-binding{top:16px;bottom:70px}
.diary-book-entry{gap:18px}.diary-book-page{padding:20px 18px 12px}
.diary-entry-title{font-size:clamp(1.4rem,2vw,2.25rem);max-width:13ch}
.diary-entry-meta{font-size:.96rem;color:#75604d}.diary-entry-visual{min-height:124px;max-height:134px}.diary-entry-visual img,.diary-entry-visual video{aspect-ratio:16/7.5}
.diary-entry-content{overflow:hidden;padding-right:0;display:flex;align-items:flex-start;justify-content:flex-start;min-height:0}
.diary-entry-content p{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:8;overflow:hidden;margin:0;font-family:'Caveat',cursive;font-size:clamp(1.45rem,1.8vw,1.95rem);line-height:1.25;letter-spacing:.01em;color:#34241a}
.diary-entry-actions{margin-top:auto}
.diary-entry-actions .an-btn,.diary-book-controls .an-btn{background:rgba(255,255,255,.38)!important;border:1px solid rgba(74,50,30,.28)!important;color:#402b1a!important;box-shadow:none!important}
.diary-book-controls{left:16px;right:16px;bottom:14px;gap:.55rem;align-items:center}.diary-book-controls .an-btn{padding:.62rem .9rem;font-size:.64rem;letter-spacing:.12em}.diary-book-controls .an-btn:hover,.diary-entry-actions .an-btn:hover{background:rgba(217,185,121,.28)!important;border-color:rgba(74,50,30,.46)!important;color:#22160e!important}
.diary-book-counter{color:#5a402c;font-size:.8rem;font-weight:800}
.diary-room-plaque{left:4.2%;bottom:10%;max-width:250px;padding:1rem 1rem 1.05rem;background:rgba(12,10,15,.78);backdrop-filter:blur(10px);border-color:rgba(217,185,121,.22)}
.diary-room-hint{bottom:2.2%;background:rgba(8,8,12,.8);border-color:rgba(217,185,121,.18)}
.diary-room-page.is-reading .diary-room-hint{opacity:0}
@media (max-width:1080px){body.diary-room-body .an-main{height:auto;overflow:visible}body.diary-room-body{overflow:auto}body.diary-room-body .an-footer{display:block}body.diary-room-body .an-main > .diary-room-page{height:auto;display:block;overflow:visible}.diary-room-stage{min-height:72vh;height:72vh}.diary-room-topbar{grid-template-columns:1fr}.diary-room-top-actions{justify-content:flex-start}.diary-room-plaque{left:1rem;bottom:1rem}}
@media (max-width:860px){.diary-room-cabinet,.diary-room-frame-c{display:none}.diary-book-shell{height:min(56vh,500px)}.diary-entry-content p{-webkit-line-clamp:7;font-size:clamp(1.25rem,2.8vw,1.7rem)}}
@media (max-width:640px){body.diary-room-body{overflow:auto}body.diary-room-body .an-main{height:auto;overflow:visible}.diary-room-topbar{gap:.7rem}.diary-room-headcopy h1{font-size:clamp(1.75rem,8vw,2.6rem)}.diary-room-headcopy .lead{font-size:.92rem}.diary-room-stage{height:auto;min-height:76vh}.diary-room-wall-left,.diary-room-wall-right,.diary-room-cabinet,.diary-room-frame,.diary-room-plaque,.diary-room-lightbeam-b{display:none}.diary-room-lamp{top:2%}.diary-lectern{height:72vh;bottom:5%}.diary-book-shell{width:calc(100vw - 2.2rem);height:56vh;padding:12px 12px 82px}.diary-book-shell:before{inset:12px 12px 82px}.diary-book-binding{top:12px;bottom:82px;width:18px}.diary-book-page{padding:14px 12px 8px}.diary-entry-title{font-size:1.35rem}.diary-entry-visual{min-height:96px;max-height:98px}.diary-entry-content p{-webkit-line-clamp:6;font-size:1.1rem;line-height:1.24}.diary-book-controls{left:12px;right:12px;bottom:10px}.diary-book-controls .an-btn{flex:1 1 calc(50% - .3rem);padding:.55rem .5rem;font-size:.56rem}.diary-book-counter{width:100%;text-align:right}.diary-room-hint{position:static;transform:none;margin:1rem 1rem 0;max-width:none}}


/* === Diary room overhaul v43 ======================================== */
body.diary-room-body{overflow:hidden!important}
body.diary-room-body .an-footer{display:none!important}
body.diary-room-body{--diary-top-offset:96px}
body.admin-bar.diary-room-body{--diary-top-offset:128px}
body.diary-room-body .an-main{
  min-height:calc(100vh - var(--diary-top-offset))!important;
  height:calc(100vh - var(--diary-top-offset))!important;
  display:flex!important;
  flex-direction:column!important;
  overflow:hidden!important;
}
body.diary-room-body .an-main>.diary-room-page{
  position:relative!important;
  flex:1 1 auto!important;
  min-height:0!important;
  height:100%!important;
  display:flex!important;
  flex-direction:column!important;
  gap:.75rem!important;
  padding:.65rem clamp(1rem,2.4vw,2rem) .85rem!important;
  overflow:hidden!important;
}
.diary-room-topbar{
  flex:0 0 auto!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  gap:1rem!important;
  align-items:end!important;
  margin:0!important;
}
.diary-room-headcopy{max-width:54rem!important}
.diary-room-headcopy .eyebrow{margin:0 0 .25rem 0!important}
.diary-room-headcopy h1{
  margin:0!important;
  font-size:clamp(2.05rem,3.4vw,4rem)!important;
  line-height:.92!important;
}
.diary-room-headcopy .lead{
  margin:.4rem 0 0 0!important;
  max-width:42rem!important;
  font-size:clamp(.95rem,1.15vw,1.08rem)!important;
  color:rgba(246,240,232,.78)!important;
}
.diary-room-top-actions{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:.8rem!important}
.diary-index-trigger{min-width:220px!important}
.diary-room-stage{
  position:relative!important;
  flex:1 1 auto!important;
  min-height:0!important;
  height:auto!important;
  border-radius:30px!important;
  overflow:hidden!important;
  background:
    radial-gradient(circle at 50% 7%, rgba(233,199,131,.14), transparent 18%),
    radial-gradient(circle at 50% 26%, rgba(214,169,97,.07), transparent 28%),
    linear-gradient(180deg,#090910 0%,#0b0910 100%)!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.04)!important;
}
.diary-room-camera,.diary-room-space{height:100%!important;min-height:0!important}
.diary-room-space{position:relative!important;isolation:isolate!important;perspective:1800px!important}
.diary-room-stage:before{
  content:"";position:absolute;inset:0;
  background:radial-gradient(circle at 50% 0%, rgba(255,241,212,.06), transparent 18%),linear-gradient(180deg, rgba(0,0,0,.05), rgba(0,0,0,.22));
  pointer-events:none;z-index:1;
}
.diary-room-wall-back{
  position:absolute!important;inset:8% 9% 23%!important;border-radius:28px!important;
  background:linear-gradient(180deg,rgba(62,44,33,.98),rgba(23,16,15,.99))!important;
  box-shadow:inset 0 0 0 1px rgba(217,185,121,.08), inset 0 -90px 140px rgba(0,0,0,.48)!important;
  z-index:0!important;
}
.diary-room-wall-left,.diary-room-wall-right{
  position:absolute!important;top:9%!important;bottom:19%!important;width:19%!important;
  background:linear-gradient(180deg, rgba(33,24,21,.98), rgba(13,11,13,.99))!important;
  z-index:0!important;
}
.diary-room-cabinet{
  position:absolute!important;top:19%!important;bottom:22%!important;width:15%!important;border-radius:18px!important;
  background:linear-gradient(180deg,#4f3424,#211714)!important;
  border:1px solid rgba(217,185,121,.14)!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.02),0 30px 48px rgba(0,0,0,.3)!important;
  overflow:hidden!important;z-index:2!important;
}
.diary-room-cabinet:before{
  content:"";position:absolute;inset:12px!important;border-radius:10px!important;
  background:
    repeating-linear-gradient(180deg, transparent 0 19.6%, rgba(217,185,121,.14) 19.6% 20.2%, transparent 20.2% 39.6%, rgba(217,185,121,.14) 39.6% 40.2%, transparent 40.2% 59.6%, rgba(217,185,121,.14) 59.6% 60.2%, transparent 60.2% 79.6%, rgba(217,185,121,.14) 79.6% 80.2%, transparent 80.2% 100%),
    repeating-linear-gradient(90deg, rgba(156,109,62,.45) 0 7%, rgba(78,49,29,.6) 7% 14%, transparent 14% 21%, rgba(183,140,89,.25) 21% 29%, transparent 29% 36%, rgba(111,69,39,.55) 36% 46%, transparent 46% 57%, rgba(152,106,64,.4) 57% 66%, transparent 66% 77%, rgba(104,63,38,.52) 77% 86%, transparent 86% 100%);
  opacity:.9!important;
}
.diary-room-cabinet-left{left:5.2%!important}.diary-room-cabinet-right{right:5.2%!important}
.diary-room-frame{position:absolute!important;border-radius:8px!important;background:linear-gradient(180deg,#6f4d31,#322218)!important;border:1px solid rgba(217,185,121,.25)!important;box-shadow:0 14px 28px rgba(0,0,0,.28)!important;z-index:2!important}
.diary-room-frame:before{content:"";position:absolute;inset:6px;border-radius:4px;background:radial-gradient(circle at 35% 28%, rgba(255,255,255,.15), transparent 22%), linear-gradient(180deg,#304050,#12171d)!important}
.diary-room-frame-a{width:90px!important;height:112px!important;left:23%!important;top:12%!important;transform:rotate(-6deg)!important}
.diary-room-frame-b{width:126px!important;height:84px!important;right:23%!important;top:13%!important;transform:rotate(5deg)!important}
.diary-room-frame-c{width:78px!important;height:100px!important;right:17%!important;top:33%!important;transform:rotate(-4deg)!important}
.diary-room-lamp{position:absolute!important;left:50%!important;top:0!important;transform:translateX(-50%)!important;width:16px!important;height:24%!important;background:linear-gradient(180deg, rgba(46,33,24,.98), rgba(13,11,13,.1))!important;z-index:3!important}
.diary-room-lamp span{position:absolute!important;left:50%!important;bottom:-8px!important;transform:translateX(-50%)!important;width:98px!important;height:56px!important;border-radius:0 0 52px 52px!important;background:radial-gradient(circle at 50% 28%, rgba(255,232,186,.92), rgba(192,139,78,.88) 38%, #3d271c 82%)!important;box-shadow:0 20px 38px rgba(255,210,125,.16),0 6px 18px rgba(0,0,0,.28)!important}
.diary-room-floor{position:absolute!important;left:-8%!important;right:-8%!important;bottom:-16%!important;height:54%!important;z-index:0!important;background:linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,.13) 18%, rgba(0,0,0,.55) 100%), repeating-linear-gradient(90deg,#71472f 0 4%, #4a2f1f 4% 8%, #643f2a 8% 12%, #392317 12% 16%)!important;box-shadow: inset 0 -30px 70px rgba(0,0,0,.48)!important}
.diary-room-lightbeam{opacity:.34!important;filter:blur(10px)!important;z-index:2!important}
.diary-room-lightbeam-a{left:36%!important;top:7%!important;height:60%!important;width:15%!important;transform:skewX(-10deg) rotate(5deg)!important}
.diary-room-lightbeam-b{right:34%!important;top:8%!important;height:52%!important;width:12%!important;transform:skewX(10deg) rotate(-4deg)!important}
.diary-room-dust{opacity:.26!important;z-index:2!important}
.diary-room-plaque{
  position:absolute!important;left:3.2%!important;bottom:7.8%!important;z-index:5!important;
  width:min(19vw,260px)!important;padding:1rem 1rem 1.1rem!important;border-radius:20px!important;
  background:rgba(12,10,15,.78)!important;border:1px solid rgba(217,185,121,.22)!important;backdrop-filter:blur(10px)!important;
}
.diary-room-plaque p:last-child{margin:0!important;color:rgba(246,240,232,.76)!important;font-size:1rem!important;line-height:1.55!important}
.diary-room-hint{
  position:absolute!important;left:50%!important;bottom:2.2%!important;transform:translateX(-50%)!important;z-index:5!important;
  padding:.9rem 1.3rem!important;border-radius:999px!important;background:rgba(8,8,12,.78)!important;border:1px solid rgba(217,185,121,.18)!important;
  font-size:.8rem!important;color:rgba(246,240,232,.72)!important;white-space:nowrap!important;
}
.diary-lectern{
  position:absolute!important;left:50%!important;bottom:7.2%!important;z-index:4!important;
  width:min(92vw,1050px)!important;height:min(64vh,640px)!important;
  transform:translateX(-50%) scale(.76)!important;transform-origin:50% 100%!important;
  transition:transform .95s cubic-bezier(.22,.61,.16,1)!important;cursor:pointer!important;
}
.diary-room-page.is-reading .diary-lectern{transform:translateX(-50%) scale(1)!important;cursor:default!important}
.diary-lectern-base,.diary-lectern-stem,.diary-lectern-top{display:none!important}
.diary-lectern:before{
  content:"";position:absolute;left:50%;bottom:4%!important;transform:translateX(-50%)!important;width:74%!important;height:14%!important;border-radius:26px!important;
  background:linear-gradient(180deg,#7b5434,#4d3321)!important;box-shadow:0 24px 36px rgba(0,0,0,.35), inset 0 1px 0 rgba(255,255,255,.07)!important;z-index:0!important;
}
.diary-lectern:after{
  content:"";position:absolute;left:50%;bottom:-4%!important;transform:translateX(-50%)!important;width:34%!important;height:26%!important;clip-path:polygon(12% 0, 88% 0, 100% 100%, 0 100%);
  background:linear-gradient(180deg,#6c4830,#34231a)!important;box-shadow:0 18px 30px rgba(0,0,0,.3)!important;z-index:0!important;
}
.diary-book-shell{
  position:absolute!important;left:50%!important;top:4%!important;z-index:3!important;
  width:min(78vw,880px)!important;height:min(54vh,500px)!important;
  padding:16px 16px 76px!important;overflow:hidden!important;
  transform:translateX(-50%) perspective(1400px) rotateX(14deg) rotateZ(-1deg)!important;
  border-radius:22px!important;background:linear-gradient(180deg,#4b3221,#2b1c14 6%,#f7efde 6%,#f2e8d4 100%)!important;
  box-shadow:0 42px 80px rgba(0,0,0,.5), 0 0 0 1px rgba(217,185,121,.14) inset!important;
  transition:transform .95s cubic-bezier(.22,.61,.16,1), width .95s cubic-bezier(.22,.61,.16,1), height .95s cubic-bezier(.22,.61,.16,1), top .95s cubic-bezier(.22,.61,.16,1)!important;
}
.diary-room-page.is-reading .diary-book-shell{
  top:1%!important;width:min(84vw,980px)!important;height:min(58vh,560px)!important;
  transform:translateX(-50%) perspective(1400px) rotateX(2deg) rotateZ(0deg)!important;
}
.diary-book-shell:before{
  content:"";position:absolute!important;inset:16px 16px 76px!important;border-radius:14px!important;
  background:linear-gradient(90deg,#e7d7bc 0,#fbf5e9 14%,#fbf7ef 48.4%,#dfc39a 49.2%,#bc8650 50%,#dfc39a 50.8%,#fbf7ef 51.6%,#fbf5e9 86%,#e7d7bc 100%)!important;
  box-shadow:inset 0 0 0 1px rgba(85,56,31,.08)!important;z-index:0!important;
}
.diary-book-binding{
  position:absolute!important;top:16px!important;bottom:76px!important;left:50%!important;width:28px!important;transform:translateX(-50%)!important;
  background:linear-gradient(90deg, rgba(126,83,49,.06), rgba(126,83,49,.24), rgba(255,255,255,.24), rgba(126,83,49,.22), rgba(126,83,49,.06))!important;z-index:1!important;
}
.diary-book-entries{position:relative!important;z-index:1!important;height:100%!important}
.diary-book-entry{position:absolute!important;inset:0!important;display:grid!important;grid-template-columns:.95fr 1.05fr!important;gap:20px!important;opacity:0!important;visibility:hidden!important;pointer-events:none!important;padding:0!important;overflow:hidden!important}
.diary-book-entry.is-active{opacity:1!important;visibility:visible!important;pointer-events:auto!important}
.diary-book-page{position:relative!important;min-width:0!important;padding:22px 20px 14px!important;display:flex!important;flex-direction:column!important;min-height:0!important}
.diary-book-page-inner{display:flex!important;flex-direction:column!important;gap:.7rem!important;min-height:0!important;height:100%!important}
.diary-book-page-number{margin:0!important;font-weight:800!important;color:#9d7a56!important;letter-spacing:.12em!important}
.diary-entry-title{margin:0!important;font-size:clamp(1.55rem,2.25vw,2.85rem)!important;line-height:.96!important;color:#1f1712!important;max-width:13ch!important}
.diary-entry-meta{margin:0!important;font-size:1rem!important;color:#705846!important}
.diary-entry-visual{position:relative!important;margin-top:auto!important;min-height:145px!important;max-height:160px!important;border-radius:16px!important;overflow:hidden!important;border:1px solid rgba(91,63,40,.12)!important;background:linear-gradient(180deg,#e0d1ba,#c4aa83)!important;box-shadow:0 14px 24px rgba(60,38,23,.08)!important}
.diary-entry-visual img,.diary-entry-visual video{width:100%!important;height:100%!important;object-fit:cover!important;display:block!important;aspect-ratio:16/8!important}
.diary-entry-visual-placeholder{display:grid!important;place-items:center!important;min-height:100%!important;background:radial-gradient(circle at 50% 36%, rgba(255,255,255,.3), transparent 44%), linear-gradient(180deg,#c49f6b,#977149)!important;color:#fff2e0!important;text-align:center!important}
.diary-entry-visual-placeholder:before,.diary-entry-visual-placeholder:after{display:none!important}
.diary-entry-visual-placeholder span{font-family:"Cormorant Garamond",serif!important;font-size:clamp(2.4rem,4vw,4.8rem)!important;line-height:.88!important}
.diary-entry-visual-placeholder em{display:block!important;font-style:normal!important;letter-spacing:.16em!important;font-size:.76rem!important;text-transform:uppercase!important}
.diary-entry-media-strip{display:flex!important;flex-wrap:wrap!important;gap:.45rem!important}
.diary-entry-media-pill{padding:.24rem .55rem!important;border-radius:999px!important;background:rgba(79,53,33,.08)!important;border:1px solid rgba(79,53,33,.12)!important;color:#6a4d38!important;font-size:.65rem!important;letter-spacing:.1em!important;font-weight:700!important}
.diary-entry-content{min-height:0!important;overflow:hidden!important;padding-right:0!important}
.diary-entry-content p{
  margin:0!important;display:-webkit-box!important;-webkit-box-orient:vertical!important;-webkit-line-clamp:10!important;overflow:hidden!important;
  font-family:'Caveat',cursive!important;font-size:clamp(1.45rem,1.8vw,2rem)!important;line-height:1.32!important;letter-spacing:.01em!important;color:#3b2b1e!important;
}
.diary-entry-actions{display:flex!important;gap:.6rem!important;flex-wrap:wrap!important;margin-top:auto!important}
.diary-entry-actions .an-btn,.diary-book-controls .an-btn{
  background:rgba(255,255,255,.58)!important;border:1px solid rgba(80,52,30,.22)!important;color:#443020!important;box-shadow:none!important;
}
.diary-entry-actions .an-btn:hover,.diary-book-controls .an-btn:hover{background:rgba(217,185,121,.34)!important;border-color:rgba(80,52,30,.34)!important;color:#24170f!important}
.diary-book-controls{
  position:absolute!important;left:16px!important;right:16px!important;bottom:14px!important;z-index:2!important;
  display:flex!important;align-items:center!important;gap:.6rem!important;flex-wrap:wrap!important;
}
.diary-book-controls .an-btn{padding:.7rem 1rem!important;font-size:.68rem!important;line-height:1!important;font-weight:800!important;letter-spacing:.12em!important;text-transform:uppercase!important;justify-content:center!important}
.diary-book-counter{margin-left:auto!important;font-size:.88rem!important;color:#604630!important;font-weight:800!important}
.diary-room-page.is-reading .diary-room-hint{opacity:0!important;pointer-events:none!important}
.diary-index-modal{z-index:110!important}
.diary-index-dialog{max-height:min(82vh,760px)!important;overflow:auto!important}
html.an-modal-open,html.an-modal-open body{overflow:hidden!important}

@media (max-width:1200px){
  .diary-room-headcopy h1{font-size:clamp(1.9rem,4.4vw,3.2rem)!important}
  .diary-room-plaque{width:min(23vw,250px)!important}
  .diary-lectern{width:min(96vw,1000px)!important;height:min(62vh,620px)!important}
  .diary-book-shell{width:min(82vw,860px)!important}
  .diary-room-page.is-reading .diary-book-shell{width:min(88vw,920px)!important}
}
@media (max-width:1024px){
  body.diary-room-body,body.diary-room-body .an-main{overflow:auto!important;height:auto!important;min-height:0!important}
  body.diary-room-body .an-footer{display:block!important}
  body.diary-room-body .an-main>.diary-room-page{height:auto!important;overflow:visible!important;padding-bottom:1.4rem!important}
  .diary-room-topbar{grid-template-columns:1fr!important}
  .diary-room-top-actions{justify-content:flex-start!important}
  .diary-room-stage{height:76vh!important;min-height:76vh!important;flex:none!important}
  .diary-room-plaque{width:260px!important;left:1rem!important;bottom:1rem!important}
  .diary-lectern{height:66vh!important;bottom:8%!important}
  .diary-room-page.is-reading .diary-book-shell,.diary-book-shell{width:min(92vw,900px)!important;height:min(54vh,520px)!important}
}
@media (max-width:780px){
  .diary-room-wall-left,.diary-room-wall-right,.diary-room-cabinet,.diary-room-frame,.diary-room-plaque,.diary-room-lightbeam-b{display:none!important}
  .diary-room-wall-back{inset:5% 4% 28%!important}
  .diary-room-stage{height:78vh!important;min-height:78vh!important}
  .diary-lectern{height:70vh!important;width:100%!important;bottom:6%!important;transform:translateX(-50%) scale(.88)!important}
  .diary-room-page.is-reading .diary-lectern{transform:translateX(-50%) scale(1)!important}
  .diary-room-page.is-reading .diary-book-shell,.diary-book-shell{width:calc(100vw - 2.4rem)!important;height:56vh!important;padding:12px 12px 84px!important}
  .diary-book-shell:before{inset:12px 12px 84px!important}
  .diary-book-binding{top:12px!important;bottom:84px!important;width:18px!important}
  .diary-book-entry{grid-template-columns:1fr!important}
  .diary-book-page{padding:15px 12px 10px!important}
  .diary-entry-title{font-size:1.55rem!important;max-width:none!important}
  .diary-entry-visual{min-height:92px!important;max-height:104px!important;margin-top:0!important}
  .diary-entry-content p{-webkit-line-clamp:7!important;font-size:1.22rem!important}
  .diary-book-controls{left:12px!important;right:12px!important;bottom:10px!important}
  .diary-book-controls .an-btn{flex:1 1 calc(50% - .4rem)!important;padding:.62rem .55rem!important;font-size:.58rem!important}
  .diary-book-counter{width:100%!important;text-align:right!important}
  .diary-room-hint{position:static!important;transform:none!important;display:block!important;margin:1rem auto 0!important;max-width:max-content!important;white-space:normal!important;text-align:center!important}
}
@media (max-width:640px){
  .diary-room-headcopy .lead{font-size:.92rem!important}
  .diary-room-stage{height:auto!important;min-height:78vh!important}
  .diary-room-lamp{display:none!important}
  .diary-room-floor{height:46%!important}
}


/* === Diary Experience v44: rebuilt from zero ======================== */
body.diary-room-body{overflow:hidden!important;background:#05050a!important}
body.diary-room-body .an-footer{display:none!important}
body.diary-room-body{--diary-header:88px}
body.admin-bar.diary-room-body{--diary-header:120px}
body.diary-room-body .an-main{height:calc(100svh - var(--diary-header))!important;min-height:0!important;overflow:hidden!important;display:block!important}
body.diary-room-body .an-main>.diary-experience{height:100%!important;min-height:0!important;overflow:hidden!important}
.diary-experience{position:relative;isolation:isolate;background:#05050a;color:#f6f0e8;padding:0!important}
.diary-exp-ui-top{position:absolute;left:clamp(1rem,2vw,2rem);right:clamp(1rem,2vw,2rem);top:clamp(.7rem,1.5vh,1.1rem);z-index:20;display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:1rem;align-items:start;pointer-events:none}
.diary-exp-ui-top>*{pointer-events:auto}.diary-exp-back,.diary-exp-index-button,.diary-exp-reader-controls button{border:1px solid rgba(217,185,121,.22);border-radius:999px;background:rgba(8,7,12,.64);color:#f6f0e8;text-decoration:none;text-transform:uppercase;font-size:.72rem;font-weight:800;letter-spacing:.12em;padding:.85rem 1rem;backdrop-filter:blur(12px);box-shadow:0 12px 30px rgba(0,0,0,.24);cursor:pointer}.diary-exp-back:hover,.diary-exp-index-button:hover,.diary-exp-reader-controls button:hover{border-color:rgba(217,185,121,.48);background:rgba(20,15,18,.82)}
.diary-exp-titleblock{text-align:center;max-width:min(56vw,760px);justify-self:center}.diary-exp-titleblock .eyebrow{margin:0 0 .25rem;color:#d9b979}.diary-exp-titleblock h1{margin:0;font-size:clamp(1.55rem,2.6vw,3.5rem);line-height:.92}.diary-exp-titleblock p:not(.eyebrow){margin:.35rem auto 0;max-width:50ch;color:rgba(246,240,232,.7);font-size:clamp(.85rem,1vw,1rem);line-height:1.45}.diary-exp-actions{display:flex;gap:.65rem;justify-content:flex-end;align-items:center}.diary-exp-actions .an-admin-add{position:static!important;display:inline-flex!important}.diary-exp-index-button{min-width:130px}
.diary-exp-scene{position:absolute;inset:0;overflow:hidden;perspective:1800px;background:radial-gradient(circle at 50% 18%,rgba(212,165,86,.10),transparent 20%),radial-gradient(circle at 50% 52%,rgba(80,52,36,.12),transparent 38%),linear-gradient(180deg,#07070d 0%,#06050a 100%);cursor:pointer}
.diary-exp-scene:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 0%,rgba(255,226,168,.07),transparent 22%),linear-gradient(90deg,rgba(0,0,0,.72),transparent 24%,transparent 76%,rgba(0,0,0,.72));z-index:8;pointer-events:none}.diary-exp-room{position:absolute;inset:0;transform-style:preserve-3d;transition:transform 1s cubic-bezier(.22,.61,.16,1),filter 1s ease}.diary-experience.is-reading .diary-exp-room{transform:scale(1.07);filter:blur(.2px) saturate(1.04)}
.diary-exp-backwall{position:absolute;left:8%;right:8%;top:7%;bottom:25%;border-radius:28px;background:linear-gradient(180deg,rgba(62,44,33,.98),rgba(22,16,15,.99));box-shadow:inset 0 0 0 1px rgba(217,185,121,.08),inset 0 -110px 130px rgba(0,0,0,.46);z-index:0}.diary-exp-sidewall{position:absolute;top:9%;bottom:20%;width:20%;background:linear-gradient(180deg,rgba(34,24,21,.98),rgba(11,10,12,.98));box-shadow:inset 0 0 0 1px rgba(217,185,121,.05);z-index:0}.diary-exp-sidewall-left{left:-4%;transform:skewY(4deg)}.diary-exp-sidewall-right{right:-4%;transform:skewY(-4deg)}.diary-exp-floor{position:absolute;left:-8%;right:-8%;bottom:-14%;height:50%;background:linear-gradient(180deg,rgba(0,0,0,0) 0,rgba(0,0,0,.18) 18%,rgba(0,0,0,.6) 100%),repeating-linear-gradient(90deg,#70462e 0 4%,#4b3020 4% 8%,#613e29 8% 12%,#372319 12% 16%);transform:perspective(900px) rotateX(64deg);transform-origin:center bottom;box-shadow:inset 0 -30px 70px rgba(0,0,0,.45);z-index:1}.diary-exp-ceiling-lamp{position:absolute;left:50%;top:0;width:16px;height:22%;transform:translateX(-50%);background:linear-gradient(180deg,#34251b,rgba(52,37,27,0));z-index:3}.diary-exp-ceiling-lamp span{position:absolute;left:50%;bottom:-12px;width:100px;height:58px;transform:translateX(-50%);border-radius:0 0 54px 54px;background:radial-gradient(circle at 50% 28%,rgba(255,236,190,.95),rgba(191,139,78,.9) 38%,#3d271c 82%);box-shadow:0 20px 50px rgba(255,208,122,.18)}.diary-exp-light{position:absolute;top:5%;height:64%;width:18%;background:linear-gradient(180deg,rgba(255,233,188,.24),rgba(255,233,188,.04) 43%,transparent 88%);filter:blur(10px);opacity:.5;z-index:2}.diary-exp-light-a{left:34%;transform:skewX(-10deg) rotate(6deg)}.diary-exp-light-b{right:31%;transform:skewX(11deg) rotate(-7deg);opacity:.34}
.diary-exp-cabinet{position:absolute;top:19%;bottom:23%;width:15%;border-radius:18px;background:linear-gradient(180deg,#4f3424,#211714);border:1px solid rgba(217,185,121,.13);box-shadow:0 28px 48px rgba(0,0,0,.3),inset 0 0 0 1px rgba(255,255,255,.02);overflow:hidden;z-index:2}.diary-exp-cabinet-left{left:5%}.diary-exp-cabinet-right{right:5%}.diary-exp-cabinet:before{content:"";position:absolute;left:11%;right:11%;top:12%;bottom:12%;background:repeating-linear-gradient(180deg,transparent 0 20%,rgba(217,185,121,.14) 20% 20.7%,transparent 20.7% 40%,rgba(217,185,121,.14) 40% 40.7%,transparent 40.7% 60%,rgba(217,185,121,.14) 60% 60.7%,transparent 60.7% 80%,rgba(217,185,121,.14) 80% 80.7%,transparent 80.7% 100%)}.diary-exp-cabinet i{position:absolute;inset:18% 16%;background:repeating-linear-gradient(90deg,rgba(150,104,62,.52) 0 7%,rgba(81,50,30,.62) 7% 15%,transparent 15% 22%,rgba(189,148,92,.26) 22% 29%,transparent 29% 39%,rgba(109,65,38,.56) 39% 49%,transparent 49% 58%,rgba(168,118,72,.4) 58% 66%,transparent 66% 77%,rgba(102,63,38,.55) 77% 86%,transparent 86%)}
.diary-exp-notes{position:absolute;z-index:2}.diary-exp-notes span{display:block;position:absolute;background:linear-gradient(180deg,#d6c098,#a88b61);box-shadow:0 6px 12px rgba(0,0,0,.22);opacity:.72}.diary-exp-notes-left{left:22%;top:14%;width:150px;height:130px}.diary-exp-notes-right{right:20%;top:15%;width:160px;height:125px}.diary-exp-notes-left span:nth-child(1){width:60px;height:78px;left:0;top:8px;transform:rotate(-8deg)}.diary-exp-notes-left span:nth-child(2){width:82px;height:58px;left:58px;top:0;transform:rotate(5deg)}.diary-exp-notes-left span:nth-child(3){width:72px;height:52px;left:34px;top:72px;transform:rotate(2deg)}.diary-exp-notes-right span:nth-child(1){width:90px;height:58px;right:0;top:0;transform:rotate(7deg)}.diary-exp-notes-right span:nth-child(2){width:62px;height:86px;left:0;top:35px;transform:rotate(-5deg)}.diary-exp-dust{position:absolute;inset:0;background-image:radial-gradient(circle at 19% 30%,rgba(255,243,220,.42) 0 1px,transparent 1.6px),radial-gradient(circle at 77% 22%,rgba(255,243,220,.34) 0 1px,transparent 1.7px),radial-gradient(circle at 62% 56%,rgba(255,243,220,.24) 0 1px,transparent 1.4px),radial-gradient(circle at 35% 68%,rgba(255,243,220,.24) 0 1px,transparent 1.4px);opacity:.32;animation:diaryExpDust 18s linear infinite;z-index:3}@keyframes diaryExpDust{0%{transform:translate3d(0,0,0)}50%{transform:translate3d(-1.2%,1%,0)}100%{transform:translate3d(.8%,-.8%,0)}}
.diary-exp-table{position:absolute;left:50%;bottom:5%;width:min(78vw,1050px);height:22%;transform:translateX(-50%);background:linear-gradient(180deg,#815638,#4c3323);border-radius:36px 36px 18px 18px;box-shadow:0 34px 46px rgba(0,0,0,.38),inset 0 2px 0 rgba(255,255,255,.08);z-index:4}.diary-exp-table:before{content:"";position:absolute;left:8%;right:8%;top:12%;height:1px;background:rgba(244,226,190,.18);box-shadow:0 62px 0 rgba(244,226,190,.08)}
.diary-exp-book{position:absolute;left:50%;bottom:13%;width:min(72vw,900px);height:min(53vh,500px);transform:translateX(-50%) perspective(1400px) rotateX(18deg) scale(.88);transform-origin:50% 100%;transition:transform 1s cubic-bezier(.22,.61,.16,1),bottom 1s cubic-bezier(.22,.61,.16,1),width 1s cubic-bezier(.22,.61,.16,1),height 1s cubic-bezier(.22,.61,.16,1);z-index:6;outline:none;cursor:pointer}.diary-experience.is-reading .diary-exp-book{bottom:15%;width:min(82vw,980px);height:min(59vh,560px);transform:translateX(-50%) perspective(1400px) rotateX(2deg) scale(1);cursor:default}.diary-exp-cover-edge{position:absolute;inset:-10px -10px -8px;border-radius:24px;background:linear-gradient(180deg,#4b3221,#2e1f15);box-shadow:0 44px 80px rgba(0,0,0,.58);z-index:0}.diary-exp-page-spread{position:absolute;inset:0;border-radius:18px;overflow:hidden;background:linear-gradient(90deg,#e6d5b8 0,#fbf5e9 14%,#fbf7ef 48.5%,#dfc39a 49.2%,#bd8751 50%,#dfc39a 50.8%,#fbf7ef 51.5%,#fbf5e9 86%,#e6d5b8 100%);box-shadow:inset 0 0 0 1px rgba(86,56,30,.1);z-index:1}.diary-exp-binding{position:absolute;top:0;bottom:0;left:50%;width:34px;transform:translateX(-50%);background:linear-gradient(90deg,rgba(120,80,45,.06),rgba(120,80,45,.24),rgba(255,255,255,.24),rgba(120,80,45,.2),rgba(120,80,45,.06));z-index:2}.diary-exp-pages{position:absolute;inset:0;z-index:3}.diary-exp-entry{position:absolute;inset:0;display:grid;grid-template-columns:1fr 1fr;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .28s ease,transform .38s ease;transform:scale(.985)}.diary-exp-entry.is-active{opacity:1;visibility:visible;pointer-events:auto;transform:scale(1)}.diary-exp-paper{position:relative;min-width:0;overflow:hidden}.diary-exp-paper-left{padding:clamp(1rem,2vw,1.65rem) clamp(1.1rem,2vw,1.8rem)}.diary-exp-paper-right{padding:clamp(1rem,2vw,1.65rem) clamp(1.2rem,2.1vw,2.05rem)}.diary-exp-paper-inner{height:100%;display:flex;flex-direction:column;gap:.65rem;min-height:0}.diary-exp-page-no,.diary-exp-mood{margin:0;color:#8e6a45;text-transform:uppercase;letter-spacing:.16em;font-size:.74rem;font-weight:800}.diary-exp-entry h2{margin:0;color:#201711;font-family:Georgia,'Times New Roman',serif;font-size:clamp(1.55rem,2.25vw,2.9rem);line-height:.94;max-width:13ch}.diary-exp-meta{margin:0;color:#715b47;font-size:clamp(.88rem,1vw,1rem);line-height:1.3}.diary-exp-photo{margin-top:auto;position:relative;border-radius:16px;overflow:hidden;min-height:130px;max-height:160px;background:linear-gradient(180deg,#c5a16c,#8d683e);border:1px solid rgba(80,54,34,.14);box-shadow:0 14px 22px rgba(64,41,25,.1)}.diary-exp-photo img{width:100%;height:100%;display:block;object-fit:cover;aspect-ratio:16/7.6}.diary-exp-photo-placeholder{height:100%;min-height:130px;display:grid;place-items:center;background:radial-gradient(circle at 50% 38%,rgba(255,255,255,.22),transparent 44%),linear-gradient(180deg,#c5a16c,#946f45);color:#fff3df}.diary-exp-photo-placeholder span{font-family:Georgia,'Times New Roman',serif;font-size:clamp(2.8rem,4vw,5rem);line-height:.8}.diary-exp-full-link{display:inline-flex;margin-top:.1rem;align-self:flex-start;color:#4b3321;text-decoration:none;border:1px solid rgba(79,54,35,.22);background:rgba(255,255,255,.38);border-radius:999px;padding:.62rem .8rem;text-transform:uppercase;font-weight:800;letter-spacing:.12em;font-size:.66rem}.diary-exp-full-link:hover{background:rgba(217,185,121,.32)}.diary-exp-handwriting{min-height:0;overflow:hidden}.diary-exp-handwriting p{margin:0!important;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:10;overflow:hidden;font-family:'Caveat',cursive;font-size:clamp(1.45rem,1.85vw,2.05rem);line-height:1.32;color:#3c2b1e;letter-spacing:.01em}.diary-exp-reader-controls{position:absolute;left:50%;bottom:3.2%;transform:translateX(-50%) translateY(16px);z-index:15;display:flex;align-items:center;gap:.6rem;opacity:0;pointer-events:none;transition:opacity .28s ease,transform .28s ease}.diary-experience.is-reading .diary-exp-reader-controls{opacity:1;pointer-events:auto;transform:translateX(-50%) translateY(0)}.diary-exp-reader-controls button{background:rgba(10,9,13,.76);border:1px solid rgba(217,185,121,.2);color:#f6f0e8}.diary-exp-reader-controls span{padding:.72rem .9rem;border-radius:999px;background:rgba(10,9,13,.76);border:1px solid rgba(217,185,121,.14);color:#d9b979;font-weight:800;letter-spacing:.14em}.diary-exp-hint{position:absolute;left:50%;bottom:3.5%;transform:translateX(-50%);z-index:15;border:1px solid rgba(217,185,121,.16);border-radius:999px;background:rgba(10,9,13,.74);color:rgba(246,240,232,.76);padding:.82rem 1.1rem;letter-spacing:.08em;cursor:pointer}.diary-experience.is-reading .diary-exp-hint{opacity:0;pointer-events:none}
.diary-exp-index-modal{position:fixed;inset:0;z-index:999;display:grid;place-items:center;opacity:0;pointer-events:none;transition:opacity .24s ease}.diary-exp-index-modal.is-open{opacity:1;pointer-events:auto}.diary-exp-index-backdrop{position:absolute;inset:0;border:0;background:rgba(4,4,8,.72);backdrop-filter:blur(10px)}.diary-exp-index-panel{position:relative;width:min(860px,calc(100vw - 2rem));max-height:min(84vh,760px);overflow:auto;border-radius:30px;background:linear-gradient(180deg,rgba(18,15,20,.98),rgba(9,8,12,.98));border:1px solid rgba(217,185,121,.18);box-shadow:0 32px 90px rgba(0,0,0,.58);padding:1.2rem}.diary-exp-index-head{display:flex;justify-content:space-between;gap:1rem;align-items:flex-start}.diary-exp-index-head h2{margin:0}.diary-exp-index-head button{width:42px;height:42px;border-radius:50%;border:1px solid rgba(217,185,121,.18);background:transparent;color:#f6f0e8;font-size:1.7rem;cursor:pointer}.diary-exp-filter{display:flex;flex-direction:column;gap:.45rem;margin:1rem 0;color:#d9b979;text-transform:uppercase;font-size:.72rem;font-weight:800;letter-spacing:.16em}.diary-exp-filter input{min-height:52px;border-radius:16px;border:1px solid rgba(217,185,121,.18);background:rgba(255,255,255,.04);color:#f6f0e8;padding:0 1rem;font-size:1rem}.diary-exp-index-list{display:grid;gap:.7rem}.diary-exp-index-item{display:grid;grid-template-columns:auto minmax(0,1fr);gap:.2rem .9rem;text-align:left;padding:1rem;border-radius:18px;border:1px solid rgba(217,185,121,.12);background:rgba(255,255,255,.02);color:#f6f0e8;cursor:pointer}.diary-exp-index-item:hover,.diary-exp-index-item.is-active{background:rgba(217,185,121,.08);border-color:rgba(217,185,121,.34)}.diary-exp-index-item span{grid-row:span 2;color:#d9b979;font-family:Georgia,'Times New Roman',serif;font-size:2rem;line-height:.9}.diary-exp-index-item strong{font-size:1.05rem}.diary-exp-index-item em{font-style:normal;color:rgba(246,240,232,.68);font-size:.92rem}
@media(max-width:1180px){body.diary-room-body{overflow:auto!important}body.diary-room-body .an-main{height:auto!important;overflow:visible!important}body.diary-room-body .an-footer{display:block!important}.diary-experience{min-height:calc(100svh - var(--diary-header))}.diary-exp-scene{position:relative;height:calc(100svh - var(--diary-header));min-height:660px}.diary-exp-titleblock{text-align:left;max-width:46vw}.diary-exp-titleblock h1{font-size:clamp(1.65rem,3.6vw,3rem)}.diary-exp-titleblock p:not(.eyebrow){display:none}.diary-exp-cabinet,.diary-exp-notes{opacity:.55}.diary-exp-book{width:min(86vw,860px)}.diary-experience.is-reading .diary-exp-book{width:min(92vw,920px)}}
@media(max-width:820px){.diary-exp-ui-top{grid-template-columns:1fr auto;align-items:start}.diary-exp-titleblock{grid-column:1/-1;grid-row:2;text-align:left;max-width:100%}.diary-exp-back{justify-self:start}.diary-exp-actions{justify-self:end}.diary-exp-titleblock h1{font-size:clamp(1.7rem,8vw,2.8rem)}.diary-exp-scene{height:78vh;min-height:640px}.diary-exp-cabinet,.diary-exp-notes,.diary-exp-sidewall,.diary-exp-light-b{display:none}.diary-exp-backwall{left:3%;right:3%;top:12%;bottom:28%}.diary-exp-table{width:94vw;height:18%;bottom:6%}.diary-exp-book{width:calc(100vw - 2rem);height:52vh;bottom:15%;transform:translateX(-50%) perspective(1400px) rotateX(9deg) scale(.92)}.diary-experience.is-reading .diary-exp-book{width:calc(100vw - 1.4rem);height:58vh;bottom:15%;transform:translateX(-50%) perspective(1400px) rotateX(1deg) scale(1)}.diary-exp-entry{grid-template-columns:1fr}.diary-exp-paper-left,.diary-exp-paper-right{padding:1rem}.diary-exp-entry h2{font-size:1.5rem;max-width:none}.diary-exp-photo{min-height:94px;max-height:100px}.diary-exp-handwriting p{-webkit-line-clamp:7;font-size:1.18rem}.diary-exp-reader-controls{left:.8rem;right:.8rem;bottom:1rem;transform:translateY(16px);flex-wrap:wrap;justify-content:center}.diary-experience.is-reading .diary-exp-reader-controls{transform:translateY(0)}.diary-exp-reader-controls button{flex:1 1 calc(50% - .4rem);padding:.72rem .5rem;font-size:.62rem}.diary-exp-reader-controls span{flex:1 1 100%;text-align:center}.diary-exp-hint{left:1rem;right:1rem;transform:none;text-align:center;bottom:1rem}}


/* === V45 diary page activation fix ====================================
   The diary page uses WordPress slug template hierarchy, not an assigned page template.
   These rules make the immersive diary work even if the body class is delayed/missing. */
body.diary-experience-body,
body:has(.diary-experience){overflow:hidden!important;background:#05050a!important;}
body.diary-experience-body .an-footer,
body:has(.diary-experience) .an-footer{display:none!important;}
body.diary-experience-body{--diary-header:88px;}
body.admin-bar.diary-experience-body{--diary-header:120px;}
body:has(.diary-experience){--diary-header:88px;}
body.admin-bar:has(.diary-experience){--diary-header:120px;}
body.diary-experience-body .an-main,
body:has(.diary-experience) .an-main{
  height:calc(100svh - var(--diary-header))!important;
  min-height:0!important;
  overflow:hidden!important;
  display:block!important;
}
body.diary-experience-body .an-main>.diary-experience,
body:has(.diary-experience) .an-main>.diary-experience{
  height:100%!important;
  min-height:0!important;
  overflow:hidden!important;
}
.diary-experience{
  min-height:0!important;
  height:100%!important;
}
.diary-exp-scene{
  position:absolute!important;
  inset:0!important;
  min-height:0!important;
  height:auto!important;
}
@media(min-width:1181px){
  .diary-exp-ui-top{top:clamp(.65rem,1.2vh,1rem)!important;}
  .diary-exp-titleblock h1{font-size:clamp(1.7rem,2.35vw,3.1rem)!important;}
  .diary-exp-book{bottom:12%!important;width:min(70vw,920px)!important;height:min(50vh,500px)!important;}
  .diary-experience.is-reading .diary-exp-book{bottom:13%!important;width:min(82vw,1040px)!important;height:min(58vh,580px)!important;}
}
@media(max-width:1180px){
  body.diary-experience-body,
  body:has(.diary-experience){overflow:auto!important;}
  body.diary-experience-body .an-main,
  body:has(.diary-experience) .an-main{height:auto!important;overflow:visible!important;}
  body.diary-experience-body .an-footer,
  body:has(.diary-experience) .an-footer{display:block!important;}
  body.diary-experience-body .an-main>.diary-experience,
  body:has(.diary-experience) .an-main>.diary-experience{height:auto!important;min-height:calc(100svh - var(--diary-header))!important;overflow:visible!important;}
  .diary-exp-scene{position:relative!important;height:calc(100svh - var(--diary-header))!important;min-height:660px!important;}
}


/* === Diario di bordo cinematic mockup implementation V46 ===============
   Uses the generated art direction as the visual reference layer and keeps
   the real WordPress diary entries interactive on top. */
body.diary-experience-body,
body.diary-room-body {
    overflow: hidden !important;
}
body.diary-experience-body .an-footer,
body.diary-room-body .an-footer {
    display: none !important;
}
body.diary-experience-body .an-header,
body.diary-room-body .an-header {
    background: linear-gradient(180deg, rgba(2,2,6,.92), rgba(2,2,6,.42) 70%, transparent) !important;
    border-bottom: 0 !important;
}
body.diary-experience-body .an-main,
body.diary-room-body .an-main {
    height: calc(100vh - 84px) !important;
    min-height: calc(100vh - 84px) !important;
    overflow: hidden !important;
}
body.admin-bar.diary-experience-body .an-main,
body.admin-bar.diary-room-body .an-main {
    height: calc(100vh - 116px) !important;
    min-height: calc(100vh - 116px) !important;
}

.diary-experience {
    position: relative !important;
    width: 100% !important;
    height: 100% !important;
    min-height: 0 !important;
    overflow: hidden !important;
    padding: 0 !important;
    background: #050407 !important;
    color: #f6f0e8 !important;
    isolation: isolate !important;
}

/* Scene background: initial/far state */
.diary-exp-scene {
    position: absolute !important;
    inset: 0 !important;
    overflow: hidden !important;
    cursor: pointer !important;
    background:
        linear-gradient(180deg, rgba(0,0,0,.08), rgba(0,0,0,.2)),
        url('../img/diary-room-overview.png') center center / cover no-repeat !important;
    perspective: 1800px !important;
}
.diary-experience.is-reading .diary-exp-scene {
    background:
        linear-gradient(180deg, rgba(0,0,0,.05), rgba(0,0,0,.16)),
        url('../img/diary-room-reading.png') center center / cover no-repeat !important;
}

/* Hide old procedural room pieces; the cinematic room image is now the room. */
.diary-exp-room,
.diary-exp-table,
.diary-exp-backwall,
.diary-exp-sidewall,
.diary-exp-floor,
.diary-exp-ceiling-lamp,
.diary-exp-light,
.diary-exp-cabinet,
.diary-exp-notes,
.diary-exp-dust {
    display: none !important;
}

/* atmospheric overlay */
.diary-exp-scene::before {
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    z-index: 1 !important;
    pointer-events: none !important;
    background:
        radial-gradient(circle at 50% 40%, rgba(221,172,91,.08), transparent 26%),
        radial-gradient(circle at 50% 50%, transparent 0 58%, rgba(0,0,0,.58) 100%),
        linear-gradient(90deg, rgba(0,0,0,.45), transparent 24%, transparent 76%, rgba(0,0,0,.45));
    opacity: 1 !important;
}
.diary-exp-scene::after {
    content: "" !important;
    position: absolute !important;
    inset: -5% !important;
    z-index: 2 !important;
    pointer-events: none !important;
    opacity: .22 !important;
    background-image:
        radial-gradient(circle at 18% 28%, rgba(255,238,205,.55) 0 1px, transparent 1.8px),
        radial-gradient(circle at 78% 18%, rgba(255,238,205,.40) 0 1px, transparent 1.8px),
        radial-gradient(circle at 42% 62%, rgba(255,238,205,.28) 0 1px, transparent 1.6px),
        radial-gradient(circle at 65% 72%, rgba(255,238,205,.20) 0 1px, transparent 1.6px);
    animation: diaryDustV46 16s linear infinite alternate;
}
@keyframes diaryDustV46 {
    from { transform: translate3d(-.6%, .4%, 0); }
    to { transform: translate3d(.8%, -1%, 0); }
}

/* Top UI */
.diary-exp-ui-top {
    position: absolute !important;
    left: clamp(1rem, 2.2vw, 2.2rem) !important;
    right: clamp(1rem, 2.2vw, 2.2rem) !important;
    top: clamp(.75rem, 1.7vh, 1.2rem) !important;
    z-index: 30 !important;
    display: grid !important;
    grid-template-columns: minmax(180px, auto) minmax(0, 1fr) minmax(230px, auto) !important;
    gap: 1rem !important;
    align-items: start !important;
    pointer-events: none !important;
}
.diary-exp-ui-top > * { pointer-events: auto !important; }
.diary-exp-titleblock {
    justify-self: center !important;
    text-align: center !important;
    max-width: min(50vw, 780px) !important;
    padding-top: .35rem !important;
    text-shadow: 0 8px 28px rgba(0,0,0,.72) !important;
}
.diary-exp-titleblock .eyebrow {
    display: none !important;
}
.diary-exp-titleblock h1 {
    margin: 0 !important;
    font-family: Georgia, "Times New Roman", serif !important;
    font-weight: 400 !important;
    font-size: clamp(2rem, 3.4vw, 4.15rem) !important;
    line-height: .95 !important;
    letter-spacing: -.035em !important;
    color: #f8f1e3 !important;
}
.diary-exp-titleblock p:not(.eyebrow) {
    margin: .65rem auto 0 !important;
    max-width: 45rem !important;
    color: rgba(248,241,227,.86) !important;
    font-family: Georgia, "Times New Roman", serif !important;
    font-size: clamp(1rem, 1.25vw, 1.35rem) !important;
    line-height: 1.45 !important;
}
.diary-exp-back,
.diary-exp-index-button,
.diary-exp-reader-controls button {
    border: 1px solid rgba(216, 181, 110, .42) !important;
    border-radius: 6px !important;
    background:
        linear-gradient(180deg, rgba(22,18,16,.86), rgba(8,7,9,.82)) !important;
    color: #f4dfaa !important;
    text-decoration: none !important;
    text-transform: uppercase !important;
    font-size: .74rem !important;
    font-weight: 900 !important;
    letter-spacing: .13em !important;
    padding: .9rem 1.25rem !important;
    backdrop-filter: blur(12px) !important;
    box-shadow:
        0 16px 38px rgba(0,0,0,.34),
        inset 0 0 0 1px rgba(255,236,190,.06) !important;
    cursor: pointer !important;
}
.diary-exp-back::before,
.diary-exp-index-button::before,
.diary-exp-reader-controls button::before {
    content: "" !important;
    position: absolute !important;
}
.diary-exp-back,
.diary-exp-index-button {
    position: relative !important;
    min-width: 230px !important;
    text-align: center !important;
}
.diary-exp-actions {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    gap: .7rem !important;
    justify-self: end !important;
}
.diary-exp-actions .an-admin-add {
    position: static !important;
}
.diary-exp-index-button {
    min-width: 230px !important;
}
.diary-exp-back:hover,
.diary-exp-index-button:hover,
.diary-exp-reader-controls button:hover {
    border-color: rgba(244, 217, 157, .7) !important;
    background: linear-gradient(180deg, rgba(38,28,20,.92), rgba(12,9,9,.86)) !important;
    color: #ffe8b8 !important;
}

/* Actual interactive book: in initial state it is distant and blends with the background.
   In reading state it becomes the real readable layer. */
.diary-exp-book {
    position: absolute !important;
    left: 50% !important;
    top: 58.5% !important;
    z-index: 6 !important;
    width: min(34vw, 560px) !important;
    height: min(28vh, 300px) !important;
    transform: translate(-50%, -50%) perspective(1300px) rotateX(12deg) scale(.72) !important;
    transform-origin: 50% 82% !important;
    transition:
        top 1.05s cubic-bezier(.22,.61,.16,1),
        width 1.05s cubic-bezier(.22,.61,.16,1),
        height 1.05s cubic-bezier(.22,.61,.16,1),
        transform 1.05s cubic-bezier(.22,.61,.16,1),
        opacity .35s ease !important;
    cursor: pointer !important;
    opacity: .86 !important;
}
.diary-experience.is-reading .diary-exp-book {
    top: 55.5% !important;
    width: min(69vw, 980px) !important;
    height: min(52vh, 540px) !important;
    transform: translate(-50%, -50%) perspective(1500px) rotateX(2deg) scale(1) !important;
    cursor: default !important;
    opacity: .98 !important;
}
.diary-exp-cover-edge {
    position: absolute !important;
    inset: -22px -28px 38px !important;
    border-radius: 14px !important;
    background:
        linear-gradient(180deg, rgba(45,29,18,.92), rgba(20,13,10,.98)) !important;
    border: 1px solid rgba(216,181,110,.26) !important;
    box-shadow:
        0 42px 80px rgba(0,0,0,.62),
        inset 0 0 0 2px rgba(190,136,72,.13) !important;
    pointer-events: none !important;
}
.diary-exp-cover-edge::before,
.diary-exp-cover-edge::after {
    content: "" !important;
    position: absolute !important;
    width: 52px !important;
    height: 52px !important;
    border: 2px solid rgba(196,135,72,.42) !important;
    opacity: .7 !important;
}
.diary-exp-cover-edge::before { left: 14px !important; top: 14px !important; border-right: 0 !important; border-bottom: 0 !important; }
.diary-exp-cover-edge::after { right: 14px !important; top: 14px !important; border-left: 0 !important; border-bottom: 0 !important; }

.diary-exp-page-spread,
.diary-exp-pages {
    position: absolute !important;
    inset: 0 !important;
}
.diary-exp-page-spread {
    border-radius: 18px !important;
    overflow: visible !important;
}
.diary-exp-page-spread::before {
    content: "" !important;
    position: absolute !important;
    inset: -2px !important;
    border-radius: 18px !important;
    background:
        linear-gradient(90deg, #dec9a7 0, #fbf4e5 13%, #fff8ed 48.3%, #d7b98e 49.4%, #ad7848 50%, #d7b98e 50.6%, #fff8ed 51.7%, #fbf4e5 87%, #dec9a7 100%) !important;
    box-shadow:
        inset 0 0 0 1px rgba(90,58,32,.12),
        inset 0 -18px 28px rgba(94,58,33,.06) !important;
}
.diary-exp-binding {
    position: absolute !important;
    left: 50% !important;
    top: 0 !important;
    bottom: 0 !important;
    width: 34px !important;
    transform: translateX(-50%) !important;
    background:
        linear-gradient(90deg, rgba(117,75,42,.05), rgba(117,75,42,.22), rgba(255,255,255,.36), rgba(117,75,42,.22), rgba(117,75,42,.05)) !important;
    z-index: 2 !important;
    pointer-events: none !important;
}
.diary-exp-book-shadow {
    display: none !important;
}
.diary-exp-entry {
    position: absolute !important;
    inset: 0 !important;
    display: grid !important;
    grid-template-columns: .96fr 1.04fr !important;
    gap: 32px !important;
    opacity: 0 !important;
    pointer-events: none !important;
    visibility: hidden !important;
    transition: opacity .25s ease, transform .36s ease !important;
    transform: translateY(4px) !important;
}
.diary-exp-entry.is-active {
    opacity: 1 !important;
    pointer-events: auto !important;
    visibility: visible !important;
    transform: translateY(0) !important;
}
.diary-exp-paper {
    position: relative !important;
    min-width: 0 !important;
    min-height: 0 !important;
    padding: clamp(1.1rem, 2.3vw, 2.35rem) clamp(1rem, 2.15vw, 2.1rem) !important;
    overflow: hidden !important;
    color: #271a10 !important;
}
.diary-exp-paper-inner {
    height: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    gap: .72rem !important;
    min-height: 0 !important;
}
.diary-exp-page-no,
.diary-exp-mood {
    margin: 0 !important;
    text-transform: uppercase !important;
    color: #87613b !important;
    font-size: clamp(.58rem, .78vw, .75rem) !important;
    font-weight: 900 !important;
    letter-spacing: .18em !important;
}
.diary-exp-paper-left h2 {
    margin: clamp(.45rem, 1.2vw, 1.1rem) 0 .15rem !important;
    color: #19110c !important;
    font-family: Georgia, "Times New Roman", serif !important;
    font-size: clamp(1.05rem, 2.4vw, 3.1rem) !important;
    line-height: .93 !important;
    letter-spacing: -.04em !important;
    max-width: 10.5ch !important;
}
.diary-exp-meta {
    margin: 0 !important;
    color: rgba(43,28,18,.72) !important;
    font-size: clamp(.62rem, 1vw, .95rem) !important;
    line-height: 1.2 !important;
}
.diary-exp-photo {
    margin-top: auto !important;
    width: 100% !important;
    height: clamp(76px, 14vh, 155px) !important;
    border-radius: 14px !important;
    overflow: hidden !important;
    background: linear-gradient(180deg, #c59d64, #9b7348) !important;
    border: 1px solid rgba(87,56,32,.12) !important;
    box-shadow: 0 18px 28px rgba(83,55,35,.10) !important;
}
.diary-experience.is-reading .diary-exp-photo {
    height: clamp(110px, 17vh, 176px) !important;
}
.diary-exp-photo img,
.diary-exp-photo video {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block !important;
}
.diary-exp-photo-placeholder {
    height: 100% !important;
    display: grid !important;
    place-items: center !important;
    color: rgba(255,246,226,.92) !important;
    font-family: Georgia, "Times New Roman", serif !important;
    font-size: clamp(2.3rem, 4vw, 5.4rem) !important;
    line-height: 1 !important;
    background:
        radial-gradient(circle at 50% 30%, rgba(255,255,255,.28), transparent 34%),
        linear-gradient(180deg, #c59d64, #9b7348) !important;
}
.diary-exp-full-link {
    align-self: flex-start !important;
    margin-top: .45rem !important;
    padding: .62rem .85rem !important;
    border-radius: 999px !important;
    border: 1px solid rgba(75,50,31,.22) !important;
    background: rgba(255,255,255,.32) !important;
    color: #3a2819 !important;
    font-size: clamp(.56rem, .78vw, .72rem) !important;
    font-weight: 900 !important;
    letter-spacing: .12em !important;
    text-transform: uppercase !important;
    text-decoration: none !important;
}
.diary-exp-full-link:hover {
    background: rgba(217,185,121,.26) !important;
    color: #22160d !important;
}
.diary-exp-paper-right {
    padding-left: clamp(1.2rem, 2.8vw, 2.8rem) !important;
}
.diary-exp-handwriting {
    overflow: hidden !important;
    min-height: 0 !important;
}
.diary-exp-handwriting p {
    margin: 0 !important;
    display: -webkit-box !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 9 !important;
    overflow: hidden !important;
    color: #33251b !important;
    font-family: "Caveat", cursive !important;
    font-weight: 700 !important;
    font-size: clamp(1rem, 1.75vw, 2rem) !important;
    line-height: 1.24 !important;
    letter-spacing: .012em !important;
}
.diary-experience.is-reading .diary-exp-handwriting p {
    -webkit-line-clamp: 12 !important;
    font-size: clamp(1.35rem, 1.75vw, 2.05rem) !important;
}

/* Initial state: real diary layer should not look like it is already ready-to-read. */
.diary-experience:not(.is-reading) .diary-exp-entry {
    filter: blur(.18px) !important;
}
.diary-experience:not(.is-reading) .diary-exp-paper-left h2,
.diary-experience:not(.is-reading) .diary-exp-handwriting p,
.diary-experience:not(.is-reading) .diary-exp-meta,
.diary-experience:not(.is-reading) .diary-exp-full-link,
.diary-experience:not(.is-reading) .diary-exp-photo {
    opacity: .58 !important;
}
.diary-experience:not(.is-reading) .diary-exp-handwriting p {
    -webkit-line-clamp: 3 !important;
}

/* bottom prompt + reading controls */
.diary-exp-prompt {
    position: absolute !important;
    left: 50% !important;
    bottom: clamp(1.1rem, 3vh, 2rem) !important;
    transform: translateX(-50%) !important;
    z-index: 24 !important;
    border: 1px solid rgba(216,181,110,.36) !important;
    border-radius: 6px !important;
    padding: .9rem 1.8rem !important;
    background: linear-gradient(180deg, rgba(20,16,14,.84), rgba(7,6,8,.78)) !important;
    color: #f4dfaa !important;
    font-family: Georgia, "Times New Roman", serif !important;
    font-size: clamp(1rem, 1.25vw, 1.35rem) !important;
    letter-spacing: .035em !important;
    box-shadow: 0 18px 44px rgba(0,0,0,.34), inset 0 0 0 1px rgba(255,237,199,.06) !important;
    transition: opacity .35s ease, transform .35s ease !important;
}
.diary-experience.is-reading .diary-exp-prompt {
    opacity: 0 !important;
    pointer-events: none !important;
    transform: translateX(-50%) translateY(10px) !important;
}
.diary-exp-reader-controls {
    position: absolute !important;
    z-index: 26 !important;
    left: 50% !important;
    bottom: clamp(.75rem, 2.1vh, 1.4rem) !important;
    transform: translateX(-50%) translateY(12px) !important;
    display: flex !important;
    gap: .7rem !important;
    align-items: center !important;
    justify-content: center !important;
    opacity: 0 !important;
    pointer-events: none !important;
    transition: opacity .35s ease, transform .35s ease !important;
}
.diary-experience.is-reading .diary-exp-reader-controls {
    opacity: 1 !important;
    pointer-events: auto !important;
    transform: translateX(-50%) translateY(0) !important;
}
.diary-exp-reader-controls button {
    position: relative !important;
    min-width: 132px !important;
    padding: .82rem 1.15rem !important;
}
.diary-exp-counter {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 74px !important;
    padding: .8rem 1rem !important;
    border-radius: 6px !important;
    border: 1px solid rgba(216,181,110,.34) !important;
    background: rgba(8,7,9,.72) !important;
    color: #f4dfaa !important;
    font-weight: 900 !important;
    letter-spacing: .14em !important;
}

/* Index modal refined */
.diary-exp-index-modal {
    z-index: 1000 !important;
}
.diary-exp-index-dialog {
    border: 1px solid rgba(216,181,110,.24) !important;
    background:
        radial-gradient(circle at 30% 0%, rgba(216,181,110,.12), transparent 34%),
        linear-gradient(180deg, rgba(22,17,15,.98), rgba(6,6,9,.98)) !important;
    box-shadow: 0 38px 120px rgba(0,0,0,.65) !important;
}
.diary-exp-index-item {
    border-color: rgba(216,181,110,.18) !important;
    background: rgba(255,255,255,.025) !important;
}
.diary-exp-index-item:hover,
.diary-exp-index-item.is-active {
    border-color: rgba(216,181,110,.46) !important;
    background: rgba(216,181,110,.08) !important;
}

/* Prevent body/header overlap on WordPress admin bar / large screens */
body.diary-experience-body .an-header-inner,
body.diary-room-body .an-header-inner {
    padding-top: .45rem !important;
    padding-bottom: .45rem !important;
}

/* Responsive */
@media (max-width: 1180px) {
    body.diary-experience-body,
    body.diary-room-body {
        overflow: auto !important;
    }
    body.diary-experience-body .an-main,
    body.diary-room-body .an-main {
        height: auto !important;
        min-height: calc(100vh - 84px) !important;
        overflow: visible !important;
    }
    .diary-experience {
        min-height: 820px !important;
        height: calc(100vh - 84px) !important;
    }
    .diary-exp-ui-top {
        grid-template-columns: 1fr auto !important;
    }
    .diary-exp-titleblock {
        grid-column: 1 / -1 !important;
        grid-row: 1 !important;
        max-width: 70vw !important;
        padding-top: 3.2rem !important;
    }
    .diary-exp-back { grid-column: 1 !important; grid-row: 1 !important; justify-self: start !important; }
    .diary-exp-actions { grid-column: 2 !important; grid-row: 1 !important; }
    .diary-exp-book {
        width: min(72vw, 780px) !important;
        height: min(42vh, 420px) !important;
        top: 58% !important;
        transform: translate(-50%, -50%) perspective(1300px) rotateX(8deg) scale(.8) !important;
    }
    .diary-experience.is-reading .diary-exp-book {
        width: min(88vw, 900px) !important;
        height: min(54vh, 520px) !important;
    }
}
@media (max-width: 760px) {
    .diary-experience {
        min-height: 780px !important;
    }
    .diary-exp-scene {
        background-position: center center !important;
    }
    .diary-exp-ui-top {
        left: .75rem !important;
        right: .75rem !important;
        grid-template-columns: 1fr !important;
        gap: .55rem !important;
    }
    .diary-exp-titleblock {
        padding-top: 4.3rem !important;
        max-width: 92vw !important;
    }
    .diary-exp-titleblock h1 {
        font-size: clamp(1.65rem, 8vw, 2.6rem) !important;
    }
    .diary-exp-titleblock p:not(.eyebrow) {
        font-size: .94rem !important;
    }
    .diary-exp-back,
    .diary-exp-index-button {
        min-width: 0 !important;
        padding: .72rem .9rem !important;
        font-size: .65rem !important;
    }
    .diary-exp-actions {
        flex-direction: row !important;
        justify-content: flex-end !important;
    }
    .diary-exp-book,
    .diary-experience.is-reading .diary-exp-book {
        top: 59% !important;
        width: calc(100vw - 1.6rem) !important;
        height: 49vh !important;
        transform: translate(-50%, -50%) perspective(1100px) rotateX(2deg) scale(1) !important;
    }
    .diary-exp-entry {
        grid-template-columns: 1fr !important;
        gap: 0 !important;
        overflow: hidden !important;
    }
    .diary-exp-paper-left {
        display: none !important;
    }
    .diary-exp-paper-right {
        padding: 1.25rem !important;
    }
    .diary-exp-handwriting p {
        -webkit-line-clamp: 10 !important;
        font-size: 1.35rem !important;
    }
    .diary-exp-reader-controls {
        flex-wrap: wrap !important;
        width: calc(100% - 1.5rem) !important;
        bottom: .65rem !important;
    }
    .diary-exp-reader-controls button {
        min-width: 0 !important;
        flex: 1 1 calc(50% - .5rem) !important;
        padding: .72rem .7rem !important;
        font-size: .58rem !important;
    }
    .diary-exp-counter {
        min-width: 62px !important;
        padding: .7rem .8rem !important;
    }
    .diary-exp-prompt {
        width: calc(100% - 2rem) !important;
        text-align: center !important;
        font-size: 1rem !important;
        padding: .8rem 1rem !important;
    }
}
@media (prefers-reduced-motion: reduce) {
    .diary-exp-scene::after { animation: none !important; }
    .diary-exp-book, .diary-exp-room, .diary-exp-reader-controls, .diary-exp-prompt { transition: none !important; }
}


/* V46.1: masks printed UI in generated background assets so real UI remains clean/clickable */
.diary-exp-scene::before {
    background:
        linear-gradient(180deg, rgba(0,0,0,.94) 0%, rgba(0,0,0,.72) 13%, rgba(0,0,0,.28) 30%, transparent 48%, transparent 78%, rgba(0,0,0,.32) 100%),
        radial-gradient(circle at 50% 40%, rgba(221,172,91,.08), transparent 26%),
        radial-gradient(circle at 50% 50%, transparent 0 58%, rgba(0,0,0,.58) 100%),
        linear-gradient(90deg, rgba(0,0,0,.45), transparent 24%, transparent 76%, rgba(0,0,0,.45)) !important;
}
.diary-exp-titleblock,
.diary-exp-actions,
.diary-exp-back,
.diary-exp-prompt,
.diary-exp-reader-controls {
    filter: drop-shadow(0 10px 28px rgba(0,0,0,.72)) !important;
}


/* ==================== V47 DIARY REFINEMENT ====================
   Goal: remove the ugly fake overlay feel, keep the room alive,
   and make the reading state feel embedded in the lectern. */
.diary-experience {
  --diary-parallax-x: 0px;
  --diary-parallax-y: 0px;
  --diary-book-tilt-x: 0deg;
  --diary-book-tilt-y: 0deg;
}

.diary-exp-scene {
  background-position: calc(50% + var(--diary-parallax-x)) calc(50% + var(--diary-parallax-y)) !important;
  background-size: cover !important;
  transition: background-position .34s ease-out, filter .45s ease, opacity .45s ease !important;
  animation: diaryRoomBreathing 18s ease-in-out infinite !important;
}
@keyframes diaryRoomBreathing {
  0%,100% { filter: brightness(.98) saturate(1); }
  50% { filter: brightness(1.04) saturate(1.03); }
}

/* Heavier masks so the baked UI/text inside the background references disappears. */
.diary-exp-scene::before {
  background:
    linear-gradient(180deg,
      rgba(3,3,6,.98) 0,
      rgba(3,3,6,.96) 72px,
      rgba(3,3,6,.90) 118px,
      rgba(3,3,6,.62) 180px,
      rgba(3,3,6,.18) 250px,
      transparent 330px),
    linear-gradient(0deg,
      rgba(3,3,6,.94) 0,
      rgba(3,3,6,.84) 88px,
      rgba(3,3,6,.42) 152px,
      transparent 230px),
    radial-gradient(circle at 50% 42%, rgba(227,175,87,.16), transparent 22%),
    radial-gradient(circle at 50% 55%, transparent 0 58%, rgba(0,0,0,.60) 100%),
    linear-gradient(90deg, rgba(0,0,0,.42), transparent 21%, transparent 79%, rgba(0,0,0,.42)) !important;
}
.diary-exp-scene::after {
  content: "" !important;
  position: absolute !important;
  inset: -4% !important;
  pointer-events: none !important;
  z-index: 3 !important;
  background:
    radial-gradient(circle at 50% 52%, rgba(255,222,166,.09), transparent 20%),
    radial-gradient(circle at 38% 46%, rgba(255,222,166,.06), transparent 16%),
    radial-gradient(circle at 64% 48%, rgba(255,222,166,.05), transparent 18%),
    linear-gradient(90deg, transparent 0%, rgba(255,245,220,.05) 48%, transparent 100%);
  opacity: .72 !important;
  mix-blend-mode: screen !important;
  animation: diaryFogDrift 14s ease-in-out infinite alternate !important;
}
@keyframes diaryFogDrift {
  0% { transform: translate3d(-1.2%, .8%, 0) scale(1.02); opacity: .46; }
  100% { transform: translate3d(1.6%, -1.2%, 0) scale(1.06); opacity: .78; }
}

.diary-exp-titleblock,
.diary-exp-actions,
.diary-exp-back,
.diary-exp-prompt,
.diary-exp-reader-controls {
  filter: drop-shadow(0 10px 26px rgba(0,0,0,.72)) !important;
}

/* FAR STATE: keep the generated room's diary visible, but make the real diary only a hotspot. */
.diary-experience:not(.is-reading) .diary-exp-book {
  width: min(20vw, 320px) !important;
  height: min(18vh, 200px) !important;
  top: 59% !important;
  opacity: 1 !important;
  background: transparent !important;
  transform: translate(-50%, -50%) perspective(1200px) rotateX(8deg) scale(1) !important;
  box-shadow: none !important;
}
.diary-experience:not(.is-reading) .diary-exp-cover-edge,
.diary-experience:not(.is-reading) .diary-exp-page-spread::before,
.diary-experience:not(.is-reading) .diary-exp-binding,
.diary-experience:not(.is-reading) .diary-exp-photo,
.diary-experience:not(.is-reading) .diary-exp-full-link,
.diary-experience:not(.is-reading) .diary-exp-reader-controls {
  display: none !important;
}
.diary-experience:not(.is-reading) .diary-exp-page-spread,
.diary-experience:not(.is-reading) .diary-exp-pages {
  background: transparent !important;
  inset: 0 !important;
}
.diary-experience:not(.is-reading) .diary-exp-entry,
.diary-experience:not(.is-reading) .diary-exp-paper,
.diary-experience:not(.is-reading) .diary-exp-paper-inner,
.diary-experience:not(.is-reading) .diary-exp-paper-right,
.diary-experience:not(.is-reading) .diary-exp-paper-left,
.diary-experience:not(.is-reading) .diary-exp-handwriting,
.diary-experience:not(.is-reading) .diary-exp-handwriting p,
.diary-experience:not(.is-reading) .diary-exp-meta,
.diary-experience:not(.is-reading) .diary-exp-mood,
.diary-experience:not(.is-reading) .diary-exp-page-no,
.diary-experience:not(.is-reading) .diary-exp-paper-left h2 {
  opacity: 0 !important;
  visibility: hidden !important;
}
.diary-experience:not(.is-reading) .diary-exp-book::after {
  content: "" !important;
  position: absolute !important;
  inset: -14px !important;
  border-radius: 20px !important;
  border: 1px dashed rgba(216,181,110,.0) !important;
  transition: border-color .25s ease, box-shadow .25s ease !important;
}
.diary-experience:not(.is-reading) .diary-exp-book:hover::after,
.diary-experience:not(.is-reading) .diary-exp-book:focus-visible::after {
  border-color: rgba(216,181,110,.56) !important;
  box-shadow: 0 0 0 6px rgba(216,181,110,.08) !important;
}

/* READING STATE: no fake card. The content is laid directly over the book in the scene. */
.diary-experience.is-reading .diary-exp-book {
  width: min(63vw, 1080px) !important;
  height: min(62vh, 640px) !important;
  top: 60.2% !important;
  opacity: 1 !important;
  background: transparent !important;
  transform: translate(-50%, -50%) perspective(1400px) rotateX(calc(1deg + var(--diary-book-tilt-y))) rotateY(var(--diary-book-tilt-x)) scale(1) !important;
  transition: top 1.05s cubic-bezier(.22,.61,.16,1), width 1.05s cubic-bezier(.22,.61,.16,1), height 1.05s cubic-bezier(.22,.61,.16,1), transform .6s ease !important;
}
.diary-experience.is-reading .diary-exp-cover-edge,
.diary-experience.is-reading .diary-exp-page-spread::before,
.diary-experience.is-reading .diary-exp-binding,
.diary-experience.is-reading .diary-exp-book-shadow {
  display: none !important;
}
.diary-experience.is-reading .diary-exp-page-spread,
.diary-experience.is-reading .diary-exp-pages {
  inset: 0 !important;
  background: transparent !important;
  overflow: visible !important;
}
.diary-experience.is-reading .diary-exp-entry {
  inset: 0 !important;
  display: grid !important;
  grid-template-columns: 42% 41% !important;
  justify-content: center !important;
  gap: 10.5% !important;
  padding: 10.2% 10.3% 14.4% 11.4% !important;
  opacity: 0 !important;
  visibility: hidden !important;
  transform: none !important;
}
.diary-experience.is-reading .diary-exp-entry.is-active {
  opacity: 1 !important;
  visibility: visible !important;
}
.diary-experience.is-reading .diary-exp-paper,
.diary-experience.is-reading .diary-exp-paper-inner,
.diary-experience.is-reading .diary-exp-paper-left,
.diary-experience.is-reading .diary-exp-paper-right {
  padding: 0 !important;
  min-height: 0 !important;
  background: transparent !important;
  overflow: hidden !important;
}
.diary-experience.is-reading .diary-exp-paper-inner {
  gap: .58rem !important;
}
.diary-experience.is-reading .diary-exp-page-no,
.diary-experience.is-reading .diary-exp-mood {
  color: #7b5a37 !important;
  font-size: clamp(.62rem, .72vw, .82rem) !important;
  letter-spacing: .18em !important;
}
.diary-experience.is-reading .diary-exp-paper-left h2 {
  max-width: 12ch !important;
  margin: .82rem 0 .22rem !important;
  color: #19120c !important;
  font-size: clamp(1.45rem, 3vw, 4rem) !important;
  line-height: .9 !important;
  letter-spacing: -.045em !important;
}
.diary-experience.is-reading .diary-exp-meta {
  color: rgba(54,36,24,.62) !important;
  font-size: clamp(.72rem, 1.02vw, 1rem) !important;
  line-height: 1.25 !important;
}
.diary-experience.is-reading .diary-exp-photo {
  margin-top: auto !important;
  height: clamp(88px, 16vh, 172px) !important;
  border-radius: 12px !important;
  border: 1px solid rgba(108,77,45,.12) !important;
  box-shadow: 0 18px 34px rgba(71,45,24,.12) !important;
  background: linear-gradient(180deg, #cfab72, #b08858) !important;
}
.diary-experience.is-reading .diary-exp-photo-placeholder {
  font-size: clamp(1.8rem, 4vw, 4.6rem) !important;
}
.diary-experience.is-reading .diary-exp-full-link {
  margin-top: .75rem !important;
  padding: .62rem .95rem !important;
  background: rgba(255,249,240,.28) !important;
  border: 1px solid rgba(76,52,34,.22) !important;
  color: #2b1d10 !important;
}
.diary-experience.is-reading .diary-exp-paper-right {
  padding-top: .3rem !important;
}
.diary-experience.is-reading .diary-exp-handwriting {
  overflow: hidden !important;
}
.diary-experience.is-reading .diary-exp-handwriting p {
  margin: 0 !important;
  color: #37291e !important;
  font-family: "Caveat", cursive !important;
  font-weight: 700 !important;
  font-size: clamp(1.45rem, 1.78vw, 2.25rem) !important;
  line-height: 1.32 !important;
  letter-spacing: .006em !important;
  -webkit-line-clamp: 10 !important;
}
.diary-experience.is-reading .diary-exp-reader-controls {
  gap: .75rem !important;
}
.diary-experience.is-reading .diary-exp-reader-controls button,
.diary-experience.is-reading .diary-exp-counter {
  border-radius: 4px !important;
  border-color: rgba(216,181,110,.5) !important;
  background: linear-gradient(180deg, rgba(18,14,12,.92), rgba(7,6,8,.92)) !important;
  box-shadow: 0 16px 38px rgba(0,0,0,.38), inset 0 0 0 1px rgba(255,238,199,.05) !important;
}

/* Subtle alive room feeling. */
.diary-exp-ui-top { z-index: 35 !important; }
.diary-exp-back, .diary-exp-index-button { position: relative !important; z-index: 36 !important; }
.diary-exp-book { z-index: 12 !important; }
.diary-exp-prompt { z-index: 30 !important; }

/* Responsive guardrails */
@media (min-width: 1500px) {
  .diary-experience.is-reading .diary-exp-book {
    width: min(59vw, 1120px) !important;
    height: min(64vh, 690px) !important;
  }
}
@media (max-width: 1200px) {
  .diary-experience.is-reading .diary-exp-book {
    width: min(77vw, 940px) !important;
    height: min(58vh, 540px) !important;
  }
  .diary-experience.is-reading .diary-exp-entry {
    padding: 11.8% 10.6% 15.8% 11.2% !important;
    grid-template-columns: 42% 40% !important;
    gap: 9.6% !important;
  }
}
@media (max-width: 860px) {
  .diary-exp-scene::before {
    background:
      linear-gradient(180deg, rgba(3,3,6,.98) 0, rgba(3,3,6,.94) 110px, rgba(3,3,6,.72) 210px, transparent 320px),
      linear-gradient(0deg, rgba(3,3,6,.94) 0, rgba(3,3,6,.54) 120px, transparent 220px),
      radial-gradient(circle at 50% 42%, rgba(227,175,87,.12), transparent 22%),
      linear-gradient(90deg, rgba(0,0,0,.46), transparent 12%, transparent 88%, rgba(0,0,0,.46)) !important;
  }
}
@media (max-width: 760px) {
  .diary-experience.is-reading .diary-exp-book,
  .diary-experience:not(.is-reading) .diary-exp-book {
    width: calc(100vw - 2rem) !important;
    height: 48vh !important;
    top: 60.5% !important;
  }
  .diary-experience.is-reading .diary-exp-entry {
    grid-template-columns: 1fr !important;
    gap: 0 !important;
    padding: 12% 14% 16% 14% !important;
  }
  .diary-experience.is-reading .diary-exp-paper-left {
    display: none !important;
  }
  .diary-experience.is-reading .diary-exp-paper-right {
    padding-top: 12% !important;
  }
  .diary-experience.is-reading .diary-exp-handwriting p {
    font-size: clamp(1.15rem, 5vw, 1.6rem) !important;
    -webkit-line-clamp: 10 !important;
  }
}


/* ==================== V48 DIARY CLEAN READING ====================
   V47 was visually interesting but confusing because the generated reading
   mockup and the real HTML diary overlapped. V48 keeps the cinematic room
   as environment, then renders one clean real diary layer only. */

.diary-experience {
  --diary-parallax-x: 0px;
  --diary-parallax-y: 0px;
  --diary-book-tilt-x: 0deg;
  --diary-book-tilt-y: 0deg;
}

/* Use ONLY the room/overview art as the environment in both states.
   This prevents baked text from the reading mockup from overlapping the real diary. */
.diary-exp-scene,
.diary-experience.is-reading .diary-exp-scene {
  background:
    linear-gradient(180deg, rgba(2,2,5,.08), rgba(2,2,5,.22)),
    url('../img/diary-room-overview.png') calc(50% + var(--diary-parallax-x)) calc(50% + var(--diary-parallax-y)) / cover no-repeat !important;
  animation: diaryRoomV48Breathing 18s ease-in-out infinite !important;
  transition: background-position .35s ease-out, filter .45s ease !important;
}
.diary-experience.is-reading .diary-exp-scene {
  filter: saturate(1.05) brightness(.92) !important;
}
@keyframes diaryRoomV48Breathing {
  0%,100% { filter: brightness(.96) saturate(1); }
  50% { filter: brightness(1.03) saturate(1.04); }
}

/* Darken UI/text baked inside the background, preserve room depth. */
.diary-exp-scene::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 2 !important;
  pointer-events: none !important;
  background:
    linear-gradient(180deg,
      rgba(3,3,7,.98) 0,
      rgba(3,3,7,.96) 70px,
      rgba(3,3,7,.88) 124px,
      rgba(3,3,7,.50) 200px,
      rgba(3,3,7,.10) 320px,
      transparent 420px),
    linear-gradient(0deg,
      rgba(3,3,7,.96) 0,
      rgba(3,3,7,.78) 82px,
      rgba(3,3,7,.34) 160px,
      transparent 260px),
    radial-gradient(circle at 50% 46%, rgba(227,176,87,.13), transparent 28%),
    radial-gradient(circle at 50% 55%, transparent 0 58%, rgba(0,0,0,.62) 100%),
    linear-gradient(90deg, rgba(0,0,0,.48), transparent 20%, transparent 80%, rgba(0,0,0,.48)) !important;
}
.diary-exp-scene::after {
  content: "" !important;
  position: absolute !important;
  inset: -5% !important;
  z-index: 3 !important;
  pointer-events: none !important;
  background:
    radial-gradient(circle at 50% 52%, rgba(255,226,170,.09), transparent 20%),
    radial-gradient(circle at 36% 48%, rgba(255,226,170,.055), transparent 18%),
    radial-gradient(circle at 66% 48%, rgba(255,226,170,.045), transparent 19%),
    radial-gradient(circle at 20% 70%, rgba(255,246,220,.35) 0 1px, transparent 2px),
    radial-gradient(circle at 82% 32%, rgba(255,246,220,.28) 0 1px, transparent 2px),
    radial-gradient(circle at 55% 18%, rgba(255,246,220,.22) 0 1px, transparent 2px);
  mix-blend-mode: screen !important;
  opacity: .55 !important;
  animation: diaryV48Fog 15s ease-in-out infinite alternate !important;
}
@keyframes diaryV48Fog {
  0% { transform: translate3d(-1.1%, .7%, 0) scale(1.02); opacity: .38; }
  100% { transform: translate3d(1.4%, -1%, 0) scale(1.06); opacity: .70; }
}

/* Hide procedural room scaffolding. */
.diary-exp-room,
.diary-exp-table,
.diary-exp-backwall,
.diary-exp-sidewall,
.diary-exp-floor,
.diary-exp-ceiling-lamp,
.diary-exp-light,
.diary-exp-cabinet,
.diary-exp-notes,
.diary-exp-dust {
  display: none !important;
}

/* Top UI: keep clean, readable, not doubled. */
.diary-exp-ui-top {
  z-index: 42 !important;
}
.diary-exp-titleblock {
  max-width: min(52vw, 780px) !important;
  text-shadow: 0 12px 34px rgba(0,0,0,.92) !important;
}
.diary-exp-titleblock .eyebrow {
  display: none !important;
}
.diary-exp-titleblock h1 {
  font-family: Georgia, "Times New Roman", serif !important;
  font-weight: 400 !important;
  letter-spacing: -.04em !important;
  color: #fff3df !important;
  font-size: clamp(2rem, 3.45vw, 4.1rem) !important;
}
.diary-exp-titleblock p:not(.eyebrow) {
  font-family: Georgia, "Times New Roman", serif !important;
  max-width: 45rem !important;
  color: rgba(255,243,224,.86) !important;
  font-size: clamp(1rem, 1.18vw, 1.35rem) !important;
}
.diary-exp-back,
.diary-exp-index-button,
.diary-exp-reader-controls button,
.diary-exp-counter {
  border-radius: 5px !important;
  border: 1px solid rgba(216,181,110,.42) !important;
  background: linear-gradient(180deg, rgba(22,18,16,.88), rgba(7,6,8,.86)) !important;
  color: #f6dfa9 !important;
  box-shadow: 0 16px 38px rgba(0,0,0,.36), inset 0 0 0 1px rgba(255,236,190,.06) !important;
}
.diary-exp-back:hover,
.diary-exp-index-button:hover,
.diary-exp-reader-controls button:hover {
  border-color: rgba(246,217,154,.72) !important;
  color: #ffe9b8 !important;
}

/* INITIAL STATE: there must be a room, not an already-readable book.
   The actual HTML diary becomes an invisible hotspot over the generated small diary. */
.diary-experience:not(.is-reading) .diary-exp-book {
  position: absolute !important;
  left: 50% !important;
  top: 58.3% !important;
  z-index: 18 !important;
  width: min(22vw, 360px) !important;
  height: min(19vh, 220px) !important;
  transform: translate(-50%, -50%) !important;
  opacity: 1 !important;
  cursor: pointer !important;
  background: transparent !important;
}
.diary-experience:not(.is-reading) .diary-exp-book * {
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
}
.diary-experience:not(.is-reading) .diary-exp-book::after {
  content: "" !important;
  position: absolute !important;
  inset: -14px !important;
  border-radius: 20px !important;
  border: 1px solid rgba(216,181,110,0) !important;
  box-shadow: none !important;
  transition: border-color .25s ease, box-shadow .25s ease !important;
}
.diary-experience:not(.is-reading) .diary-exp-book:hover::after,
.diary-experience:not(.is-reading) .diary-exp-book:focus-visible::after {
  border-color: rgba(216,181,110,.48) !important;
  box-shadow: 0 0 0 7px rgba(216,181,110,.08) !important;
}

/* READING STATE: render ONE clean diary only, not a second image diary. */
.diary-experience.is-reading .diary-exp-book {
  position: absolute !important;
  left: 50% !important;
  top: 58.6% !important;
  z-index: 20 !important;
  width: min(58vw, 960px) !important;
  height: min(52vh, 560px) !important;
  opacity: 1 !important;
  transform:
    translate(-50%, -50%)
    perspective(1500px)
    rotateX(calc(3deg + var(--diary-book-tilt-y)))
    rotateY(var(--diary-book-tilt-x))
    scale(1) !important;
  transform-origin: 50% 78% !important;
  cursor: default !important;
  transition:
    top 1s cubic-bezier(.22,.61,.16,1),
    width 1s cubic-bezier(.22,.61,.16,1),
    height 1s cubic-bezier(.22,.61,.16,1),
    transform .55s ease !important;
}
.diary-experience.is-reading .diary-exp-cover-edge {
  display: block !important;
  opacity: 1 !important;
  visibility: visible !important;
  position: absolute !important;
  inset: -26px -32px 34px !important;
  z-index: 0 !important;
  border-radius: 18px !important;
  background:
    linear-gradient(180deg, rgba(55,35,22,.96), rgba(20,13,10,.99)) !important;
  border: 1px solid rgba(216,181,110,.32) !important;
  box-shadow:
    0 45px 90px rgba(0,0,0,.58),
    inset 0 0 0 2px rgba(190,136,72,.12),
    inset 0 0 60px rgba(0,0,0,.30) !important;
}
.diary-experience.is-reading .diary-exp-cover-edge::before,
.diary-experience.is-reading .diary-exp-cover-edge::after {
  content: "" !important;
  position: absolute !important;
  width: 56px !important;
  height: 56px !important;
  border: 2px solid rgba(196,135,72,.45) !important;
}
.diary-experience.is-reading .diary-exp-cover-edge::before {
  left: 15px !important; top: 15px !important; border-right: 0 !important; border-bottom: 0 !important;
}
.diary-experience.is-reading .diary-exp-cover-edge::after {
  right: 15px !important; top: 15px !important; border-left: 0 !important; border-bottom: 0 !important;
}

.diary-experience.is-reading .diary-exp-page-spread,
.diary-experience.is-reading .diary-exp-pages {
  position: absolute !important;
  inset: 0 !important;
  z-index: 1 !important;
  opacity: 1 !important;
  visibility: visible !important;
}
.diary-experience.is-reading .diary-exp-page-spread {
  border-radius: 18px !important;
  overflow: visible !important;
}
.diary-experience.is-reading .diary-exp-page-spread::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 0 !important;
  border-radius: 16px !important;
  background:
    radial-gradient(circle at 28% 20%, rgba(255,255,255,.38), transparent 22%),
    radial-gradient(circle at 75% 32%, rgba(255,255,255,.23), transparent 24%),
    linear-gradient(90deg,
      #dec9a8 0%,
      #f8efd9 9%,
      #fff7e7 47.5%,
      #d7b789 49.1%,
      #ad7647 50%,
      #d7b789 50.9%,
      #fff7e7 52.5%,
      #f8efd9 91%,
      #dec9a8 100%) !important;
  border: 1px solid rgba(80,53,34,.12) !important;
  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,.22),
    inset 0 -24px 34px rgba(87,55,32,.06),
    0 18px 35px rgba(0,0,0,.20) !important;
}
.diary-experience.is-reading .diary-exp-page-spread::after {
  content: "" !important;
  position: absolute !important;
  left: 50% !important;
  top: 0 !important;
  bottom: 0 !important;
  width: 34px !important;
  transform: translateX(-50%) !important;
  z-index: 1 !important;
  background:
    linear-gradient(90deg,
      rgba(90,56,31,.04),
      rgba(105,68,39,.24),
      rgba(255,255,255,.32),
      rgba(105,68,39,.22),
      rgba(90,56,31,.04)) !important;
  pointer-events: none !important;
}
.diary-experience.is-reading .diary-exp-binding,
.diary-experience.is-reading .diary-exp-book-shadow {
  display: none !important;
}

.diary-experience.is-reading .diary-exp-entry {
  position: absolute !important;
  inset: 0 !important;
  z-index: 2 !important;
  display: none !important;
  grid-template-columns: 42% 42% !important;
  justify-content: center !important;
  gap: 9.8% !important;
  padding: 8.5% 10.5% 12.5% 10.8% !important;
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
  transform: none !important;
}
.diary-experience.is-reading .diary-exp-entry.is-active {
  display: grid !important;
}
.diary-experience.is-reading .diary-exp-paper,
.diary-experience.is-reading .diary-exp-paper-inner,
.diary-experience.is-reading .diary-exp-paper-left,
.diary-experience.is-reading .diary-exp-paper-right {
  opacity: 1 !important;
  visibility: visible !important;
  padding: 0 !important;
  background: transparent !important;
  overflow: hidden !important;
  min-width: 0 !important;
  min-height: 0 !important;
}
.diary-experience.is-reading .diary-exp-paper-inner {
  height: 100% !important;
  display: flex !important;
  flex-direction: column !important;
  gap: .58rem !important;
}
.diary-experience.is-reading .diary-exp-page-no,
.diary-experience.is-reading .diary-exp-mood {
  margin: 0 !important;
  text-transform: uppercase !important;
  color: #7b5834 !important;
  font-size: clamp(.62rem, .72vw, .82rem) !important;
  font-weight: 900 !important;
  letter-spacing: .18em !important;
}
.diary-experience.is-reading .diary-exp-paper-left h2 {
  margin: .85rem 0 .22rem !important;
  color: #18110c !important;
  font-family: Georgia, "Times New Roman", serif !important;
  font-size: clamp(1.45rem, 2.7vw, 3.7rem) !important;
  line-height: .91 !important;
  letter-spacing: -.045em !important;
  max-width: 12ch !important;
  opacity: 1 !important;
}
.diary-experience.is-reading .diary-exp-meta {
  margin: 0 !important;
  color: rgba(54,36,24,.64) !important;
  font-size: clamp(.74rem, .98vw, 1rem) !important;
  line-height: 1.25 !important;
  opacity: 1 !important;
}
.diary-experience.is-reading .diary-exp-photo {
  margin-top: auto !important;
  width: 100% !important;
  height: clamp(86px, 15vh, 158px) !important;
  border-radius: 12px !important;
  overflow: hidden !important;
  border: 1px solid rgba(108,77,45,.12) !important;
  background: linear-gradient(180deg, #caa56c, #a47a4d) !important;
  box-shadow: 0 18px 34px rgba(71,45,24,.12) !important;
  opacity: 1 !important;
}
.diary-experience.is-reading .diary-exp-photo:has(.diary-exp-photo-placeholder) {
  display: none !important;
}
.diary-experience.is-reading .diary-exp-photo img,
.diary-experience.is-reading .diary-exp-photo video {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  display: block !important;
}
.diary-experience.is-reading .diary-exp-full-link {
  align-self: flex-start !important;
  margin-top: auto !important;
  padding: .62rem .95rem !important;
  border-radius: 999px !important;
  border: 1px solid rgba(76,52,34,.24) !important;
  background: rgba(255,249,240,.30) !important;
  color: #2b1d10 !important;
  font-size: clamp(.58rem, .78vw, .74rem) !important;
  font-weight: 900 !important;
  letter-spacing: .12em !important;
  text-transform: uppercase !important;
  text-decoration: none !important;
  opacity: 1 !important;
}
.diary-experience.is-reading .diary-exp-paper-right {
  padding-top: .25rem !important;
}
.diary-experience.is-reading .diary-exp-handwriting,
.diary-experience.is-reading .diary-exp-handwriting p {
  opacity: 1 !important;
  visibility: visible !important;
}
.diary-experience.is-reading .diary-exp-handwriting p {
  margin: 0 !important;
  display: -webkit-box !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 10 !important;
  overflow: hidden !important;
  color: #34261b !important;
  font-family: "Caveat", cursive !important;
  font-weight: 700 !important;
  font-size: clamp(1.35rem, 1.65vw, 2.05rem) !important;
  line-height: 1.32 !important;
  letter-spacing: .008em !important;
}

/* Bottom controls: less bulky, less confusing. */
.diary-exp-prompt {
  z-index: 34 !important;
  bottom: clamp(1.1rem, 3vh, 2rem) !important;
  border-radius: 5px !important;
  border: 1px solid rgba(216,181,110,.42) !important;
  background: linear-gradient(180deg, rgba(20,16,14,.86), rgba(7,6,8,.82)) !important;
  color: #f6dfa9 !important;
  box-shadow: 0 18px 44px rgba(0,0,0,.38), inset 0 0 0 1px rgba(255,237,199,.06) !important;
}
.diary-exp-reader-controls {
  z-index: 36 !important;
  gap: .65rem !important;
  bottom: clamp(.8rem, 2vh, 1.25rem) !important;
}
.diary-exp-reader-controls button {
  min-width: 124px !important;
  padding: .72rem .95rem !important;
  font-size: .66rem !important;
}
.diary-exp-counter {
  min-width: 66px !important;
  padding: .72rem .9rem !important;
  font-size: .76rem !important;
  font-weight: 900 !important;
  letter-spacing: .14em !important;
}

@media (min-width: 1500px) {
  .diary-experience.is-reading .diary-exp-book {
    width: min(54vw, 1040px) !important;
    height: min(56vh, 660px) !important;
  }
}
@media (max-width: 1180px) {
  .diary-experience.is-reading .diary-exp-book {
    width: min(82vw, 920px) !important;
    height: min(54vh, 530px) !important;
  }
  .diary-experience.is-reading .diary-exp-entry {
    grid-template-columns: 42% 41% !important;
    gap: 9.4% !important;
    padding: 10.5% 10% 14% 10.5% !important;
  }
}
@media (max-width: 760px) {
  .diary-experience.is-reading .diary-exp-book,
  .diary-experience:not(.is-reading) .diary-exp-book {
    width: calc(100vw - 2rem) !important;
    height: 48vh !important;
    top: 60% !important;
  }
  .diary-experience.is-reading .diary-exp-entry {
    grid-template-columns: 1fr !important;
    padding: 12% 14% 16% 14% !important;
  }
  .diary-experience.is-reading .diary-exp-paper-left {
    display: none !important;
  }
  .diary-experience.is-reading .diary-exp-handwriting p {
    font-size: 1.25rem !important;
    -webkit-line-clamp: 9 !important;
  }
}


/* ==================== V49 DIARIO FOTOREALISTICO ====================
   Reset netto: niente diario HTML sovrapposto visivamente.
   La resa visiva usa i due mockup approvati come scene.
   HTML/CSS/JS restano come layer interattivo invisibile: hotspot, indice,
   back, avvicinamento/allontanamento. */

body.diary-experience-body,
body.diary-room-body {
  overflow: hidden !important;
  background: #020206 !important;
}

body.diary-experience-body .an-header,
body.diary-room-body .an-header {
  display: none !important;
}

body.diary-experience-body .an-footer,
body.diary-room-body .an-footer {
  display: none !important;
}

body.diary-experience-body .an-main,
body.diary-room-body .an-main {
  height: 100vh !important;
  min-height: 100vh !important;
  overflow: hidden !important;
  padding: 0 !important;
}

body.admin-bar.diary-experience-body .an-main,
body.admin-bar.diary-room-body .an-main {
  height: calc(100vh - 32px) !important;
  min-height: calc(100vh - 32px) !important;
}

.diary-experience {
  position: relative !important;
  width: 100vw !important;
  height: 100% !important;
  min-height: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  overflow: hidden !important;
  background: #020206 !important;
  isolation: isolate !important;
}

/* Exact approved overview/reading scenes */
.diary-exp-scene,
.diary-experience.is-reading .diary-exp-scene {
  position: absolute !important;
  inset: 0 !important;
  overflow: hidden !important;
  cursor: pointer !important;
  background-color: #020206 !important;
  background-position: center center !important;
  background-size: cover !important;
  background-repeat: no-repeat !important;
  transition: filter .7s ease, transform .7s ease !important;
}

.diary-exp-scene {
  background-image: url('../img/diary-v49-overview.png') !important;
}

.diary-experience.is-reading .diary-exp-scene {
  background-image: url('../img/diary-v49-reading.png') !important;
  cursor: default !important;
}

/* Subtle life without destroying the mockup */
.diary-exp-scene::before {
  content: "" !important;
  position: absolute !important;
  inset: -3% !important;
  z-index: 2 !important;
  pointer-events: none !important;
  background:
    radial-gradient(circle at 50% 45%, rgba(255, 218, 150, .06), transparent 23%),
    radial-gradient(circle at 20% 24%, rgba(255, 238, 204, .035), transparent 18%),
    radial-gradient(circle at 82% 38%, rgba(255, 214, 148, .04), transparent 18%),
    radial-gradient(circle at 18% 68%, rgba(255, 248, 230, .32) 0 1px, transparent 2px),
    radial-gradient(circle at 82% 22%, rgba(255, 248, 230, .22) 0 1px, transparent 2px),
    radial-gradient(circle at 56% 74%, rgba(255, 248, 230, .16) 0 1px, transparent 2px);
  mix-blend-mode: screen !important;
  opacity: .45 !important;
  animation: diaryV49Dust 18s ease-in-out infinite alternate !important;
}

@keyframes diaryV49Dust {
  from { transform: translate3d(-.8%, .55%, 0) scale(1.01); opacity: .32; }
  to { transform: translate3d(.95%, -.75%, 0) scale(1.04); opacity: .58; }
}

.diary-exp-scene::after {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 3 !important;
  pointer-events: none !important;
  background:
    radial-gradient(circle at 50% 52%, transparent 0 48%, rgba(0,0,0,.18) 72%, rgba(0,0,0,.34) 100%),
    linear-gradient(180deg, rgba(0,0,0,.18), transparent 22%, transparent 76%, rgba(0,0,0,.20));
}

/* Remove every old procedural/fake visual element */
.diary-exp-room,
.diary-exp-table,
.diary-exp-backwall,
.diary-exp-sidewall,
.diary-exp-floor,
.diary-exp-ceiling-lamp,
.diary-exp-light,
.diary-exp-cabinet,
.diary-exp-notes,
.diary-exp-dust,
.diary-exp-cover-edge,
.diary-exp-page-spread,
.diary-exp-book-shadow,
.diary-exp-binding,
.diary-exp-pages,
.diary-exp-entry,
.diary-exp-paper,
.diary-exp-paper-inner,
.diary-exp-paper-left,
.diary-exp-paper-right,
.diary-exp-photo,
.diary-exp-photo-placeholder,
.diary-exp-full-link,
.diary-exp-handwriting,
.diary-exp-handwriting p,
.diary-exp-page-no,
.diary-exp-mood,
.diary-exp-meta {
  opacity: 0 !important;
  visibility: hidden !important;
}

/* Hide real visual UI because it is already part of the approved mockup.
   Keep the elements clickable as transparent hotspots. */
.diary-exp-ui-top,
.diary-exp-titleblock,
.diary-exp-back,
.diary-exp-actions,
.diary-exp-index-button,
.diary-exp-prompt,
.diary-exp-reader-controls,
.diary-exp-reader-controls button,
.diary-exp-counter {
  background: transparent !important;
  border-color: transparent !important;
  box-shadow: none !important;
  color: transparent !important;
  text-shadow: none !important;
  outline: none !important;
}

.diary-exp-titleblock {
  display: none !important;
}

/* Clickable hotspot for initial diary/lectern area */
.diary-exp-book {
  position: absolute !important;
  left: 50% !important;
  top: 55% !important;
  z-index: 20 !important;
  width: 26vw !important;
  max-width: 520px !important;
  min-width: 280px !important;
  height: 28vh !important;
  min-height: 180px !important;
  transform: translate(-50%, -50%) !important;
  cursor: pointer !important;
  background: transparent !important;
  opacity: 1 !important;
  visibility: visible !important;
}

.diary-experience.is-reading .diary-exp-book {
  width: 64vw !important;
  max-width: 1120px !important;
  min-width: 780px !important;
  height: 66vh !important;
  min-height: 520px !important;
  top: 56% !important;
  cursor: default !important;
}

/* Transparent but clickable top controls */
.diary-exp-ui-top {
  display: block !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 50 !important;
  pointer-events: none !important;
}

.diary-exp-back {
  display: block !important;
  position: absolute !important;
  right: 3.1vw !important;
  top: 3.1vh !important;
  width: 15vw !important;
  min-width: 190px !important;
  height: 58px !important;
  z-index: 55 !important;
  pointer-events: auto !important;
  opacity: 1 !important;
  visibility: visible !important;
  padding: 0 !important;
  font-size: 0 !important;
}

.diary-exp-actions {
  display: block !important;
  position: absolute !important;
  right: 3.1vw !important;
  top: 10.4vh !important;
  width: 17vw !important;
  min-width: 210px !important;
  height: 62px !important;
  z-index: 55 !important;
  pointer-events: none !important;
  opacity: 1 !important;
  visibility: visible !important;
}

.diary-exp-index-button {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  pointer-events: auto !important;
  opacity: 1 !important;
  visibility: visible !important;
  font-size: 0 !important;
  padding: 0 !important;
}

/* Transparent but clickable bottom prompt in overview */
.diary-exp-prompt,
.diary-exp-hint {
  display: block !important;
  position: absolute !important;
  left: 50% !important;
  bottom: 4.4vh !important;
  transform: translateX(-50%) !important;
  width: min(34vw, 560px) !important;
  min-width: 360px !important;
  height: 74px !important;
  z-index: 55 !important;
  pointer-events: auto !important;
  opacity: 1 !important;
  visibility: visible !important;
  font-size: 0 !important;
  padding: 0 !important;
}

.diary-experience.is-reading .diary-exp-prompt,
.diary-experience.is-reading .diary-exp-hint {
  pointer-events: none !important;
}

/* Transparent but clickable reading controls */
.diary-exp-reader-controls {
  display: none !important;
  position: absolute !important;
  left: 50% !important;
  bottom: 4.4vh !important;
  transform: translateX(-50%) !important;
  width: min(46vw, 820px) !important;
  height: 70px !important;
  z-index: 60 !important;
  pointer-events: auto !important;
  opacity: 1 !important;
  visibility: visible !important;
}

.diary-experience.is-reading .diary-exp-reader-controls {
  display: flex !important;
  justify-content: center !important;
  gap: .5rem !important;
}

.diary-exp-reader-controls button,
.diary-exp-counter {
  display: block !important;
  height: 100% !important;
  pointer-events: auto !important;
  opacity: 1 !important;
  visibility: visible !important;
  font-size: 0 !important;
  padding: 0 !important;
}

/* approximate hitboxes over the baked buttons */
.diary-exp-reader-controls button[data-diary-newer] { width: 20% !important; }
.diary-exp-reader-controls button[data-diary-older] { width: 20% !important; }
.diary-exp-reader-controls button[data-diary-index-open] { width: 24% !important; }
.diary-exp-reader-controls button[data-diary-step-back] { width: 20% !important; }
.diary-exp-counter { width: 10% !important; pointer-events: none !important; }

/* Modal remains real/visible */
.diary-exp-index-modal,
.diary-exp-index-modal * {
  opacity: initial !important;
  visibility: initial !important;
}

.diary-exp-index-modal {
  z-index: 1000 !important;
}

.diary-exp-index-modal:not(.is-open) {
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

.diary-exp-index-modal.is-open {
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
}

.diary-exp-index-dialog,
.diary-exp-index-panel {
  background:
    radial-gradient(circle at 30% 0%, rgba(216,181,110,.13), transparent 34%),
    linear-gradient(180deg, rgba(22,17,15,.98), rgba(6,6,9,.98)) !important;
  border: 1px solid rgba(216,181,110,.28) !important;
  box-shadow: 0 38px 120px rgba(0,0,0,.68) !important;
}

/* Responsive: on non-desktop use a readable fallback rather than breaking */
@media (max-width: 1100px) {
  body.diary-experience-body,
  body.diary-room-body {
    overflow: auto !important;
  }

  body.diary-experience-body .an-main,
  body.diary-room-body .an-main {
    height: 100vh !important;
    min-height: 720px !important;
  }

  .diary-exp-scene,
  .diary-experience.is-reading .diary-exp-scene {
    background-position: center center !important;
  }

  .diary-exp-back {
    right: 1.2rem !important;
    top: 1rem !important;
    width: 190px !important;
  }

  .diary-exp-actions {
    right: 1.2rem !important;
    top: 5.4rem !important;
    width: 210px !important;
  }

  .diary-exp-book {
    width: 42vw !important;
    height: 28vh !important;
  }

  .diary-experience.is-reading .diary-exp-book {
    width: 86vw !important;
    min-width: 0 !important;
    height: 58vh !important;
    min-height: 0 !important;
  }

  .diary-exp-reader-controls {
    width: 72vw !important;
  }
}

@media (max-width: 760px) {
  .diary-exp-reader-controls {
    width: calc(100vw - 2rem) !important;
    bottom: 1rem !important;
  }

  .diary-exp-prompt,
  .diary-exp-hint {
    width: calc(100vw - 2rem) !important;
    min-width: 0 !important;
  }
}


/* ==================== DIARIO DI BORDO V50 ====================
   Rebuilt as layered frontend scene:
   room background, real UI, real lectern, real diary, real index. */

body.diary-v50-body,
body.diary-experience-body {
  overflow: hidden !important;
  background: #020206 !important;
}

body.diary-v50-body .an-header,
body.diary-experience-body .an-header,
body.diary-v50-body .an-footer,
body.diary-experience-body .an-footer {
  display: none !important;
}

body.diary-v50-body .an-main,
body.diary-experience-body .an-main {
  height: 100vh !important;
  min-height: 100vh !important;
  padding: 0 !important;
  overflow: hidden !important;
}

body.admin-bar.diary-v50-body .an-main,
body.admin-bar.diary-experience-body .an-main {
  height: calc(100vh - 32px) !important;
  min-height: calc(100vh - 32px) !important;
}

.diary-v50 {
  --mx: 0px;
  --my: 0px;
  --tilt-x: 0deg;
  --tilt-y: 0deg;
  position: relative;
  width: 100vw;
  height: 100%;
  min-height: 0;
  overflow: hidden;
  isolation: isolate;
  touch-action: none;
  background: #050303;
  color: #f8f1e3;
}

/* ROOM */
.diary-v50-room {
  position: absolute;
  inset: 0;
  z-index: 0;
  overflow: hidden;
  background: #050303;
}

.diary-v50-room-bg {
  position: absolute;
  inset: -2.4%;
  background-image: url('../img/diary-v50-room.png');
  background-size: cover;
  background-position: calc(50% + var(--mx)) calc(50% + var(--my));
  background-repeat: no-repeat;
  transform: scale(1.03);
  transition: background-position .25s ease-out, filter .8s ease, transform 1s cubic-bezier(.22,.61,.16,1);
  filter: brightness(.86) saturate(1.06);
  animation: diaryV50Breath 18s ease-in-out infinite alternate;
}

.diary-v50.is-reading .diary-v50-room-bg {
  transform: scale(1.09) translateY(-1.5%);
  filter: brightness(.55) saturate(1.02) blur(1.1px);
}

@keyframes diaryV50Breath {
  0% { filter: brightness(.82) saturate(1.03); }
  100% { filter: brightness(.94) saturate(1.09); }
}

.diary-v50-room::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 2;
  pointer-events: none;
  background:
    linear-gradient(180deg, rgba(2,2,6,.96) 0, rgba(2,2,6,.86) 82px, rgba(2,2,6,.40) 185px, transparent 340px),
    linear-gradient(0deg, rgba(2,2,6,.92) 0, rgba(2,2,6,.66) 92px, rgba(2,2,6,.18) 210px, transparent 330px),
    radial-gradient(circle at 50% 45%, rgba(222,170,88,.12), transparent 27%),
    radial-gradient(circle at 50% 55%, transparent 0 55%, rgba(0,0,0,.48) 100%),
    linear-gradient(90deg, rgba(0,0,0,.40), transparent 23%, transparent 77%, rgba(0,0,0,.40));
}

.diary-v50-room-depth {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 18vw;
  z-index: 3;
  pointer-events: none;
  background: linear-gradient(90deg, rgba(0,0,0,.46), transparent);
  opacity: .74;
}

.diary-v50-room-depth-left { left: 0; }
.diary-v50-room-depth-right { right: 0; transform: scaleX(-1); }

.diary-v50-light {
  position: absolute;
  pointer-events: none;
  z-index: 4;
  mix-blend-mode: screen;
  opacity: .44;
}

.diary-v50-light-main {
  left: 42%;
  top: -8%;
  width: 20vw;
  height: 62vh;
  background: linear-gradient(180deg, rgba(255,226,166,.30), rgba(255,226,166,.055) 42%, transparent 86%);
  filter: blur(14px);
  transform: skewX(-8deg);
  animation: diaryV50Light 9s ease-in-out infinite alternate;
}

.diary-v50-light-side {
  right: 16%;
  top: 11%;
  width: 13vw;
  height: 46vh;
  background: radial-gradient(ellipse at center, rgba(255,204,122,.22), transparent 68%);
  filter: blur(18px);
  animation: diaryV50Light 7s ease-in-out infinite alternate-reverse;
}

@keyframes diaryV50Light {
  0% { opacity: .34; transform: translateY(0) skewX(-8deg); }
  100% { opacity: .55; transform: translateY(1.4%) skewX(-6deg); }
}

.diary-v50-dust {
  position: absolute;
  inset: -4%;
  z-index: 5;
  pointer-events: none;
}

.diary-v50-dust span {
  position: absolute;
  left: var(--x);
  top: var(--y);
  width: var(--s);
  height: var(--s);
  border-radius: 50%;
  background: rgba(255,244,218,.55);
  box-shadow: 0 0 12px rgba(255,232,180,.28);
  opacity: .16;
  animation: diaryV50Dust 9s ease-in-out infinite alternate;
  animation-delay: var(--d);
}

@keyframes diaryV50Dust {
  0% { transform: translate3d(-8px, 8px, 0); opacity: .08; }
  50% { opacity: .28; }
  100% { transform: translate3d(10px, -12px, 0); opacity: .13; }
}

/* UI */
.diary-v50-ui {
  position: absolute;
  inset: 0;
  z-index: 40;
  pointer-events: none;
}

.diary-v50-lang,
.diary-v50-top-actions,
.diary-v50-brand,
.diary-v50-prompt,
.diary-v50-controls {
  pointer-events: auto;
}

.diary-v50-lang {
  position: absolute;
  left: clamp(1rem, 1.8vw, 2rem);
  top: clamp(.9rem, 1.8vh, 1.4rem);
  display: inline-flex;
  gap: .25rem;
  padding: .22rem;
  border: 1px solid rgba(217,185,121,.34);
  border-radius: 999px;
  background: rgba(7,6,8,.64);
  backdrop-filter: blur(12px);
}

.diary-v50-lang a {
  width: 38px;
  height: 38px;
  display: grid;
  place-items: center;
  border-radius: 999px;
  color: rgba(248,241,227,.78);
  text-decoration: none;
  font-size: .76rem;
  font-weight: 900;
  letter-spacing: .08em;
}

.diary-v50-lang a.is-active {
  background: #e3bf78;
  color: #17100b;
}

.diary-v50-brand {
  position: absolute;
  top: clamp(1rem, 2.1vh, 1.8rem);
  left: 50%;
  transform: translateX(-50%);
  text-align: center;
  width: min(48vw, 780px);
  text-shadow: 0 14px 32px rgba(0,0,0,.88);
}

.diary-v50-brand-mark {
  display: grid;
  place-items: center;
  min-height: 46px;
  margin-bottom: .2rem;
}

.diary-v50-brand-mark img {
  max-width: 58px;
  max-height: 58px;
  object-fit: contain;
  filter: drop-shadow(0 8px 18px rgba(0,0,0,.5));
}

.diary-v50-brand-mark span {
  color: #d9b979;
  font-weight: 900;
  letter-spacing: .32em;
  font-size: .86rem;
}

.diary-v50-brand h1 {
  margin: 0;
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(2rem, 3.2vw, 4.4rem);
  line-height: .92;
  font-weight: 400;
  letter-spacing: -.04em;
  color: #fff4e4;
}

.diary-v50-brand p {
  margin: .6rem auto 0;
  max-width: 44rem;
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(1rem, 1.12vw, 1.28rem);
  line-height: 1.45;
  color: rgba(255,244,228,.86);
}

.diary-v50-top-actions {
  position: absolute;
  right: clamp(1rem, 1.8vw, 2rem);
  top: clamp(.9rem, 1.8vh, 1.4rem);
  display: flex;
  flex-direction: column;
  gap: .75rem;
  align-items: stretch;
}

.diary-v50-button,
.diary-v50-prompt,
.diary-v50-counter {
  border: 1px solid rgba(217,185,121,.44);
  background:
    linear-gradient(180deg, rgba(22,18,14,.84), rgba(7,6,8,.80));
  color: #f0d590;
  text-decoration: none;
  text-transform: uppercase;
  font-weight: 900;
  letter-spacing: .13em;
  font-size: .72rem;
  border-radius: 6px;
  box-shadow: 0 18px 42px rgba(0,0,0,.36), inset 0 0 0 1px rgba(255,245,218,.05);
  backdrop-filter: blur(12px);
  cursor: pointer;
  transition: border-color .25s ease, background .25s ease, transform .25s ease, color .25s ease;
}

.diary-v50-button {
  min-width: 230px;
  padding: .9rem 1.15rem;
}

.diary-v50-button:hover,
.diary-v50-prompt:hover {
  border-color: rgba(255,226,164,.75);
  color: #ffe8b6;
  background: linear-gradient(180deg, rgba(42,31,20,.88), rgba(12,9,9,.86));
  transform: translateY(-1px);
}

/* STAGE */
.diary-v50-stage {
  position: absolute;
  left: 50%;
  top: 58%;
  z-index: 18;
  width: min(70vw, 1040px);
  height: min(56vh, 610px);
  transform: translate(-50%, -50%);
  pointer-events: none;
  perspective: 1600px;
  transition: top 1s cubic-bezier(.22,.61,.16,1), width 1s cubic-bezier(.22,.61,.16,1), height 1s cubic-bezier(.22,.61,.16,1);
}

.diary-v50.is-reading .diary-v50-stage {
  top: 59.5%;
  width: min(76vw, 1180px);
  height: min(66vh, 760px);
}

.diary-v50-lectern {
  position: absolute;
  left: 50%;
  bottom: 0;
  width: 56%;
  height: 46%;
  transform: translateX(-50%) translateY(6%);
  transform-style: preserve-3d;
  transition: transform 1s cubic-bezier(.22,.61,.16,1), opacity .5s ease;
}

.diary-v50.is-reading .diary-v50-lectern {
  transform: translateX(-50%) translateY(12%) scale(1.06);
  opacity: .9;
}

.diary-v50-lectern-shadow {
  position: absolute;
  left: 50%;
  bottom: -5%;
  width: 72%;
  height: 22%;
  transform: translateX(-50%);
  border-radius: 50%;
  background: radial-gradient(ellipse at center, rgba(0,0,0,.58), transparent 70%);
  filter: blur(10px);
}

.diary-v50-lectern-stand {
  position: absolute;
  left: 50%;
  bottom: 0;
  width: 36%;
  height: 18%;
  transform: translateX(-50%) perspective(900px) rotateX(70deg);
  background:
    linear-gradient(180deg, #7b5231, #3e2718),
    repeating-linear-gradient(90deg, rgba(255,255,255,.04) 0 2px, transparent 2px 9px);
  border-radius: 18px;
  border: 1px solid rgba(217,185,121,.16);
  box-shadow: 0 26px 42px rgba(0,0,0,.38), inset 0 2px 0 rgba(255,255,255,.05);
}

.diary-v50-lectern-column {
  position: absolute;
  left: 50%;
  bottom: 14%;
  width: 10%;
  height: 42%;
  transform: translateX(-50%);
  clip-path: polygon(25% 0, 75% 0, 92% 100%, 8% 100%);
  background: linear-gradient(90deg, #2e1d13, #795136 46%, #2e1d13);
  border: 1px solid rgba(217,185,121,.10);
}

.diary-v50-lectern-desk {
  position: absolute;
  left: 50%;
  bottom: 52%;
  width: 78%;
  height: 26%;
  transform: translateX(-50%) perspective(1400px) rotateX(66deg);
  transform-origin: 50% 100%;
  border-radius: 22px;
  background:
    linear-gradient(180deg, rgba(120,80,47,.96), rgba(49,31,19,.98)),
    repeating-linear-gradient(90deg, rgba(255,255,255,.04) 0 2px, transparent 2px 14px);
  border: 1px solid rgba(217,185,121,.18);
  box-shadow: 0 28px 46px rgba(0,0,0,.34), inset 0 2px 0 rgba(255,255,255,.05);
}

/* BOOK */
.diary-v50-book {
  position: absolute;
  left: 50%;
  top: 36%;
  z-index: 4;
  width: min(54vw, 760px);
  height: min(34vh, 360px);
  transform:
    translate(-50%, -50%)
    perspective(1400px)
    rotateX(calc(15deg + var(--tilt-y)))
    rotateY(var(--tilt-x))
    rotateZ(-.4deg)
    scale(.56);
  transform-origin: 50% 84%;
  transition:
    top 1s cubic-bezier(.22,.61,.16,1),
    width 1s cubic-bezier(.22,.61,.16,1),
    height 1s cubic-bezier(.22,.61,.16,1),
    transform .7s ease;
  pointer-events: auto;
  cursor: pointer;
}

.diary-v50.is-reading .diary-v50-book {
  top: 42%;
  width: min(62vw, 1040px);
  height: min(53vh, 610px);
  transform:
    translate(-50%, -50%)
    perspective(1500px)
    rotateX(calc(3deg + var(--tilt-y)))
    rotateY(var(--tilt-x))
    rotateZ(0deg)
    scale(1);
  cursor: default;
}

.diary-v50-book-cover {
  position: absolute;
  inset: -22px -28px 30px;
  border-radius: 18px;
  background:
    linear-gradient(180deg, rgba(52,34,23,.98), rgba(18,12,9,.99));
  border: 1px solid rgba(217,185,121,.28);
  box-shadow:
    0 50px 90px rgba(0,0,0,.56),
    inset 0 0 0 2px rgba(177,121,62,.11),
    inset 0 -70px 90px rgba(0,0,0,.34);
}

.diary-v50-book-cover::before,
.diary-v50-book-cover::after {
  content: "";
  position: absolute;
  width: 58px;
  height: 58px;
  border: 2px solid rgba(199,139,76,.42);
  opacity: .9;
}

.diary-v50-book-cover::before {
  left: 16px;
  top: 16px;
  border-right: 0;
  border-bottom: 0;
}

.diary-v50-book-cover::after {
  right: 16px;
  top: 16px;
  border-left: 0;
  border-bottom: 0;
}

.diary-v50-book-ornament {
  position: absolute;
  z-index: 6;
  pointer-events: none;
  opacity: .92;
}

.diary-v50-book-ornament-top {
  left: 50%;
  top: -36px;
  width: 84px;
  height: 72px;
  transform: translateX(-50%);
  background:
    radial-gradient(circle at 50% 18%, #e0b973 0 6px, transparent 7px),
    linear-gradient(45deg, transparent 38%, rgba(217,185,121,.72) 39% 43%, transparent 44%),
    linear-gradient(-45deg, transparent 38%, rgba(217,185,121,.72) 39% 43%, transparent 44%);
  filter: drop-shadow(0 10px 12px rgba(0,0,0,.38));
}

.diary-v50-book-ornament-left,
.diary-v50-book-ornament-right {
  top: 50%;
  width: 38px;
  height: 70px;
  border: 1px solid rgba(217,185,121,.42);
  background: linear-gradient(180deg, rgba(188,126,65,.68), rgba(77,45,23,.76));
  border-radius: 6px;
}

.diary-v50-book-ornament-left { left: -15px; }
.diary-v50-book-ornament-right { right: -15px; }

.diary-v50-book-pages {
  position: absolute;
  inset: 0;
  border-radius: 16px;
  overflow: hidden;
  background:
    radial-gradient(circle at 28% 18%, rgba(255,255,255,.42), transparent 22%),
    radial-gradient(circle at 78% 30%, rgba(255,255,255,.25), transparent 24%),
    linear-gradient(90deg,
      #dec8a6 0,
      #f6ecd7 8%,
      #fff6e5 48.2%,
      #ddbd8c 49.2%,
      #a56e3f 50%,
      #ddbd8c 50.8%,
      #fff6e5 51.8%,
      #f6ecd7 92%,
      #dec8a6 100%);
  border: 1px solid rgba(91,60,36,.12);
  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,.24),
    inset 0 -26px 34px rgba(91,57,32,.07),
    0 22px 34px rgba(0,0,0,.20);
}

.diary-v50-page-shadow {
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 3;
  background:
    linear-gradient(90deg, rgba(0,0,0,.06), transparent 11%, transparent 40%, rgba(68,42,22,.10) 48%, rgba(255,255,255,.26) 50%, rgba(68,42,22,.10) 52%, transparent 60%, transparent 88%, rgba(0,0,0,.06)),
    radial-gradient(ellipse at 50% 100%, rgba(101,64,38,.10), transparent 56%);
  mix-blend-mode: multiply;
}

.diary-v50-fold {
  position: absolute;
  left: 50%;
  top: 0;
  bottom: 0;
  width: 32px;
  transform: translateX(-50%);
  pointer-events: none;
  z-index: 4;
  background:
    linear-gradient(90deg, rgba(100,60,30,.04), rgba(100,60,30,.24), rgba(255,255,255,.34), rgba(100,60,30,.20), rgba(100,60,30,.04));
}

.diary-v50-entry {
  position: absolute;
  inset: 0;
  z-index: 5;
  display: none;
  grid-template-columns: 42% 42%;
  justify-content: center;
  gap: 9.5%;
  padding: 8.2% 10.5% 12% 10.6%;
  color: #26180e;
}

.diary-v50-entry.is-active {
  display: grid;
}

.diary-v50-page,
.diary-v50-page-inner {
  min-width: 0;
  min-height: 0;
}

.diary-v50-page-inner {
  height: 100%;
  display: flex;
  flex-direction: column;
  gap: .56rem;
  overflow: hidden;
}

.diary-v50-page-no,
.diary-v50-mood {
  margin: 0;
  text-transform: uppercase;
  color: #7b5732;
  font-size: clamp(.56rem, .7vw, .78rem);
  font-weight: 900;
  letter-spacing: .18em;
}

.diary-v50-page h2 {
  margin: .78rem 0 .2rem;
  max-width: 12ch;
  font-family: Georgia, "Times New Roman", serif;
  color: #19100a;
  font-size: clamp(1.15rem, 2.55vw, 3.55rem);
  line-height: .9;
  letter-spacing: -.045em;
}

.diary-v50-meta {
  margin: 0;
  color: rgba(53,35,23,.64);
  font-size: clamp(.62rem, .92vw, .98rem);
  line-height: 1.25;
}

.diary-v50-photo {
  margin-top: auto;
  width: 100%;
  height: clamp(88px, 14vh, 150px);
  border-radius: 12px;
  overflow: hidden;
  border: 1px solid rgba(108,77,45,.12);
  box-shadow: 0 18px 34px rgba(71,45,24,.12);
}

.diary-v50-photo img,
.diary-v50-photo video {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
}

.diary-v50-full-link {
  align-self: flex-start;
  margin-top: auto;
  padding: .62rem .9rem;
  border-radius: 999px;
  border: 1px solid rgba(76,52,34,.24);
  background: rgba(255,249,240,.31);
  color: #2b1d10;
  font-size: clamp(.56rem, .74vw, .72rem);
  font-weight: 900;
  letter-spacing: .12em;
  text-transform: uppercase;
  text-decoration: none;
}

.diary-v50-handwriting p {
  margin: 0;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 10;
  overflow: hidden;
  color: #35261b;
  font-family: "Caveat", cursive;
  font-weight: 700;
  font-size: clamp(1.22rem, 1.56vw, 2rem);
  line-height: 1.31;
}

/* Initial state hides readable content but keeps a true physical diary object. */
.diary-v50:not(.is-reading) .diary-v50-entry {
  opacity: .38;
  filter: blur(.45px);
}

.diary-v50:not(.is-reading) .diary-v50-page h2,
.diary-v50:not(.is-reading) .diary-v50-meta,
.diary-v50:not(.is-reading) .diary-v50-handwriting p,
.diary-v50:not(.is-reading) .diary-v50-full-link,
.diary-v50:not(.is-reading) .diary-v50-photo {
  opacity: .24;
}

.diary-v50-prompt {
  position: absolute;
  left: 50%;
  bottom: clamp(1.1rem, 3.5vh, 2.2rem);
  z-index: 42;
  transform: translateX(-50%);
  padding: .95rem 1.55rem;
  min-width: min(92vw, 430px);
  font-family: Georgia, "Times New Roman", serif;
  text-transform: none;
  font-size: clamp(1rem, 1.1vw, 1.22rem);
  letter-spacing: .04em;
  transition: opacity .35s ease, transform .35s ease;
}

.diary-v50.is-reading .diary-v50-prompt {
  opacity: 0;
  pointer-events: none;
  transform: translateX(-50%) translateY(10px);
}

.diary-v50-controls {
  position: absolute;
  left: 50%;
  bottom: clamp(.75rem, 2.2vh, 1.35rem);
  z-index: 44;
  transform: translateX(-50%) translateY(10px);
  display: flex;
  gap: .62rem;
  justify-content: center;
  align-items: center;
  opacity: 0;
  pointer-events: none;
  transition: opacity .35s ease, transform .35s ease;
}

.diary-v50.is-reading .diary-v50-controls {
  opacity: 1;
  pointer-events: auto;
  transform: translateX(-50%) translateY(0);
}

.diary-v50-controls .diary-v50-button {
  min-width: 126px;
  padding: .78rem 1rem;
}

.diary-v50-counter {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 70px;
  padding: .78rem .9rem;
}

/* MODAL */
.diary-v50-index-modal {
  position: fixed;
  inset: 0;
  z-index: 1000;
  display: grid;
  place-items: center;
  opacity: 0;
  pointer-events: none;
  visibility: hidden;
  transition: opacity .25s ease, visibility .25s ease;
}

.diary-v50-index-modal.is-open {
  opacity: 1;
  pointer-events: auto;
  visibility: visible;
}

.diary-v50-index-backdrop {
  position: absolute;
  inset: 0;
  border: 0;
  background: rgba(3,3,7,.72);
  backdrop-filter: blur(10px);
}

.diary-v50-index-panel {
  position: relative;
  width: min(900px, calc(100vw - 2rem));
  max-height: min(84vh, 820px);
  overflow: hidden;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  border-radius: 24px;
  border: 1px solid rgba(217,185,121,.24);
  background:
    radial-gradient(circle at 30% 0%, rgba(217,185,121,.12), transparent 34%),
    linear-gradient(180deg, rgba(22,17,15,.98), rgba(6,6,9,.98));
  box-shadow: 0 38px 120px rgba(0,0,0,.68);
  padding: 1.2rem;
}

.diary-v50-index-head {
  display: flex;
  justify-content: space-between;
  gap: 1rem;
  align-items: start;
}

.diary-v50-index-head p {
  margin: 0 0 .3rem;
  color: #d9b979;
  text-transform: uppercase;
  font-size: .72rem;
  font-weight: 900;
  letter-spacing: .16em;
}

.diary-v50-index-head h2 {
  margin: 0;
  font-family: Georgia, "Times New Roman", serif;
  font-weight: 400;
  font-size: clamp(1.8rem, 3vw, 3rem);
}

.diary-v50-index-head button {
  width: 44px;
  height: 44px;
  border-radius: 50%;
  border: 1px solid rgba(217,185,121,.24);
  background: transparent;
  color: #f8f1e3;
  font-size: 1.7rem;
  cursor: pointer;
}

.diary-v50-filter {
  display: flex;
  flex-direction: column;
  gap: .45rem;
  color: #d9b979;
  font-size: .72rem;
  font-weight: 900;
  letter-spacing: .16em;
  text-transform: uppercase;
}

.diary-v50-filter input {
  min-height: 52px;
  padding: 0 1rem;
  border-radius: 14px;
  border: 1px solid rgba(217,185,121,.18);
  background: rgba(255,255,255,.035);
  color: #f8f1e3;
  outline: none;
  touch-action: none;
}

.diary-v50-index-list {
  display: flex;
  flex-direction: column;
  gap: .7rem;
  min-height: 0;
  overflow: auto;
}

.diary-v50-index-item {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: .8rem 1rem;
  align-items: start;
  padding: 1rem;
  border-radius: 16px;
  border: 1px solid rgba(217,185,121,.14);
  background: rgba(255,255,255,.025);
  color: #f8f1e3;
  text-align: left;
  cursor: pointer;
}

.diary-v50-index-item:hover,
.diary-v50-index-item.is-active {
  border-color: rgba(217,185,121,.44);
  background: rgba(217,185,121,.08);
}

.diary-v50-index-item span {
  grid-row: span 3;
  color: #d9b979;
  font-family: Georgia, "Times New Roman", serif;
  font-size: 2rem;
  line-height: .9;
}

.diary-v50-index-item strong,
.diary-v50-index-item em,
.diary-v50-index-item small {
  display: block;
}

.diary-v50-index-item em {
  font-style: normal;
  color: rgba(248,241,227,.68);
}

.diary-v50-index-item small {
  color: #d9b979;
  text-transform: uppercase;
  letter-spacing: .12em;
}

html.an-modal-open,
html.an-modal-open body {
  overflow: hidden !important;
}

/* Responsive */
@media (min-width: 1540px) {
  .diary-v50-stage {
    width: min(66vw, 1180px);
  }
  .diary-v50.is-reading .diary-v50-stage {
    width: min(72vw, 1280px);
  }
}

@media (max-width: 1180px) {
  body.diary-v50-body,
  body.diary-experience-body {
    overflow: auto !important;
  }

  body.diary-v50-body .an-main,
  body.diary-experience-body .an-main {
    min-height: 820px !important;
    height: 100vh !important;
  }

  .diary-v50-brand {
    width: min(78vw, 760px);
    top: 4.8rem;
  }

  .diary-v50-stage,
  .diary-v50.is-reading .diary-v50-stage {
    width: min(94vw, 960px);
    height: min(58vh, 600px);
  }

  .diary-v50-book,
  .diary-v50.is-reading .diary-v50-book {
    width: min(86vw, 900px);
    height: min(50vh, 520px);
  }

  .diary-v50-top-actions {
    right: 1rem;
  }

  .diary-v50-button {
    min-width: 190px;
  }
}

@media (max-width: 760px) {
  body.diary-v50-body .an-main,
  body.diary-experience-body .an-main {
    min-height: 760px !important;
  }

  .diary-v50-brand {
    width: calc(100vw - 2rem);
    top: 5.2rem;
  }

  .diary-v50-brand h1 {
    font-size: clamp(1.8rem, 8vw, 2.7rem);
  }

  .diary-v50-brand p {
    font-size: .92rem;
  }

  .diary-v50-top-actions {
    top: .85rem;
    right: .85rem;
    gap: .5rem;
  }

  .diary-v50-button {
    min-width: 0;
    padding: .65rem .72rem;
    font-size: .58rem;
  }

  .diary-v50-stage,
  .diary-v50.is-reading .diary-v50-stage {
    width: 100vw;
    height: 56vh;
    top: 62%;
  }

  .diary-v50-book,
  .diary-v50.is-reading .diary-v50-book {
    width: calc(100vw - 1.8rem);
    height: 47vh;
  }

  .diary-v50-entry {
    grid-template-columns: 1fr;
    padding: 12% 13% 16%;
  }

  .diary-v50-page-left {
    display: none;
  }

  .diary-v50-handwriting p {
    font-size: 1.22rem;
    -webkit-line-clamp: 9;
  }

  .diary-v50-controls {
    width: calc(100vw - 1rem);
    flex-wrap: wrap;
    bottom: .7rem;
    gap: .45rem;
  }

  .diary-v50-controls .diary-v50-button {
    flex: 1 1 calc(50% - .45rem);
  }

  .diary-v50-counter {
    flex: 1 1 100%;
  }

  .diary-v50-prompt {
    min-width: 0;
    width: calc(100vw - 2rem);
  }
}

@media (prefers-reduced-motion: reduce) {
  .diary-v50-room-bg,
  .diary-v50-light,
  .diary-v50-dust span {
    animation: none !important;
  }
}


/* ==================== DIARIO DI BORDO V51 / REAL 3D LAYER ==================== */

body.diary-v51-body {
  overflow: hidden !important;
  background: #020206 !important;
}

body.diary-v51-body .an-header,
body.diary-v51-body .an-footer {
  display: none !important;
}

body.diary-v51-body .an-main {
  height: 100vh !important;
  min-height: 100vh !important;
  padding: 0 !important;
  overflow: hidden !important;
}

body.admin-bar.diary-v51-body .an-main {
  height: calc(100vh - 32px) !important;
  min-height: calc(100vh - 32px) !important;
}

.diary-v51 {
  --mx: 0px;
  --my: 0px;
  position: relative;
  width: 100vw;
  height: 100%;
  overflow: hidden;
  isolation: isolate;
  touch-action: none;
  background: #050303;
  color: #f8f1e3;
}

.diary-v51-room {
  position: absolute;
  inset: 0;
  overflow: hidden;
  z-index: 0;
  background: #050303;
}

.diary-v51-room-bg {
  position: absolute;
  inset: -2.8%;
  background-image: url('../img/diary-v51-room.png');
  background-size: cover;
  background-position: calc(50% + var(--mx)) calc(50% + var(--my));
  background-repeat: no-repeat;
  transform: scale(1.035);
  filter: brightness(.7) saturate(1.05) blur(.1px);
  transition: background-position .25s ease-out, transform .8s ease, filter .8s ease;
  animation: diaryV51RoomBreath 17s ease-in-out infinite alternate;
}

.diary-v51.is-reading .diary-v51-room-bg {
  filter: brightness(.46) saturate(1.04) blur(1.4px);
  transform: scale(1.09) translateY(-1.2%);
}

@keyframes diaryV51RoomBreath {
  0% { filter: brightness(.66) saturate(1.02); }
  100% { filter: brightness(.77) saturate(1.08); }
}

.diary-v51-mask {
  position: absolute;
  inset: 0;
  z-index: 3;
  pointer-events: none;
  background:
    linear-gradient(180deg, rgba(2,2,6,.98) 0, rgba(2,2,6,.93) 88px, rgba(2,2,6,.65) 190px, rgba(2,2,6,.18) 330px, transparent 460px),
    linear-gradient(0deg, rgba(2,2,6,.96) 0, rgba(2,2,6,.74) 86px, rgba(2,2,6,.24) 200px, transparent 330px),
    radial-gradient(circle at 50% 48%, rgba(225,171,86,.11), transparent 25%),
    radial-gradient(circle at 50% 55%, transparent 0 54%, rgba(0,0,0,.56) 100%),
    linear-gradient(90deg, rgba(0,0,0,.48), transparent 23%, transparent 77%, rgba(0,0,0,.48));
}

.diary-v51-lantern-glow,
.diary-v51-fog,
.diary-v51-dust {
  position: absolute;
  pointer-events: none;
}

.diary-v51-lantern-glow {
  z-index: 4;
  width: 18vw;
  height: 40vh;
  border-radius: 50%;
  background: radial-gradient(ellipse at center, rgba(255,185,88,.26), rgba(255,185,88,.08) 34%, transparent 70%);
  filter: blur(22px);
  mix-blend-mode: screen;
  animation: diaryV51Flicker 4.8s ease-in-out infinite alternate;
}

.diary-v51-lantern-left { left: 9%; top: 34%; }
.diary-v51-lantern-right { right: 13%; top: 30%; animation-delay: -1.6s; opacity: .78; }

@keyframes diaryV51Flicker {
  0%, 100% { opacity: .28; transform: scale(.98); }
  46% { opacity: .46; transform: scale(1.03); }
  60% { opacity: .34; transform: scale(1.01); }
}

.diary-v51-fog {
  inset: 18% -4% 10% -4%;
  z-index: 5;
  opacity: .25;
  mix-blend-mode: screen;
  background:
    radial-gradient(ellipse at 50% 52%, rgba(255,238,212,.16), transparent 35%),
    radial-gradient(ellipse at 38% 50%, rgba(255,238,212,.07), transparent 27%),
    radial-gradient(ellipse at 66% 45%, rgba(255,238,212,.06), transparent 27%);
  filter: blur(18px);
  animation: diaryV51Fog 15s ease-in-out infinite alternate;
}

@keyframes diaryV51Fog {
  0% { transform: translate3d(-1.2%, .7%, 0) scale(1.02); opacity: .18; }
  100% { transform: translate3d(1.2%, -.7%, 0) scale(1.07); opacity: .32; }
}

.diary-v51-dust {
  inset: -4%;
  z-index: 6;
}

.diary-v51-dust span {
  position: absolute;
  left: var(--x);
  top: var(--y);
  width: var(--s);
  height: var(--s);
  border-radius: 50%;
  background: rgba(255,244,218,.56);
  box-shadow: 0 0 12px rgba(255,232,180,.28);
  opacity: .14;
  animation: diaryV51Dust 9s ease-in-out infinite alternate;
  animation-delay: var(--d);
}

@keyframes diaryV51Dust {
  0% { transform: translate3d(-8px, 9px, 0); opacity: .07; }
  50% { opacity: .28; }
  100% { transform: translate3d(10px, -13px, 0); opacity: .12; }
}

.diary-v51-canvas {
  position: absolute;
  inset: 0;
  z-index: 20;
  width: 100%;
  height: 100%;
  display: block;
  pointer-events: none;
}

.diary-v51-ui {
  position: absolute;
  inset: 0;
  z-index: 40;
  pointer-events: none;
}

.diary-v51-lang,
.diary-v51-actions,
.diary-v51-brand,
.diary-v51-prompt,
.diary-v51-controls,
.diary-v51-hotspot,
.diary-v51-full-link-wrap {
  pointer-events: auto;
}

.diary-v51-lang {
  position: absolute;
  left: clamp(1rem, 1.8vw, 2rem);
  top: clamp(.9rem, 1.8vh, 1.35rem);
  display: inline-flex;
  gap: .25rem;
  padding: .22rem;
  border-radius: 999px;
  border: 1px solid rgba(217,185,121,.34);
  background: rgba(7,6,8,.66);
  backdrop-filter: blur(12px);
}

.diary-v51-lang a {
  width: 38px;
  height: 38px;
  display: grid;
  place-items: center;
  border-radius: 999px;
  color: rgba(248,241,227,.78);
  text-decoration: none;
  font-size: .76rem;
  font-weight: 900;
  letter-spacing: .08em;
}

.diary-v51-lang a.is-active {
  background: #e3bf78;
  color: #17100b;
}

.diary-v51-brand {
  position: absolute;
  top: clamp(.9rem, 1.8vh, 1.6rem);
  left: 50%;
  transform: translateX(-50%);
  width: min(48vw, 760px);
  text-align: center;
  text-shadow: 0 16px 34px rgba(0,0,0,.9);
  transition: opacity .45s ease, transform .45s ease;
}

.diary-v51.is-reading .diary-v51-brand {
  opacity: .58;
  transform: translateX(-50%) translateY(-10px) scale(.92);
}

.diary-v51-mark {
  display: grid;
  place-items: center;
  min-height: 48px;
  margin-bottom: .1rem;
}

.diary-v51-mark img {
  max-width: 58px;
  max-height: 58px;
  filter: drop-shadow(0 8px 18px rgba(0,0,0,.6));
}

.diary-v51-mark span {
  color: #d9b979;
  letter-spacing: .32em;
  font-weight: 900;
  font-size: .86rem;
}

.diary-v51-brand h1 {
  margin: 0;
  font-family: Georgia, "Times New Roman", serif;
  font-weight: 400;
  font-size: clamp(2rem, 3.1vw, 4rem);
  line-height: .92;
  letter-spacing: -.04em;
  color: #fff4e4;
}

.diary-v51-brand p {
  margin: .55rem auto 0;
  max-width: 43rem;
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(1rem, 1.08vw, 1.24rem);
  line-height: 1.45;
  color: rgba(255,244,228,.84);
}

.diary-v51-actions {
  position: absolute;
  right: clamp(1rem, 1.8vw, 2rem);
  top: clamp(.9rem, 1.8vh, 1.35rem);
  display: flex;
  flex-direction: column;
  gap: .7rem;
  align-items: stretch;
}

.diary-v51-button,
.diary-v51-prompt,
.diary-v51-counter,
.diary-v51-full-link {
  border: 1px solid rgba(217,185,121,.44);
  background:
    linear-gradient(180deg, rgba(22,18,14,.84), rgba(7,6,8,.80));
  color: #f0d590;
  text-decoration: none;
  text-transform: uppercase;
  font-weight: 900;
  letter-spacing: .13em;
  font-size: .72rem;
  border-radius: 6px;
  box-shadow: 0 18px 42px rgba(0,0,0,.36), inset 0 0 0 1px rgba(255,245,218,.05);
  backdrop-filter: blur(12px);
  cursor: pointer;
  transition: border-color .25s ease, background .25s ease, transform .25s ease, color .25s ease, opacity .25s ease;
}

.diary-v51-button {
  min-width: 230px;
  padding: .9rem 1.15rem;
}

.diary-v51-button:hover,
.diary-v51-prompt:hover,
.diary-v51-full-link:hover {
  border-color: rgba(255,226,164,.75);
  color: #ffe8b6;
  background: linear-gradient(180deg, rgba(42,31,20,.88), rgba(12,9,9,.86));
  transform: translateY(-1px);
}

.diary-v51-hotspot {
  position: absolute;
  left: 50%;
  top: 60%;
  z-index: 38;
  width: min(42vw, 680px);
  height: min(42vh, 440px);
  transform: translate(-50%, -50%);
  border: 0;
  background: transparent;
  cursor: pointer;
}

.diary-v51.is-reading .diary-v51-hotspot {
  pointer-events: none;
}

.diary-v51-prompt {
  position: absolute;
  left: 50%;
  bottom: clamp(1.1rem, 3.5vh, 2.2rem);
  z-index: 42;
  transform: translateX(-50%);
  min-width: min(92vw, 430px);
  padding: .95rem 1.55rem;
  font-family: Georgia, "Times New Roman", serif;
  text-transform: none;
  font-size: clamp(1rem, 1.1vw, 1.22rem);
  letter-spacing: .04em;
  transition: opacity .35s ease, transform .35s ease;
}

.diary-v51.is-reading .diary-v51-prompt {
  opacity: 0;
  pointer-events: none;
  transform: translateX(-50%) translateY(10px);
}

.diary-v51-controls {
  position: absolute;
  left: 50%;
  bottom: clamp(.75rem, 2.2vh, 1.35rem);
  z-index: 44;
  transform: translateX(-50%) translateY(10px);
  display: flex;
  gap: .62rem;
  justify-content: center;
  align-items: center;
  opacity: 0;
  pointer-events: none;
  transition: opacity .35s ease, transform .35s ease;
}

.diary-v51.is-reading .diary-v51-controls {
  opacity: 1;
  pointer-events: auto;
  transform: translateX(-50%) translateY(0);
}

.diary-v51-controls .diary-v51-button {
  min-width: 126px;
  padding: .78rem 1rem;
}

.diary-v51-counter {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 70px;
  padding: .78rem .9rem;
}

.diary-v51-full-link-wrap {
  position: absolute;
  left: 31.5%;
  bottom: clamp(6.6rem, 12.5vh, 8.6rem);
  z-index: 45;
  opacity: 0;
  pointer-events: none;
  transition: opacity .35s ease;
}

.diary-v51.is-reading .diary-v51-full-link-wrap {
  opacity: 1;
  pointer-events: auto;
}

.diary-v51-full-link {
  display: inline-flex;
  padding: .68rem .95rem;
  border-radius: 999px;
  font-size: .62rem;
}

/* Index modal */
.diary-v51-index-modal {
  position: fixed;
  inset: 0;
  z-index: 1000;
  display: grid;
  place-items: center;
  opacity: 0;
  pointer-events: none;
  visibility: hidden;
  transition: opacity .25s ease, visibility .25s ease;
}

.diary-v51-index-modal.is-open {
  opacity: 1;
  pointer-events: auto;
  visibility: visible;
}

.diary-v51-index-backdrop {
  position: absolute;
  inset: 0;
  border: 0;
  background: rgba(3,3,7,.72);
  backdrop-filter: blur(10px);
}

.diary-v51-index-panel {
  position: relative;
  width: min(900px, calc(100vw - 2rem));
  max-height: min(84vh, 820px);
  overflow: hidden;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  border-radius: 24px;
  border: 1px solid rgba(217,185,121,.24);
  background:
    radial-gradient(circle at 30% 0%, rgba(217,185,121,.12), transparent 34%),
    linear-gradient(180deg, rgba(22,17,15,.98), rgba(6,6,9,.98));
  box-shadow: 0 38px 120px rgba(0,0,0,.68);
  padding: 1.2rem;
}

.diary-v51-index-head {
  display: flex;
  justify-content: space-between;
  gap: 1rem;
  align-items: start;
}

.diary-v51-index-head p {
  margin: 0 0 .3rem;
  color: #d9b979;
  text-transform: uppercase;
  font-size: .72rem;
  font-weight: 900;
  letter-spacing: .16em;
}

.diary-v51-index-head h2 {
  margin: 0;
  font-family: Georgia, "Times New Roman", serif;
  font-weight: 400;
  font-size: clamp(1.8rem, 3vw, 3rem);
}

.diary-v51-index-head button {
  width: 44px;
  height: 44px;
  border-radius: 50%;
  border: 1px solid rgba(217,185,121,.24);
  background: transparent;
  color: #f8f1e3;
  font-size: 1.7rem;
  cursor: pointer;
}

.diary-v51-filter {
  display: flex;
  flex-direction: column;
  gap: .45rem;
  color: #d9b979;
  font-size: .72rem;
  font-weight: 900;
  letter-spacing: .16em;
  text-transform: uppercase;
}

.diary-v51-filter input {
  min-height: 52px;
  padding: 0 1rem;
  border-radius: 14px;
  border: 1px solid rgba(217,185,121,.18);
  background: rgba(255,255,255,.035);
  color: #f8f1e3;
  outline: none;
}

.diary-v51-index-list {
  display: flex;
  flex-direction: column;
  gap: .7rem;
  min-height: 0;
  overflow: auto;
}

.diary-v51-index-item {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: .8rem 1rem;
  align-items: start;
  padding: 1rem;
  border-radius: 16px;
  border: 1px solid rgba(217,185,121,.14);
  background: rgba(255,255,255,.025);
  color: #f8f1e3;
  text-align: left;
  cursor: pointer;
}

.diary-v51-index-item:hover,
.diary-v51-index-item.is-active {
  border-color: rgba(217,185,121,.44);
  background: rgba(217,185,121,.08);
}

.diary-v51-index-item span {
  grid-row: span 3;
  color: #d9b979;
  font-family: Georgia, "Times New Roman", serif;
  font-size: 2rem;
  line-height: .9;
}

.diary-v51-index-item strong,
.diary-v51-index-item em,
.diary-v51-index-item small {
  display: block;
}

.diary-v51-index-item em {
  font-style: normal;
  color: rgba(248,241,227,.68);
}

.diary-v51-index-item small {
  color: #d9b979;
  text-transform: uppercase;
  letter-spacing: .12em;
}

html.an-modal-open,
html.an-modal-open body {
  overflow: hidden !important;
}

.diary-v51.three-failed::after {
  content: "3D scene failed to load";
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 80;
  transform: translate(-50%, -50%);
  color: #f0d590;
  padding: 1rem 1.5rem;
  border: 1px solid rgba(217,185,121,.4);
  background: rgba(7,6,8,.8);
  border-radius: 12px;
}

/* Responsive */
@media (max-width: 1180px) {
  body.diary-v51-body {
    overflow: auto !important;
  }

  body.diary-v51-body .an-main {
    min-height: 820px !important;
    height: 100vh !important;
  }

  .diary-v51-brand {
    top: 4.8rem;
    width: min(78vw, 760px);
  }

  .diary-v51-actions {
    right: 1rem;
  }

  .diary-v51-button {
    min-width: 190px;
  }

  .diary-v51-full-link-wrap {
    left: 20%;
  }
}

@media (max-width: 760px) {
  body.diary-v51-body .an-main {
    min-height: 760px !important;
  }

  .diary-v51-brand {
    width: calc(100vw - 2rem);
    top: 5.2rem;
  }

  .diary-v51-brand h1 {
    font-size: clamp(1.8rem, 8vw, 2.7rem);
  }

  .diary-v51-brand p {
    font-size: .92rem;
  }

  .diary-v51-actions {
    top: .85rem;
    right: .85rem;
    gap: .5rem;
  }

  .diary-v51-button {
    min-width: 0;
    padding: .65rem .72rem;
    font-size: .58rem;
  }

  .diary-v51-hotspot {
    width: 80vw;
    height: 46vh;
    top: 62%;
  }

  .diary-v51-controls {
    width: calc(100vw - 1rem);
    flex-wrap: wrap;
    bottom: .7rem;
    gap: .45rem;
  }

  .diary-v51-controls .diary-v51-button {
    flex: 1 1 calc(50% - .45rem);
  }

  .diary-v51-counter {
    flex: 1 1 100%;
  }

  .diary-v51-prompt {
    min-width: 0;
    width: calc(100vw - 2rem);
  }

  .diary-v51-full-link-wrap {
    left: 1rem;
    bottom: 6.2rem;
  }
}

@media (prefers-reduced-motion: reduce) {
  .diary-v51-room-bg,
  .diary-v51-lantern-glow,
  .diary-v51-fog,
  .diary-v51-dust span {
    animation: none !important;
  }
}


/* ==================== V52 DIARIO: CHIAREZZA E GERARCHIA ====================
   Fix della V51: meno zoom, meno elementi che attraversano le pagine,
   titolo non sovrapposto, hotspot invisibile davvero, stato lettura più pulito. */

body.diary-v52-body .an-header,
body.diary-v52-body .an-footer {
  display: none !important;
}

body.diary-v52-body,
body.diary-v51-body {
  overflow: hidden !important;
  background: #020206 !important;
}

/* La scena deve respirare: stanza leggibile, non coperta dal libro in partenza */
.diary-v51-room-bg {
  filter: brightness(.74) saturate(1.04) blur(.05px) !important;
  transform: scale(1.025) !important;
}

.diary-v51.is-reading .diary-v51-room-bg {
  filter: brightness(.42) saturate(1.02) blur(1.6px) !important;
  transform: scale(1.075) translateY(-.8%) !important;
}

.diary-v51-mask {
  background:
    linear-gradient(180deg, rgba(2,2,6,.98) 0, rgba(2,2,6,.90) 72px, rgba(2,2,6,.58) 145px, rgba(2,2,6,.18) 255px, transparent 430px),
    linear-gradient(0deg, rgba(2,2,6,.96) 0, rgba(2,2,6,.68) 82px, rgba(2,2,6,.20) 200px, transparent 330px),
    radial-gradient(circle at 50% 50%, rgba(225,171,86,.09), transparent 26%),
    radial-gradient(circle at 50% 56%, transparent 0 55%, rgba(0,0,0,.60) 100%),
    linear-gradient(90deg, rgba(0,0,0,.44), transparent 24%, transparent 76%, rgba(0,0,0,.44)) !important;
}

/* Titolo: più editoriale, meno invadente; in lettura sparisce davvero */
.diary-v51-brand {
  top: clamp(1rem, 1.8vh, 1.4rem) !important;
  width: min(44vw, 720px) !important;
}

.diary-v51-brand h1 {
  font-size: clamp(1.8rem, 2.55vw, 3.25rem) !important;
  line-height: .96 !important;
}

.diary-v51-brand p {
  margin-top: .38rem !important;
  font-size: clamp(.88rem, .96vw, 1.08rem) !important;
}

.diary-v51-mark {
  min-height: 40px !important;
  margin-bottom: 0 !important;
}

.diary-v51-mark img {
  max-width: 46px !important;
  max-height: 46px !important;
}

.diary-v51.is-reading .diary-v51-brand {
  opacity: 0 !important;
  pointer-events: none !important;
  transform: translateX(-50%) translateY(-18px) scale(.9) !important;
}

/* Pulsanti: più bassi/chiari e non invadenti */
.diary-v51-actions {
  top: clamp(.9rem, 1.7vh, 1.25rem) !important;
  gap: .62rem !important;
}

.diary-v51-button {
  min-width: 214px !important;
  padding: .78rem 1.05rem !important;
  font-size: .68rem !important;
}

/* Hotspot invisibile: niente outline/box bianco */
.diary-v51-hotspot {
  border: 0 !important;
  outline: none !important;
  box-shadow: none !important;
  background: transparent !important;
  opacity: 0 !important;
  appearance: none !important;
  -webkit-appearance: none !important;
}

.diary-v51-hotspot:focus,
.diary-v51-hotspot:focus-visible,
.diary-v51-hotspot:hover {
  border: 0 !important;
  outline: none !important;
  box-shadow: none !important;
  background: transparent !important;
}

.diary-v51.is-reading .diary-v51-hotspot {
  display: none !important;
}

/* Prompt più discreto */
.diary-v51-prompt {
  bottom: clamp(1rem, 2.9vh, 1.8rem) !important;
  min-width: min(88vw, 370px) !important;
  padding: .78rem 1.2rem !important;
  font-size: clamp(.92rem, .98vw, 1.08rem) !important;
}

/* Canvas: non deve catturare click o creare bordi */
.diary-v51-canvas {
  pointer-events: none !important;
  outline: none !important;
}

/* Controlli: più ordinati e più separati dal libro */
.diary-v51-controls {
  bottom: clamp(.7rem, 1.7vh, 1.05rem) !important;
  gap: .55rem !important;
}

.diary-v51-controls .diary-v51-button {
  min-width: 116px !important;
  padding: .68rem .86rem !important;
  font-size: .62rem !important;
}

.diary-v51-counter {
  min-width: 60px !important;
  padding: .68rem .75rem !important;
  font-size: .68rem !important;
}

/* Il link pagina completa era percepito come rettangolo/outline: ora è piccolo, pulito e allineato */
.diary-v51-full-link-wrap {
  left: 26.5% !important;
  bottom: clamp(5.4rem, 9.6vh, 7rem) !important;
  z-index: 45 !important;
}

.diary-v51-full-link {
  padding: .54rem .78rem !important;
  font-size: .56rem !important;
  outline: none !important;
}

.diary-v51-full-link:focus,
.diary-v51-full-link:focus-visible {
  outline: 1px solid rgba(217,185,121,.5) !important;
  outline-offset: 3px !important;
}

/* Stato di fallback Three: non deve sembrare crash grafico */
.diary-v51.three-failed .diary-v51-canvas {
  display: none !important;
}

@media (max-width: 1180px) {
  .diary-v51-brand {
    top: 4.6rem !important;
    width: min(72vw, 680px) !important;
  }

  .diary-v51-full-link-wrap {
    left: 18% !important;
  }

  .diary-v51-actions {
    right: .9rem !important;
  }
}

@media (max-width: 760px) {
  .diary-v51-brand {
    width: calc(100vw - 2rem) !important;
    top: 5rem !important;
  }

  .diary-v51-brand h1 {
    font-size: clamp(1.55rem, 7vw, 2.2rem) !important;
  }

  .diary-v51-brand p {
    font-size: .84rem !important;
  }

  .diary-v51-actions {
    top: .85rem !important;
    right: .85rem !important;
  }

  .diary-v51-button {
    min-width: 0 !important;
    padding: .58rem .62rem !important;
    font-size: .55rem !important;
  }

  .diary-v51-controls {
    width: calc(100vw - .8rem) !important;
  }

  .diary-v51-controls .diary-v51-button {
    flex: 1 1 calc(50% - .45rem) !important;
  }

  .diary-v51-full-link-wrap {
    left: 1rem !important;
    bottom: 5.5rem !important;
  }
}


/* ==================== V53: room built as elements + grounded 3D book ==================== */

body.diary-v53-body .an-header,
body.diary-v53-body .an-footer {
  display: none !important;
}

body.diary-v53-body,
body.diary-v52-body,
body.diary-v51-body {
  overflow: hidden !important;
  background: #020206 !important;
}

/* Stop relying on image with baked furniture/text. Keep it only as subtle texture. */
.diary-v51-room-bg {
  background-image: none !important;
  background:
    radial-gradient(circle at 50% 32%, rgba(108,73,42,.36), transparent 34%),
    linear-gradient(180deg, #08070b 0%, #0b0808 42%, #050406 100%) !important;
  filter: none !important;
  transform: none !important;
  animation: none !important;
}

.diary-v51.is-reading .diary-v51-room-bg {
  filter: none !important;
  transform: scale(1.02) !important;
}

.diary-v51-mask {
  background:
    linear-gradient(180deg, rgba(2,2,6,.92) 0, rgba(2,2,6,.70) 92px, rgba(2,2,6,.18) 255px, transparent 440px),
    linear-gradient(0deg, rgba(2,2,6,.94) 0, rgba(2,2,6,.68) 88px, rgba(2,2,6,.20) 200px, transparent 330px),
    radial-gradient(circle at 50% 50%, rgba(225,171,86,.12), transparent 29%),
    radial-gradient(circle at 50% 58%, transparent 0 55%, rgba(0,0,0,.62) 100%),
    linear-gradient(90deg, rgba(0,0,0,.44), transparent 25%, transparent 75%, rgba(0,0,0,.44)) !important;
}

/* True DOM-built background environment */
.diary-v53-built-room {
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
  perspective: 1200px;
  overflow: hidden;
}

.diary-v53-wall {
  position: absolute;
  left: 8%;
  right: 8%;
  top: 7%;
  bottom: 28%;
  border-radius: 28px 28px 12px 12px;
  background:
    radial-gradient(circle at 50% 8%, rgba(217,185,121,.11), transparent 32%),
    linear-gradient(180deg, rgba(58,39,27,.70), rgba(22,15,14,.90)),
    repeating-linear-gradient(90deg, rgba(255,255,255,.025) 0 1px, transparent 1px 52px);
  box-shadow: inset 0 0 0 1px rgba(217,185,121,.06), inset 0 -80px 120px rgba(0,0,0,.38);
}

.diary-v53-floor {
  position: absolute;
  left: -7%;
  right: -7%;
  bottom: -12%;
  height: 47%;
  transform: perspective(900px) rotateX(62deg);
  transform-origin: 50% 100%;
  background:
    linear-gradient(180deg, rgba(0,0,0,.08), rgba(0,0,0,.54)),
    repeating-linear-gradient(90deg, #5c3823 0 4.6%, #2b1a12 4.6% 9.2%, #4b2d1d 9.2% 13.8%, #24160f 13.8% 18.4%);
  box-shadow: inset 0 40px 80px rgba(0,0,0,.35);
}

.diary-v53-shelf,
.diary-v53-desk {
  position: absolute;
  z-index: 2;
  border: 1px solid rgba(217,185,121,.10);
  background: linear-gradient(180deg, rgba(72,45,27,.70), rgba(22,14,12,.88));
  box-shadow: 0 24px 60px rgba(0,0,0,.35), inset 0 1px 0 rgba(255,255,255,.04);
}

.diary-v53-shelf {
  top: 16%;
  bottom: 25%;
  width: 15%;
  border-radius: 14px;
  overflow: hidden;
}

.diary-v53-shelf-left { left: 8%; }
.diary-v53-shelf-right { right: 8%; }

.diary-v53-shelf::before {
  content: "";
  position: absolute;
  inset: 12px;
  background:
    repeating-linear-gradient(180deg, transparent 0 21%, rgba(217,185,121,.18) 21% 21.8%, transparent 21.8% 42%, rgba(217,185,121,.16) 42% 42.8%, transparent 42.8% 63%, rgba(217,185,121,.14) 63% 63.8%, transparent 63.8% 84%, rgba(217,185,121,.13) 84% 84.8%, transparent 84.8%),
    repeating-linear-gradient(90deg, rgba(121,75,39,.52) 0 7%, rgba(38,25,18,.28) 7% 14%, rgba(173,126,68,.28) 14% 18%, transparent 18% 25%, rgba(91,55,31,.48) 25% 34%, transparent 34% 43%, rgba(159,115,70,.32) 43% 50%, transparent 50% 60%, rgba(80,50,31,.48) 60% 70%, transparent 70% 82%, rgba(141,93,50,.42) 82% 92%, transparent 92% 100%);
  opacity: .82;
}

.diary-v53-shelf span {
  position: absolute;
  width: 26%;
  height: 13%;
  border-radius: 50%;
  border: 1px solid rgba(217,185,121,.18);
  background: radial-gradient(circle at 35% 30%, rgba(255,236,196,.16), rgba(72,52,38,.52));
}

.diary-v53-shelf span:nth-child(1) { left: 16%; top: 18%; }
.diary-v53-shelf span:nth-child(2) { right: 16%; top: 45%; }
.diary-v53-shelf span:nth-child(3) { left: 32%; bottom: 13%; }

.diary-v53-desk {
  bottom: 14%;
  width: 21%;
  height: 19%;
  border-radius: 18px 18px 8px 8px;
}

.diary-v53-desk-left { left: 3%; }
.diary-v53-desk-right { right: 3%; }

.diary-v53-desk::before {
  content: "";
  position: absolute;
  left: 10%;
  right: 10%;
  top: 18%;
  bottom: 12%;
  background:
    linear-gradient(180deg, rgba(217,185,121,.16) 0 2px, transparent 2px 100%),
    repeating-linear-gradient(180deg, transparent 0 30%, rgba(217,185,121,.12) 30% 31%, transparent 31% 62%, rgba(217,185,121,.10) 62% 63%, transparent 63%);
}

.diary-v53-map {
  position: absolute;
  z-index: 3;
  width: 13%;
  height: 21%;
  border-radius: 8px;
  background:
    linear-gradient(180deg, rgba(208,179,125,.28), rgba(99,70,41,.24)),
    repeating-linear-gradient(22deg, transparent 0 18px, rgba(217,185,121,.12) 18px 20px);
  border: 1px solid rgba(217,185,121,.16);
  box-shadow: 0 14px 34px rgba(0,0,0,.34);
}

.diary-v53-map-left { left: 24%; top: 20%; transform: rotate(-4deg); }
.diary-v53-map-right { right: 24%; top: 21%; transform: rotate(5deg); }

.diary-v53-window {
  position: absolute;
  left: 50%;
  top: 13%;
  width: 10%;
  height: 19%;
  transform: translateX(-50%);
  border-radius: 50% 50% 44% 44%;
  border: 1px solid rgba(217,185,121,.16);
  background:
    radial-gradient(circle at 50% 35%, rgba(194,216,220,.17), transparent 45%),
    linear-gradient(180deg, rgba(5,8,11,.75), rgba(0,0,0,.25));
  box-shadow: inset 0 0 0 4px rgba(0,0,0,.28), 0 0 80px rgba(172,196,195,.06);
  opacity: .7;
}

.diary-v53-window::before,
.diary-v53-window::after {
  content: "";
  position: absolute;
  background: rgba(217,185,121,.16);
}
.diary-v53-window::before { left: 49%; top: 8%; bottom: 8%; width: 1px; }
.diary-v53-window::after { top: 49%; left: 8%; right: 8%; height: 1px; }

.diary-v53-lamp {
  position: absolute;
  z-index: 4;
  width: 36px;
  height: 56px;
  border-radius: 50% 50% 42% 42%;
  border: 1px solid rgba(217,185,121,.28);
  background: radial-gradient(circle at 50% 58%, rgba(255,191,94,.72), rgba(116,66,27,.40) 42%, rgba(0,0,0,.35) 78%);
  box-shadow: 0 0 42px rgba(255,165,70,.24), 0 0 90px rgba(255,165,70,.10);
  animation: diaryV53Lamp 4s ease-in-out infinite alternate;
}

.diary-v53-lamp-left { left: 27%; top: 48%; }
.diary-v53-lamp-right { right: 27%; top: 46%; animation-delay: -1.3s; }

@keyframes diaryV53Lamp {
  0%, 100% { opacity: .62; filter: brightness(.92); }
  52% { opacity: .86; filter: brightness(1.18); }
}

.diary-v53-rug {
  position: absolute;
  left: 50%;
  bottom: 3%;
  width: 38%;
  height: 26%;
  transform: translateX(-50%) perspective(900px) rotateX(68deg);
  transform-origin: 50% 100%;
  border-radius: 50%;
  background:
    radial-gradient(ellipse at center, rgba(122,58,34,.40), rgba(54,24,18,.38) 48%, transparent 72%),
    repeating-radial-gradient(ellipse at center, transparent 0 18px, rgba(217,185,121,.10) 18px 20px);
  opacity: .8;
}

/* Keep real UI, but prevent ghost overlaps */
.diary-v51-brand {
  top: clamp(.9rem, 1.65vh, 1.25rem) !important;
  width: min(42vw, 680px) !important;
}

.diary-v51-brand h1 {
  font-size: clamp(1.65rem, 2.35vw, 3rem) !important;
}

.diary-v51-brand p {
  font-size: clamp(.82rem, .9vw, 1rem) !important;
}

.diary-v51.is-reading .diary-v51-brand {
  opacity: 0 !important;
}

/* Make hotspot invisible, no white rectangle */
.diary-v51-hotspot {
  opacity: 0 !important;
  border: 0 !important;
  background: transparent !important;
  outline: 0 !important;
  box-shadow: none !important;
}

.diary-v51-hotspot:focus-visible {
  outline: 0 !important;
}

/* Slightly lower the prompt and controls */
.diary-v51-prompt {
  bottom: clamp(.9rem, 2.6vh, 1.7rem) !important;
}

.diary-v51-controls {
  bottom: clamp(.65rem, 1.8vh, 1.1rem) !important;
}

.diary-v51-full-link-wrap {
  left: 28% !important;
  bottom: clamp(4.9rem, 8.5vh, 6.5rem) !important;
}

/* Responsive simplification */
@media (max-width: 900px) {
  .diary-v53-shelf,
  .diary-v53-map,
  .diary-v53-window {
    opacity: .55;
  }
  .diary-v53-desk {
    display: none;
  }
}

@media (max-width: 760px) {
  .diary-v53-shelf-left,
  .diary-v53-shelf-right,
  .diary-v53-map-left,
  .diary-v53-map-right,
  .diary-v53-window {
    display: none;
  }
}


/* ==================== DIARIO V54 — coordinate fisiche corrette ==================== */

body.diary-v54-body {
  overflow: hidden !important;
  background: #020206 !important;
}

body.diary-v54-body .an-header,
body.diary-v54-body .an-footer {
  display: none !important;
}

body.diary-v54-body .an-main {
  height: 100vh !important;
  min-height: 100vh !important;
  padding: 0 !important;
  overflow: hidden !important;
}

body.admin-bar.diary-v54-body .an-main {
  height: calc(100vh - 32px) !important;
  min-height: calc(100vh - 32px) !important;
}

.diary-v54 {
  --mx: 0px;
  --my: 0px;
  position: relative;
  width: 100vw;
  height: 100%;
  overflow: hidden;
  isolation: isolate;
  touch-action: none;
  background: #050303;
  color: #f8f1e3;
}

/* Built room: no fake image with title/leggio inside */
.diary-v54-room {
  position: absolute;
  inset: 0;
  z-index: 0;
  overflow: hidden;
  background:
    radial-gradient(circle at 50% 28%, rgba(120,76,44,.22), transparent 32%),
    linear-gradient(180deg, #050409 0, #080506 48%, #020206 100%);
}

.diary-v54-room::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 20;
  pointer-events: none;
  background:
    linear-gradient(180deg, rgba(2,2,6,.96) 0, rgba(2,2,6,.82) 70px, rgba(2,2,6,.35) 215px, transparent 410px),
    linear-gradient(0deg, rgba(2,2,6,.96) 0, rgba(2,2,6,.72) 90px, rgba(2,2,6,.20) 220px, transparent 340px),
    radial-gradient(circle at 50% 54%, transparent 0 51%, rgba(0,0,0,.62) 100%),
    linear-gradient(90deg, rgba(0,0,0,.48), transparent 23%, transparent 77%, rgba(0,0,0,.48));
}

.diary-v54-wall {
  position: absolute;
  left: 8%;
  right: 8%;
  top: 7%;
  bottom: 30%;
  border-radius: 28px 28px 14px 14px;
  background:
    radial-gradient(circle at 50% 8%, rgba(217,185,121,.12), transparent 34%),
    linear-gradient(180deg, rgba(55,37,26,.76), rgba(22,15,14,.92)),
    repeating-linear-gradient(90deg, rgba(255,255,255,.024) 0 1px, transparent 1px 52px);
  box-shadow: inset 0 0 0 1px rgba(217,185,121,.06), inset 0 -90px 130px rgba(0,0,0,.42);
}

.diary-v54-floor {
  position: absolute;
  left: -8%;
  right: -8%;
  bottom: -12%;
  height: 48%;
  transform: perspective(900px) rotateX(62deg);
  transform-origin: 50% 100%;
  background:
    linear-gradient(180deg, rgba(0,0,0,.08), rgba(0,0,0,.58)),
    repeating-linear-gradient(90deg, #5c3823 0 4.6%, #2b1a12 4.6% 9.2%, #4b2d1d 9.2% 13.8%, #24160f 13.8% 18.4%);
  box-shadow: inset 0 42px 80px rgba(0,0,0,.36);
}

.diary-v54-rug {
  position: absolute;
  left: 50%;
  bottom: 2%;
  width: 40%;
  height: 27%;
  transform: translateX(-50%) perspective(900px) rotateX(68deg);
  transform-origin: 50% 100%;
  border-radius: 50%;
  background:
    radial-gradient(ellipse at center, rgba(122,58,34,.42), rgba(54,24,18,.38) 48%, transparent 72%),
    repeating-radial-gradient(ellipse at center, transparent 0 18px, rgba(217,185,121,.10) 18px 20px);
  opacity: .78;
}

.diary-v54-shelf,
.diary-v54-desk {
  position: absolute;
  z-index: 2;
  border: 1px solid rgba(217,185,121,.10);
  background: linear-gradient(180deg, rgba(72,45,27,.70), rgba(22,14,12,.88));
  box-shadow: 0 24px 60px rgba(0,0,0,.35), inset 0 1px 0 rgba(255,255,255,.04);
}

.diary-v54-shelf {
  top: 16%;
  bottom: 25%;
  width: 15%;
  border-radius: 14px;
  overflow: hidden;
}
.diary-v54-shelf-left { left: 8%; }
.diary-v54-shelf-right { right: 8%; }

.diary-v54-shelf::before {
  content: "";
  position: absolute;
  inset: 12px;
  background:
    repeating-linear-gradient(180deg, transparent 0 21%, rgba(217,185,121,.18) 21% 21.8%, transparent 21.8% 42%, rgba(217,185,121,.16) 42% 42.8%, transparent 42.8% 63%, rgba(217,185,121,.14) 63% 63.8%, transparent 63.8% 84%, rgba(217,185,121,.13) 84% 84.8%, transparent 84.8%),
    repeating-linear-gradient(90deg, rgba(121,75,39,.52) 0 7%, rgba(38,25,18,.28) 7% 14%, rgba(173,126,68,.28) 14% 18%, transparent 18% 25%, rgba(91,55,31,.48) 25% 34%, transparent 34% 43%, rgba(159,115,70,.32) 43% 50%, transparent 50% 60%, rgba(80,50,31,.48) 60% 70%, transparent 70% 82%, rgba(141,93,50,.42) 82% 92%, transparent 92% 100%);
  opacity: .82;
}

.diary-v54-shelf span {
  position: absolute;
  width: 26%;
  height: 13%;
  border-radius: 50%;
  border: 1px solid rgba(217,185,121,.18);
  background: radial-gradient(circle at 35% 30%, rgba(255,236,196,.16), rgba(72,52,38,.52));
}
.diary-v54-shelf span:nth-child(1) { left: 16%; top: 18%; }
.diary-v54-shelf span:nth-child(2) { right: 16%; top: 45%; }
.diary-v54-shelf span:nth-child(3) { left: 32%; bottom: 13%; }

.diary-v54-desk {
  bottom: 14%;
  width: 21%;
  height: 19%;
  border-radius: 18px 18px 8px 8px;
}
.diary-v54-desk-left { left: 3%; }
.diary-v54-desk-right { right: 3%; }

.diary-v54-desk::before {
  content: "";
  position: absolute;
  left: 10%;
  right: 10%;
  top: 18%;
  bottom: 12%;
  background:
    linear-gradient(180deg, rgba(217,185,121,.16) 0 2px, transparent 2px 100%),
    repeating-linear-gradient(180deg, transparent 0 30%, rgba(217,185,121,.12) 30% 31%, transparent 31% 62%, rgba(217,185,121,.10) 62% 63%, transparent 63%);
}

.diary-v54-map {
  position: absolute;
  z-index: 3;
  width: 13%;
  height: 21%;
  border-radius: 8px;
  background:
    linear-gradient(180deg, rgba(208,179,125,.28), rgba(99,70,41,.24)),
    repeating-linear-gradient(22deg, transparent 0 18px, rgba(217,185,121,.12) 18px 20px);
  border: 1px solid rgba(217,185,121,.16);
  box-shadow: 0 14px 34px rgba(0,0,0,.34);
}
.diary-v54-map-left { left: 24%; top: 20%; transform: rotate(-4deg); }
.diary-v54-map-right { right: 24%; top: 21%; transform: rotate(5deg); }

.diary-v54-window {
  position: absolute;
  left: 50%;
  top: 13%;
  width: 10%;
  height: 19%;
  transform: translateX(-50%);
  border-radius: 50% 50% 44% 44%;
  border: 1px solid rgba(217,185,121,.16);
  background:
    radial-gradient(circle at 50% 35%, rgba(194,216,220,.16), transparent 45%),
    linear-gradient(180deg, rgba(5,8,11,.78), rgba(0,0,0,.25));
  box-shadow: inset 0 0 0 4px rgba(0,0,0,.28), 0 0 80px rgba(172,196,195,.06);
  opacity: .7;
}
.diary-v54-window::before,
.diary-v54-window::after {
  content: "";
  position: absolute;
  background: rgba(217,185,121,.16);
}
.diary-v54-window::before { left: 49%; top: 8%; bottom: 8%; width: 1px; }
.diary-v54-window::after { top: 49%; left: 8%; right: 8%; height: 1px; }

.diary-v54-lamp {
  position: absolute;
  z-index: 4;
  width: 36px;
  height: 56px;
  border-radius: 50% 50% 42% 42%;
  border: 1px solid rgba(217,185,121,.28);
  background: radial-gradient(circle at 50% 58%, rgba(255,191,94,.72), rgba(116,66,27,.40) 42%, rgba(0,0,0,.35) 78%);
  box-shadow: 0 0 42px rgba(255,165,70,.24), 0 0 90px rgba(255,165,70,.10);
  animation: diaryV54Lamp 4s ease-in-out infinite alternate;
}
.diary-v54-lamp-left { left: 27%; top: 48%; }
.diary-v54-lamp-right { right: 27%; top: 46%; animation-delay: -1.3s; }

@keyframes diaryV54Lamp {
  0%, 100% { opacity: .62; filter: brightness(.92); }
  52% { opacity: .86; filter: brightness(1.18); }
}

.diary-v54-fog {
  position: absolute;
  inset: 18% -4% 10% -4%;
  z-index: 18;
  pointer-events: none;
  opacity: .22;
  mix-blend-mode: screen;
  background:
    radial-gradient(ellipse at 50% 52%, rgba(255,238,212,.16), transparent 35%),
    radial-gradient(ellipse at 38% 50%, rgba(255,238,212,.07), transparent 27%),
    radial-gradient(ellipse at 66% 45%, rgba(255,238,212,.06), transparent 27%);
  filter: blur(18px);
  animation: diaryV54Fog 15s ease-in-out infinite alternate;
}
@keyframes diaryV54Fog {
  0% { transform: translate3d(-1.2%, .7%, 0) scale(1.02); opacity: .16; }
  100% { transform: translate3d(1.2%, -.7%, 0) scale(1.07); opacity: .30; }
}

.diary-v54-dust {
  position: absolute;
  inset: -4%;
  z-index: 19;
  pointer-events: none;
}
.diary-v54-dust span {
  position: absolute;
  left: var(--x);
  top: var(--y);
  width: var(--s);
  height: var(--s);
  border-radius: 50%;
  background: rgba(255,244,218,.56);
  box-shadow: 0 0 12px rgba(255,232,180,.28);
  opacity: .13;
  animation: diaryV54Dust 9s ease-in-out infinite alternate;
  animation-delay: var(--d);
}
@keyframes diaryV54Dust {
  0% { transform: translate3d(-8px, 9px, 0); opacity: .07; }
  50% { opacity: .26; }
  100% { transform: translate3d(10px, -13px, 0); opacity: .11; }
}

.diary-v54-canvas {
  position: absolute;
  inset: 0;
  z-index: 20;
  width: 100%;
  height: 100%;
  display: block;
  pointer-events: none;
  outline: 0;
}

/* Real UI */
.diary-v54-ui {
  position: absolute;
  inset: 0;
  z-index: 40;
  pointer-events: none;
}
.diary-v54-lang,
.diary-v54-actions,
.diary-v54-brand,
.diary-v54-prompt,
.diary-v54-controls,
.diary-v54-hotspot,
.diary-v54-full-link {
  pointer-events: auto;
}

.diary-v54-lang {
  position: absolute;
  left: clamp(1rem, 1.8vw, 2rem);
  top: clamp(.9rem, 1.8vh, 1.35rem);
  display: inline-flex;
  gap: .25rem;
  padding: .22rem;
  border-radius: 999px;
  border: 1px solid rgba(217,185,121,.34);
  background: rgba(7,6,8,.66);
  backdrop-filter: blur(12px);
}
.diary-v54-lang a {
  width: 38px;
  height: 38px;
  display: grid;
  place-items: center;
  border-radius: 999px;
  color: rgba(248,241,227,.78);
  text-decoration: none;
  font-size: .76rem;
  font-weight: 900;
  letter-spacing: .08em;
}
.diary-v54-lang a.is-active {
  background: #e3bf78;
  color: #17100b;
}

.diary-v54-brand {
  position: absolute;
  top: clamp(.8rem, 1.6vh, 1.2rem);
  left: 50%;
  transform: translateX(-50%);
  width: min(42vw, 680px);
  text-align: center;
  text-shadow: 0 16px 34px rgba(0,0,0,.92);
  transition: opacity .35s ease, transform .35s ease;
}
.diary-v54.is-reading .diary-v54-brand {
  opacity: 0;
  pointer-events: none;
  transform: translateX(-50%) translateY(-18px) scale(.92);
}
.diary-v54-mark {
  display: grid;
  place-items: center;
  min-height: 42px;
  margin-bottom: 0;
}
.diary-v54-mark img {
  max-width: 48px;
  max-height: 48px;
  filter: drop-shadow(0 8px 18px rgba(0,0,0,.6));
}
.diary-v54-mark span {
  color: #d9b979;
  letter-spacing: .32em;
  font-weight: 900;
  font-size: .86rem;
}
.diary-v54-brand h1 {
  margin: 0;
  font-family: Georgia, "Times New Roman", serif;
  font-weight: 400;
  font-size: clamp(1.65rem, 2.35vw, 3rem);
  line-height: .96;
  letter-spacing: -.04em;
  color: #fff4e4;
}
.diary-v54-brand p {
  margin: .36rem auto 0;
  max-width: 40rem;
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(.82rem, .9vw, 1rem);
  line-height: 1.42;
  color: rgba(255,244,228,.84);
}

.diary-v54-actions {
  position: absolute;
  right: clamp(1rem, 1.8vw, 2rem);
  top: clamp(.9rem, 1.8vh, 1.35rem);
  display: flex;
  flex-direction: column;
  gap: .62rem;
  align-items: stretch;
}

.diary-v54-button,
.diary-v54-prompt,
.diary-v54-counter,
.diary-v54-full-link {
  border: 1px solid rgba(217,185,121,.44);
  background: linear-gradient(180deg, rgba(22,18,14,.84), rgba(7,6,8,.80));
  color: #f0d590;
  text-decoration: none;
  text-transform: uppercase;
  font-weight: 900;
  letter-spacing: .13em;
  font-size: .68rem;
  border-radius: 6px;
  box-shadow: 0 18px 42px rgba(0,0,0,.36), inset 0 0 0 1px rgba(255,245,218,.05);
  backdrop-filter: blur(12px);
  cursor: pointer;
  transition: border-color .25s ease, background .25s ease, transform .25s ease, color .25s ease, opacity .25s ease;
}
.diary-v54-button {
  min-width: 214px;
  padding: .78rem 1.05rem;
}
.diary-v54-button:hover,
.diary-v54-prompt:hover,
.diary-v54-full-link:hover {
  border-color: rgba(255,226,164,.75);
  color: #ffe8b6;
  background: linear-gradient(180deg, rgba(42,31,20,.88), rgba(12,9,9,.86));
  transform: translateY(-1px);
}

.diary-v54-hotspot {
  position: absolute;
  left: 50%;
  top: 59%;
  z-index: 38;
  width: min(42vw, 680px);
  height: min(42vh, 440px);
  transform: translate(-50%, -50%);
  border: 0;
  background: transparent;
  opacity: 0;
  outline: 0;
  box-shadow: none;
  cursor: pointer;
}
.diary-v54.is-reading .diary-v54-hotspot {
  display: none;
}

.diary-v54-prompt {
  position: absolute;
  left: 50%;
  bottom: clamp(.9rem, 2.6vh, 1.7rem);
  z-index: 42;
  transform: translateX(-50%);
  min-width: min(88vw, 370px);
  padding: .78rem 1.2rem;
  font-family: Georgia, "Times New Roman", serif;
  text-transform: none;
  font-size: clamp(.92rem, .98vw, 1.08rem);
  letter-spacing: .04em;
  transition: opacity .35s ease, transform .35s ease;
}
.diary-v54.is-reading .diary-v54-prompt {
  opacity: 0;
  pointer-events: none;
  transform: translateX(-50%) translateY(10px);
}

.diary-v54-controls {
  position: absolute;
  left: 50%;
  bottom: clamp(.65rem, 1.8vh, 1.1rem);
  z-index: 44;
  transform: translateX(-50%) translateY(10px);
  display: flex;
  gap: .55rem;
  justify-content: center;
  align-items: center;
  opacity: 0;
  pointer-events: none;
  transition: opacity .35s ease, transform .35s ease;
}
.diary-v54.is-reading .diary-v54-controls {
  opacity: 1;
  pointer-events: auto;
  transform: translateX(-50%) translateY(0);
}
.diary-v54-controls .diary-v54-button {
  min-width: 116px;
  padding: .68rem .86rem;
  font-size: .62rem;
}
.diary-v54-counter {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 60px;
  padding: .68rem .75rem;
  font-size: .68rem;
}

.diary-v54-full-link {
  position: absolute;
  left: 28%;
  bottom: clamp(4.9rem, 8.5vh, 6.5rem);
  z-index: 45;
  padding: .54rem .78rem;
  font-size: .56rem;
  border-radius: 999px;
  opacity: 0;
  pointer-events: none;
}
.diary-v54.is-reading .diary-v54-full-link {
  opacity: 1;
  pointer-events: auto;
}

/* Index modal */
.diary-v54-index-modal {
  position: fixed;
  inset: 0;
  z-index: 1000;
  display: grid;
  place-items: center;
  opacity: 0;
  pointer-events: none;
  visibility: hidden;
  transition: opacity .25s ease, visibility .25s ease;
}
.diary-v54-index-modal.is-open {
  opacity: 1;
  pointer-events: auto;
  visibility: visible;
}
.diary-v54-index-backdrop {
  position: absolute;
  inset: 0;
  border: 0;
  background: rgba(3,3,7,.72);
  backdrop-filter: blur(10px);
}
.diary-v54-index-panel {
  position: relative;
  width: min(900px, calc(100vw - 2rem));
  max-height: min(84vh, 820px);
  overflow: hidden;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  border-radius: 24px;
  border: 1px solid rgba(217,185,121,.24);
  background:
    radial-gradient(circle at 30% 0%, rgba(217,185,121,.12), transparent 34%),
    linear-gradient(180deg, rgba(22,17,15,.98), rgba(6,6,9,.98));
  box-shadow: 0 38px 120px rgba(0,0,0,.68);
  padding: 1.2rem;
}
.diary-v54-index-head {
  display: flex;
  justify-content: space-between;
  gap: 1rem;
  align-items: start;
}
.diary-v54-index-head p {
  margin: 0 0 .3rem;
  color: #d9b979;
  text-transform: uppercase;
  font-size: .72rem;
  font-weight: 900;
  letter-spacing: .16em;
}
.diary-v54-index-head h2 {
  margin: 0;
  font-family: Georgia, "Times New Roman", serif;
  font-weight: 400;
  font-size: clamp(1.8rem, 3vw, 3rem);
}
.diary-v54-index-head button {
  width: 44px;
  height: 44px;
  border-radius: 50%;
  border: 1px solid rgba(217,185,121,.24);
  background: transparent;
  color: #f8f1e3;
  font-size: 1.7rem;
  cursor: pointer;
}
.diary-v54-filter {
  display: flex;
  flex-direction: column;
  gap: .45rem;
  color: #d9b979;
  font-size: .72rem;
  font-weight: 900;
  letter-spacing: .16em;
  text-transform: uppercase;
}
.diary-v54-filter input {
  min-height: 52px;
  padding: 0 1rem;
  border-radius: 14px;
  border: 1px solid rgba(217,185,121,.18);
  background: rgba(255,255,255,.035);
  color: #f8f1e3;
  outline: none;
}
.diary-v54-index-list {
  display: flex;
  flex-direction: column;
  gap: .7rem;
  min-height: 0;
  overflow: auto;
}
.diary-v54-index-item {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: .8rem 1rem;
  align-items: start;
  padding: 1rem;
  border-radius: 16px;
  border: 1px solid rgba(217,185,121,.14);
  background: rgba(255,255,255,.025);
  color: #f8f1e3;
  text-align: left;
  cursor: pointer;
}
.diary-v54-index-item:hover,
.diary-v54-index-item.is-active {
  border-color: rgba(217,185,121,.44);
  background: rgba(217,185,121,.08);
}
.diary-v54-index-item span {
  grid-row: span 3;
  color: #d9b979;
  font-family: Georgia, "Times New Roman", serif;
  font-size: 2rem;
  line-height: .9;
}
.diary-v54-index-item strong,
.diary-v54-index-item em,
.diary-v54-index-item small {
  display: block;
}
.diary-v54-index-item em {
  font-style: normal;
  color: rgba(248,241,227,.68);
}
.diary-v54-index-item small {
  color: #d9b979;
  text-transform: uppercase;
  letter-spacing: .12em;
}

html.an-modal-open,
html.an-modal-open body {
  overflow: hidden !important;
}

.diary-v54.three-failed::after {
  content: "3D scene failed to load";
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 80;
  transform: translate(-50%, -50%);
  color: #f0d590;
  padding: 1rem 1.5rem;
  border: 1px solid rgba(217,185,121,.4);
  background: rgba(7,6,8,.8);
  border-radius: 12px;
}

@media (max-width: 900px) {
  .diary-v54-shelf,
  .diary-v54-map,
  .diary-v54-window {
    opacity: .55;
  }
  .diary-v54-desk {
    display: none;
  }
}

@media (max-width: 760px) {
  body.diary-v54-body .an-main {
    min-height: 760px !important;
  }
  .diary-v54-brand {
    width: calc(100vw - 2rem);
    top: 5rem;
  }
  .diary-v54-brand h1 {
    font-size: clamp(1.55rem, 7vw, 2.2rem);
  }
  .diary-v54-actions {
    top: .85rem;
    right: .85rem;
  }
  .diary-v54-button {
    min-width: 0;
    padding: .58rem .62rem;
    font-size: .55rem;
  }
  .diary-v54-shelf-left,
  .diary-v54-shelf-right,
  .diary-v54-map-left,
  .diary-v54-map-right,
  .diary-v54-window {
    display: none;
  }
  .diary-v54-controls {
    width: calc(100vw - .8rem);
    flex-wrap: wrap;
    bottom: .6rem;
  }
  .diary-v54-controls .diary-v54-button {
    flex: 1 1 calc(50% - .45rem);
  }
  .diary-v54-full-link {
    left: 1rem;
    bottom: 5.3rem;
  }
}


/* ==================== V55: remove central strips / single spread plane ==================== */

body.diary-v55-body .an-header,
body.diary-v55-body .an-footer {
  display: none !important;
}

body.diary-v55-body {
  overflow: hidden !important;
  background: #020206 !important;
}

body.diary-v55-body .an-main {
  height: 100vh !important;
  min-height: 100vh !important;
  padding: 0 !important;
  overflow: hidden !important;
}

body.admin-bar.diary-v55-body .an-main {
  height: calc(100vh - 32px) !important;
  min-height: calc(100vh - 32px) !important;
}

/* The actual "open full page" hotspot is now aligned to the drawn button area on the page. */
.diary-v54-full-link {
  left: 27.5% !important;
  bottom: clamp(4.75rem, 8.2vh, 6.25rem) !important;
  opacity: 0 !important;
}

.diary-v54.is-reading .diary-v54-full-link {
  opacity: 0 !important;
  pointer-events: auto !important;
}

/* Keep a visible focus style only for keyboard users without adding rectangles by default. */
.diary-v54-hotspot:focus,
.diary-v54-hotspot:focus-visible {
  outline: none !important;
  box-shadow: none !important;
}



/* ==================== DIARIO V58 — full Three.js room + real UI ==================== */

body.diary-v58-body {
  overflow: hidden !important;
  background: #020206 !important;
}

body.diary-v58-body .an-header,
body.diary-v58-body .an-footer {
  display: none !important;
}

body.diary-v58-body .an-main {
  height: 100vh !important;
  min-height: 100vh !important;
  padding: 0 !important;
  overflow: hidden !important;
}

body.admin-bar.diary-v58-body .an-main {
  height: calc(100vh - 32px) !important;
  min-height: calc(100vh - 32px) !important;
}

.diary-v58 {
  position: relative;
  width: 100vw;
  height: 100%;
  overflow: hidden;
  isolation: isolate;
  touch-action: none;
  background: #050303;
  color: #f8f1e3;
}

.diary-v58::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 8;
  pointer-events: none;
  background:
    linear-gradient(180deg, rgba(2,2,6,.68) 0, rgba(2,2,6,.30) 78px, rgba(2,2,6,.03) 220px, transparent 410px),
    linear-gradient(0deg, rgba(2,2,6,.62) 0, rgba(2,2,6,.22) 90px, rgba(2,2,6,.035) 220px, transparent 350px),
    radial-gradient(circle at 50% 56%, transparent 0 60%, rgba(0,0,0,.15) 100%),
    linear-gradient(90deg, rgba(0,0,0,.08), transparent 24%, transparent 76%, rgba(0,0,0,.08));
}

.diary-v58.is-reading::before {
  background:
    linear-gradient(180deg, rgba(2,2,6,.78) 0, rgba(2,2,6,.44) 82px, rgba(2,2,6,.10) 230px, transparent 410px),
    linear-gradient(0deg, rgba(2,2,6,.72) 0, rgba(2,2,6,.30) 110px, rgba(2,2,6,.08) 245px, transparent 360px),
    radial-gradient(circle at 50% 56%, transparent 0 50%, rgba(0,0,0,.32) 100%),
    linear-gradient(90deg, rgba(0,0,0,.14), transparent 24%, transparent 76%, rgba(0,0,0,.14));
}

.diary-v58::after {
  content: "";
  position: absolute;
  inset: -5%;
  z-index: 9;
  pointer-events: none;
  background:
    radial-gradient(circle at 24% 28%, rgba(255,225,170,.095) 0 1px, transparent 1.7px),
    radial-gradient(circle at 64% 18%, rgba(255,225,170,.075) 0 1px, transparent 1.6px),
    radial-gradient(circle at 82% 58%, rgba(255,225,170,.06) 0 1px, transparent 1.5px),
    radial-gradient(circle at 50% 54%, transparent 0 42%, rgba(0,0,0,.20) 100%);
  background-size: 310px 230px, 260px 190px, 220px 280px, auto;
  opacity: .34;
  mix-blend-mode: screen;
  animation: diaryV58Atmosphere 18s ease-in-out infinite alternate;
}

.diary-v58.is-reading::after {
  opacity: .38;
  background:
    radial-gradient(circle at 28% 24%, rgba(255,225,170,.085) 0 1px, transparent 1.7px),
    radial-gradient(circle at 70% 28%, rgba(255,225,170,.055) 0 1px, transparent 1.6px),
    radial-gradient(circle at 50% 54%, transparent 0 35%, rgba(0,0,0,.38) 100%);
  background-size: 300px 220px, 240px 180px, auto;
}

@keyframes diaryV58Atmosphere {
  0% { transform: translate3d(-.6%, -.4%, 0) scale(1); }
  100% { transform: translate3d(.5%, .8%, 0) scale(1.015); }
}

.diary-v58-canvas {
  position: absolute;
  inset: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  display: block;
  outline: none;
  touch-action: none;
}

.diary-v58-ui {
  position: absolute;
  inset: 0;
  z-index: 40;
  pointer-events: none;
}

.diary-v58-lang,
.diary-v58-actions,
.diary-v58-brand,
.diary-v58-prompt,
.diary-v58-controls,
.diary-v58-hotspot,
.diary-v58-full-link,
.diary-v58-fullsheet,
.diary-v58-walk-ui,
.diary-v58-lookpad {
  pointer-events: auto;
}

.diary-v58-lang {
  position: absolute;
  left: clamp(1rem, 1.8vw, 2rem);
  top: clamp(.9rem, 1.8vh, 1.35rem);
  display: inline-flex;
  gap: .25rem;
  padding: .22rem;
  border-radius: 999px;
  border: 1px solid rgba(217,185,121,.34);
  background: rgba(7,6,8,.66);
  backdrop-filter: blur(12px);
}

.diary-v58-lang a {
  width: 38px;
  height: 38px;
  display: grid;
  place-items: center;
  border-radius: 999px;
  color: rgba(248,241,227,.78);
  text-decoration: none;
  font-size: .76rem;
  font-weight: 900;
  letter-spacing: .08em;
}

.diary-v58-lang a.is-active {
  background: #e3bf78;
  color: #17100b;
}

.diary-v58-brand {
  position: absolute;
  top: clamp(.8rem, 1.6vh, 1.2rem);
  left: 50%;
  transform: translateX(-50%);
  width: min(42vw, 680px);
  text-align: center;
  text-shadow: 0 16px 34px rgba(0,0,0,.92);
  transition: opacity .35s ease, transform .35s ease;
}

.diary-v58.is-reading .diary-v58-brand {
  opacity: 0;
  pointer-events: none;
  transform: translateX(-50%) translateY(-18px) scale(.92);
}

.diary-v58-mark {
  display: grid;
  place-items: center;
  min-height: 42px;
  margin-bottom: 0;
}

.diary-v58-mark img {
  max-width: 48px;
  max-height: 48px;
  filter: drop-shadow(0 8px 18px rgba(0,0,0,.6));
}

.diary-v58-mark span {
  color: #d9b979;
  letter-spacing: .32em;
  font-weight: 900;
  font-size: .86rem;
}

.diary-v58-brand h1 {
  margin: 0;
  font-family: Georgia, "Times New Roman", serif;
  font-weight: 400;
  font-size: clamp(1.65rem, 2.35vw, 3rem);
  line-height: .96;
  letter-spacing: -.04em;
  color: #fff4e4;
}

.diary-v58-brand p {
  margin: .36rem auto 0;
  max-width: 40rem;
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(.82rem, .9vw, 1rem);
  line-height: 1.42;
  color: rgba(255,244,228,.84);
}

.diary-v58-actions {
  position: absolute;
  right: clamp(1rem, 1.8vw, 2rem);
  top: clamp(.9rem, 1.8vh, 1.35rem);
  display: flex;
  flex-direction: column;
  gap: .62rem;
  align-items: stretch;
}

.diary-v58-button,
.diary-v58-prompt,
.diary-v58-counter,
.diary-v58-full-link {
  border: 1px solid rgba(217,185,121,.44);
  background:
    linear-gradient(90deg, rgba(217,185,121,.12), transparent 12%, transparent 88%, rgba(217,185,121,.12)),
    linear-gradient(180deg, rgba(24,18,13,.88), rgba(6,5,6,.86));
  color: #f0d590;
  text-decoration: none;
  text-transform: uppercase;
  font-weight: 900;
  letter-spacing: .13em;
  font-size: .68rem;
  border-radius: 6px;
  box-shadow: 0 18px 42px rgba(0,0,0,.36), inset 0 0 0 1px rgba(255,245,218,.05);
  backdrop-filter: blur(12px);
  cursor: pointer;
  position: relative;
  transition: border-color .25s ease, background .25s ease, transform .25s ease, color .25s ease, opacity .25s ease;
}

.diary-v58-button {
  min-width: 214px;
  padding: .78rem 1.05rem;
}

.diary-v58-button:hover,
.diary-v58-prompt:hover,
.diary-v58-full-link:hover {
  border-color: rgba(255,226,164,.75);
  color: #ffe8b6;
  background: linear-gradient(180deg, rgba(42,31,20,.88), rgba(12,9,9,.86));
  transform: translateY(-1px);
}

.diary-v58-hotspot {
  position: absolute;
  left: 50%;
  top: 59%;
  z-index: 38;
  width: min(42vw, 680px);
  height: min(42vh, 440px);
  transform: translate(-50%, -50%);
  border: 0;
  background: transparent;
  opacity: 0;
  outline: 0;
  box-shadow: none;
  cursor: default;
  pointer-events: none;
}

.diary-v58.is-reading .diary-v58-hotspot {
  display: none;
}

.diary-v58.is-coarse-pointer.can-read .diary-v58-hotspot {
  pointer-events: auto;
  cursor: pointer;
}

.diary-v58-prompt {
  position: absolute;
  left: 50%;
  bottom: clamp(.9rem, 2.6vh, 1.7rem);
  z-index: 42;
  transform: translateX(-50%);
  min-width: min(88vw, 370px);
  padding: .78rem 1.2rem;
  font-family: Georgia, "Times New Roman", serif;
  text-transform: none;
  font-size: clamp(.92rem, .98vw, 1.08rem);
  letter-spacing: .04em;
  transition: opacity .35s ease, transform .35s ease;
}

.diary-v58.is-reading .diary-v58-prompt {
  opacity: 0;
  pointer-events: none;
  transform: translateX(-50%) translateY(10px);
}

.diary-v58-prompt {
  pointer-events: none;
  cursor: default;
}

.diary-v58-reticle {
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 41;
  width: 18px;
  height: 18px;
  transform: translate(-50%, -50%);
  pointer-events: none;
  opacity: .50;
  transition: opacity .25s ease, transform .25s ease;
}

.diary-v58-reticle::before,
.diary-v58-reticle::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  background: rgba(255,232,182,.70);
  box-shadow: 0 0 14px rgba(217,185,121,.24);
}

.diary-v58-reticle::before {
  width: 18px;
  height: 1px;
}

.diary-v58-reticle::after {
  width: 1px;
  height: 18px;
}

.diary-v58.can-read .diary-v58-reticle {
  opacity: .90;
  transform: translate(-50%, -50%) scale(1.16);
}

.diary-v58-walk-ui {
  position: absolute;
  left: clamp(1rem, 1.8vw, 2rem);
  bottom: clamp(.9rem, 2.6vh, 1.7rem);
  z-index: 46;
  display: grid;
  gap: .65rem;
  width: min(330px, calc(100vw - 2rem));
  transition: opacity .35s ease, transform .35s ease;
}

.diary-v58-walk-help {
  display: grid;
  gap: .18rem;
  padding: .78rem .9rem;
  border: 1px solid rgba(217,185,121,.26);
  border-radius: 12px;
  background: linear-gradient(180deg, rgba(22,18,14,.78), rgba(7,6,8,.68));
  box-shadow: 0 18px 42px rgba(0,0,0,.28), inset 0 0 0 1px rgba(255,245,218,.04);
  backdrop-filter: blur(12px);
}

.diary-v58-walk-help strong {
  color: #ffe4aa;
  text-transform: uppercase;
  font-size: .68rem;
  letter-spacing: .14em;
}

.diary-v58-walk-help span {
  color: rgba(248,241,227,.74);
  font-family: Georgia, "Times New Roman", serif;
  font-size: .82rem;
  line-height: 1.35;
}

.diary-v58-dpad {
  display: grid;
  grid-template-columns: repeat(3, 44px);
  grid-template-rows: repeat(2, 44px);
  gap: .35rem;
  align-items: center;
}

.diary-v58-dpad button {
  width: 44px;
  height: 44px;
  border-radius: 12px;
  border: 1px solid rgba(217,185,121,.34);
  background: rgba(7,6,8,.66);
  color: #f0d590;
  font-size: 1.05rem;
  font-weight: 900;
  box-shadow: 0 14px 32px rgba(0,0,0,.25), inset 0 0 0 1px rgba(255,245,218,.04);
  backdrop-filter: blur(10px);
  cursor: pointer;
  touch-action: none;
}

.diary-v58-dpad button:hover,
.diary-v58-dpad button:active {
  border-color: rgba(255,226,164,.72);
  color: #ffe8b6;
  background: rgba(42,31,20,.82);
}

.diary-v58-dpad button[data-diary-v58-move="forward"] { grid-column: 2; grid-row: 1; }
.diary-v58-dpad button[data-diary-v58-move="left"] { grid-column: 1; grid-row: 2; }
.diary-v58-dpad button[data-diary-v58-move="back"] { grid-column: 2; grid-row: 2; }
.diary-v58-dpad button[data-diary-v58-move="right"] { grid-column: 3; grid-row: 2; }

.diary-v58-lookpad {
  display: none;
  position: relative;
  width: 132px;
  height: 132px;
  border-radius: 50%;
  border: 1px solid rgba(217,185,121,.28);
  background:
    radial-gradient(circle at 50% 50%, rgba(255,232,182,.08), rgba(7,6,8,.74) 66%),
    linear-gradient(180deg, rgba(22,18,14,.76), rgba(7,6,8,.70));
  box-shadow: 0 18px 42px rgba(0,0,0,.28), inset 0 0 0 1px rgba(255,245,218,.04);
  backdrop-filter: blur(12px);
  touch-action: none;
  user-select: none;
}

.diary-v58-lookpad::before,
.diary-v58-lookpad::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  background: rgba(255,232,182,.16);
  transform: translate(-50%, -50%);
}

.diary-v58-lookpad::before { width: 62%; height: 1px; }
.diary-v58-lookpad::after { width: 1px; height: 62%; }

.diary-v58-lookpad span {
  position: absolute;
  left: 50%;
  bottom: 14px;
  transform: translateX(-50%);
  color: rgba(255,232,182,.78);
  font-size: .62rem;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: .14em;
}

.diary-v58-lookpad-knob {
  position: absolute;
  left: calc(50% - 22px);
  top: calc(50% - 22px);
  width: 44px;
  height: 44px;
  border-radius: 50%;
  border: 1px solid rgba(255,226,164,.40);
  background: radial-gradient(circle at 35% 35%, rgba(255,250,238,.32), rgba(217,185,121,.18) 40%, rgba(22,18,14,.86) 100%);
  box-shadow: 0 10px 22px rgba(0,0,0,.26), inset 0 0 0 1px rgba(255,245,218,.08);
  transition: transform .06s linear;
}

.diary-v58-lookpad.is-active,
.diary-v58-lookpad:hover {
  border-color: rgba(255,226,164,.58);
}

.diary-v58-interact {
  min-width: 0;
  width: fit-content;
  max-width: 100%;
}

.diary-v58-interact:disabled {
  opacity: .48;
  cursor: default;
  transform: none !important;
}

.diary-v58.can-read .diary-v58-interact {
  border-color: rgba(255,226,164,.76);
  color: #ffe8b6;
  box-shadow: 0 20px 48px rgba(0,0,0,.34), 0 0 28px rgba(217,185,121,.14), inset 0 0 0 1px rgba(255,245,218,.06);
}

.diary-v58.is-reading .diary-v58-walk-ui,
.diary-v58.is-reading .diary-v58-reticle,
.diary-v58.is-reading .diary-v58-lookpad {
  opacity: 0;
  pointer-events: none;
  transform: translateY(10px);
}

.diary-v58-controls {
  position: absolute;
  left: 50%;
  bottom: clamp(.65rem, 1.8vh, 1.1rem);
  z-index: 44;
  transform: translateX(-50%) translateY(10px);
  display: flex;
  gap: .55rem;
  justify-content: center;
  align-items: center;
  opacity: 0;
  pointer-events: none;
  transition: opacity .35s ease, transform .35s ease;
}

.diary-v58.is-reading .diary-v58-controls {
  opacity: 1;
  pointer-events: auto;
  transform: translateX(-50%) translateY(0);
}

.diary-v58-controls .diary-v58-button {
  min-width: 116px;
  padding: .68rem .86rem;
  font-size: .62rem;
}

.diary-v58-counter {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 60px;
  padding: .68rem .75rem;
  font-size: .68rem;
}

.diary-v58-full-link {
  position: absolute;
  left: calc(50% - min(20vw, 318px));
  bottom: clamp(12rem, 24vh, 18rem);
  z-index: 60;
  transform: translateX(-50%) translateY(8px);
  min-width: 238px;
  min-height: 50px;
  padding: .72rem 1.05rem;
  font-size: .60rem;
  border-radius: 999px;
  opacity: 0;
  pointer-events: none;
}

.diary-v58.is-reading .diary-v58-full-link {
  opacity: .94;
  pointer-events: auto;
  transform: translateX(-50%) translateY(0);
}

.diary-v58.is-reading .diary-v58-full-link:hover {
  transform: translateX(-50%) translateY(-1px);
}

.diary-v58-full-link {
  font-family: inherit;
  text-align: center;
}

.diary-v58.is-page-turning .diary-v58-controls button {
  opacity: .62;
  cursor: wait;
}

.diary-v58-fullsheet {
  position: fixed;
  inset: 0;
  z-index: 1200;
  display: grid;
  place-items: center;
  padding: clamp(1rem, 2vw, 2rem);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  perspective: 1600px;
  transition: opacity .26s ease, visibility .26s ease;
}

.diary-v58-fullsheet.is-open {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}

.diary-v58-fullsheet-backdrop {
  position: absolute;
  inset: 0;
  border: 0;
  background:
    radial-gradient(circle at 50% 42%, rgba(255,220,160,.11), transparent 26%),
    rgba(5,4,4,.74);
  backdrop-filter: blur(7px) saturate(.92);
  cursor: zoom-out;
}

.diary-v58-fullsheet-paper {
  position: relative;
  z-index: 2;
  width: min(820px, calc(100vw - 2rem));
  height: min(88svh, 1040px);
  min-height: min(720px, calc(100svh - 2rem));
  border: 1px solid rgba(95,61,34,.34);
  border-radius: 18px 22px 20px 16px;
  background:
    radial-gradient(circle at 16% 12%, rgba(255,255,255,.44), transparent 28%),
    radial-gradient(circle at 78% 85%, rgba(114,72,34,.18), transparent 36%),
    linear-gradient(105deg, #f8ecd2 0%, #ead3a7 48%, #d9b983 100%);
  color: #2b1c11;
  box-shadow:
    0 44px 120px rgba(0,0,0,.62),
    0 0 0 1px rgba(255,250,230,.24) inset,
    18px 0 34px rgba(89,54,24,.12) inset,
    -18px 0 34px rgba(255,255,255,.10) inset;
  overflow: hidden;
  transform-origin: 50% 84%;
  outline: none;
}

.diary-v58-fullsheet.is-open .diary-v58-fullsheet-paper {
  animation: diaryV58DetachSheet .72s cubic-bezier(.18,.86,.24,1) both;
}

.diary-v58-fullsheet-paper::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background:
    repeating-linear-gradient(0deg, rgba(82,55,32,.055) 0 1px, transparent 1px 24px),
    radial-gradient(circle at 18% 32%, rgba(89,59,35,.10) 0 1px, transparent 2px),
    radial-gradient(circle at 62% 12%, rgba(89,59,35,.08) 0 1px, transparent 2px);
  mix-blend-mode: multiply;
  opacity: .62;
}

.diary-v58-fullsheet-paper::after {
  content: "";
  position: absolute;
  inset: 12px;
  border: 1px solid rgba(93,61,38,.20);
  border-radius: 14px 18px 16px 12px;
  pointer-events: none;
}

@keyframes diaryV58DetachSheet {
  0% {
    opacity: .18;
    transform: translate3d(-18vw, 22vh, -240px) rotateX(68deg) rotateZ(-5deg) scale(.38);
    filter: blur(1.8px);
  }
  48% {
    opacity: 1;
    transform: translate3d(-2vw, -2vh, 70px) rotateX(-7deg) rotateZ(1.6deg) scale(1.02);
    filter: blur(0);
  }
  100% {
    opacity: 1;
    transform: translate3d(0, 0, 0) rotateX(0deg) rotateZ(.15deg) scale(1);
    filter: blur(0);
  }
}

.diary-v58-fullsheet-close {
  position: absolute;
  right: .72rem;
  top: .64rem;
  z-index: 4;
  width: 42px;
  height: 42px;
  display: grid;
  place-items: center;
  border-radius: 999px;
  border: 1px solid rgba(76,48,28,.25);
  background: rgba(255,247,228,.58);
  color: #422917;
  font-size: 1.7rem;
  line-height: 1;
  cursor: pointer;
}

.diary-v58-fullsheet-scroll {
  position: relative;
  z-index: 1;
  height: 100%;
  overflow-y: auto;
  padding: clamp(2.4rem, 5vw, 4.8rem) clamp(1.5rem, 5vw, 4.6rem) clamp(2rem, 4vw, 4rem);
  scrollbar-width: thin;
}

.diary-v58-fullsheet-kicker {
  margin: 0 0 .85rem;
  color: rgba(89,58,34,.74);
  text-transform: uppercase;
  letter-spacing: .18em;
  font-weight: 900;
  font-size: .78rem;
}

.diary-v58-fullsheet-paper h2 {
  margin: 0;
  max-width: 14ch;
  font-family: Georgia, "Times New Roman", serif;
  font-weight: 700;
  font-size: clamp(2.25rem, 5vw, 4.8rem);
  line-height: .93;
  letter-spacing: -.055em;
  color: #21150d;
}

.diary-v58-fullsheet-meta {
  margin: 1rem 0 1.55rem;
  color: rgba(81,54,34,.76);
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(.96rem, 1.5vw, 1.15rem);
}

.diary-v58-fullsheet-body {
  border-top: 1px solid rgba(91,58,34,.18);
  padding-top: 1.35rem;
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(1.08rem, 1.42vw, 1.28rem);
  line-height: 1.78;
  color: #2d1e13;
}

.diary-v58-fullsheet-body p,
.diary-v58-fullsheet-body ul,
.diary-v58-fullsheet-body ol,
.diary-v58-fullsheet-body blockquote {
  margin-top: 0;
  margin-bottom: 1.2em;
}

.diary-v58-fullsheet-body img,
.diary-v58-fullsheet-body iframe {
  max-width: 100%;
}

.diary-v58.is-fullsheet-open .diary-v58-controls,
.diary-v58.is-fullsheet-open .diary-v58-full-link,
.diary-v58.is-fullsheet-open .diary-v58-walk-ui {
  opacity: 0 !important;
  pointer-events: none !important;
}

/* Index modal */
.diary-v58-index-modal {
  position: fixed;
  inset: 0;
  z-index: 1000;
  display: grid;
  place-items: center;
  opacity: 0;
  pointer-events: none;
  visibility: hidden;
  transition: opacity .25s ease, visibility .25s ease;
}

.diary-v58-index-modal.is-open {
  opacity: 1;
  pointer-events: auto;
  visibility: visible;
}

.diary-v58-index-backdrop {
  position: absolute;
  inset: 0;
  border: 0;
  background: rgba(3,3,7,.72);
  backdrop-filter: blur(10px);
}

.diary-v58-index-panel {
  position: relative;
  width: min(900px, calc(100vw - 2rem));
  max-height: min(84vh, 820px);
  overflow: hidden;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  border-radius: 24px;
  border: 1px solid rgba(217,185,121,.24);
  background:
    radial-gradient(circle at 30% 0%, rgba(217,185,121,.12), transparent 34%),
    linear-gradient(180deg, rgba(22,17,15,.98), rgba(6,6,9,.98));
  box-shadow: 0 38px 120px rgba(0,0,0,.68);
  padding: 1.2rem;
}

.diary-v58-index-head {
  display: flex;
  justify-content: space-between;
  gap: 1rem;
  align-items: start;
}

.diary-v58-index-head p {
  margin: 0 0 .3rem;
  color: #d9b979;
  text-transform: uppercase;
  font-size: .72rem;
  font-weight: 900;
  letter-spacing: .16em;
}

.diary-v58-index-head h2 {
  margin: 0;
  font-family: Georgia, "Times New Roman", serif;
  font-weight: 400;
  font-size: clamp(1.8rem, 3vw, 3rem);
}

.diary-v58-index-head button {
  width: 44px;
  height: 44px;
  border-radius: 50%;
  border: 1px solid rgba(217,185,121,.24);
  background: transparent;
  color: #f8f1e3;
  font-size: 1.7rem;
  cursor: pointer;
}

.diary-v58-filter {
  display: flex;
  flex-direction: column;
  gap: .45rem;
  color: #d9b979;
  font-size: .72rem;
  font-weight: 900;
  letter-spacing: .16em;
  text-transform: uppercase;
}

.diary-v58-filter input {
  min-height: 52px;
  padding: 0 1rem;
  border-radius: 14px;
  border: 1px solid rgba(217,185,121,.18);
  background: rgba(255,255,255,.035);
  color: #f8f1e3;
  outline: none;
}

.diary-v58-index-list {
  display: flex;
  flex-direction: column;
  gap: .7rem;
  min-height: 0;
  overflow: auto;
}

.diary-v58-index-item {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: .8rem 1rem;
  align-items: start;
  padding: 1rem;
  border-radius: 16px;
  border: 1px solid rgba(217,185,121,.14);
  background: rgba(255,255,255,.025);
  color: #f8f1e3;
  text-align: left;
  cursor: pointer;
}

.diary-v58-index-item:hover,
.diary-v58-index-item.is-active {
  border-color: rgba(217,185,121,.44);
  background: rgba(217,185,121,.08);
}

.diary-v58-index-item span {
  grid-row: span 3;
  color: #d9b979;
  font-family: Georgia, "Times New Roman", serif;
  font-size: 2rem;
  line-height: .9;
}

.diary-v58-index-item strong,
.diary-v58-index-item em,
.diary-v58-index-item small {
  display: block;
}

.diary-v58-index-item em {
  font-style: normal;
  color: rgba(248,241,227,.68);
}

.diary-v58-index-item small {
  color: #d9b979;
  text-transform: uppercase;
  letter-spacing: .12em;
}

html.an-modal-open,
html.an-modal-open body {
  overflow: hidden !important;
}

.diary-v58.three-failed::after {
  content: "3D scene failed to load";
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 80;
  transform: translate(-50%, -50%);
  color: #f0d590;
  padding: 1rem 1.5rem;
  border: 1px solid rgba(217,185,121,.4);
  background: rgba(7,6,8,.8);
  border-radius: 12px;
}

@media (max-width: 900px) and (pointer: coarse), (max-width: 760px) {
  body.diary-v58-body .an-main {
    min-height: 100vh !important;
  }

  .diary-v58-brand {
    width: calc(100vw - 1.2rem);
    top: 4rem;
  }

  .diary-v58-mark img {
    max-width: 38px;
    max-height: 38px;
  }

  .diary-v58-brand h1 {
    font-size: clamp(1.08rem, 5.2vw, 1.7rem);
    line-height: 1.02;
  }

  .diary-v58-brand p {
    display: none;
  }

  .diary-v58-prompt {
    bottom: 7.65rem;
    width: min(calc(100vw - 1.2rem), 320px);
    min-width: 0;
    padding: .5rem .75rem;
    font-size: .74rem;
    line-height: 1.15;
    text-align: center;
  }

  .diary-v58-reticle {
    opacity: .18;
  }

  .diary-v58-actions {
    top: .62rem;
    right: .62rem;
    gap: .34rem;
  }

  .diary-v58-button {
    min-width: 0;
    padding: .66rem .72rem;
    font-size: .54rem;
  }

  .diary-v58-actions .diary-v58-button {
    min-width: 146px;
    padding: .72rem .8rem;
  }

  .diary-v58-walk-ui {
    left: .62rem;
    right: .62rem;
    bottom: .7rem;
    width: auto;
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    grid-template-areas: 'move interact';
    justify-content: space-between;
    align-items: end;
    gap: .65rem;
  }

  .diary-v58-walk-help,
  .diary-v58-lookpad {
    display: none !important;
  }

  .diary-v58-dpad {
    grid-area: move;
    grid-template-columns: repeat(3, 52px);
    grid-template-rows: repeat(2, 52px);
    gap: .34rem;
  }

  .diary-v58-dpad button {
    width: 52px;
    height: 52px;
    border-radius: 16px;
    font-size: 1.08rem;
  }

  .diary-v58-interact {
    grid-area: interact;
    width: 100%;
    max-width: 176px;
    justify-self: end;
    min-height: 52px;
    padding-inline: .8rem;
    font-size: .54rem;
  }

  .diary-v58-hotspot {
    top: 55%;
    width: min(72vw, 360px);
    height: min(26vh, 170px);
  }

  .diary-v58-controls {
    width: calc(100vw - .8rem);
    flex-wrap: wrap;
    bottom: .45rem;
    gap: .38rem;
  }

  .diary-v58-controls .diary-v58-button,
  .diary-v58-counter {
    flex: 1 1 calc(50% - .38rem);
    min-width: 0;
  }

  .diary-v58.is-reading .diary-v58-controls {
    transform: translateX(-50%) translateY(0);
  }

  .diary-v58-full-link {
    left: 50%;
    bottom: 7.2rem;
    max-width: calc(100vw - 2rem);
    white-space: nowrap;
  }

  .diary-v58-lang {
    left: .62rem;
    top: .62rem;
  }

  .diary-v58-lang a {
    width: 32px;
    height: 32px;
  }

  .diary-v58.can-read .diary-v58-interact {
    box-shadow: 0 18px 40px rgba(0,0,0,.32), 0 0 24px rgba(217,185,121,.16), inset 0 0 0 1px rgba(255,245,218,.08);
  }
}

@media (max-width: 680px) {
  .diary-v58-fullsheet {
    padding: .56rem;
  }

  .diary-v58-fullsheet-paper {
    width: calc(100vw - 1.1rem);
    height: calc(100svh - 1.1rem);
    min-height: 0;
    border-radius: 14px;
  }

  .diary-v58-fullsheet-scroll {
    padding: 3rem 1.25rem 2rem;
  }

  .diary-v58-fullsheet-paper h2 {
    max-width: none;
    font-size: clamp(2rem, 12vw, 3.4rem);
  }

  .diary-v58-fullsheet-body {
    font-size: 1.02rem;
    line-height: 1.68;
  }
}

/* ==================== V70 MOUSE Y + LIGHT PASS ====================
   Brighter room, non-inverted vertical look, and only a subtle floor-level mist. */
.diary-v58::before {
  background:
    linear-gradient(180deg, rgba(2,2,6,.46) 0, rgba(2,2,6,.18) 78px, rgba(2,2,6,.015) 220px, transparent 410px),
    linear-gradient(0deg, rgba(2,2,6,.34) 0, rgba(2,2,6,.10) 92px, rgba(2,2,6,.015) 220px, transparent 350px),
    radial-gradient(circle at 50% 58%, transparent 0 68%, rgba(0,0,0,.08) 100%),
    linear-gradient(90deg, rgba(0,0,0,.035), transparent 25%, transparent 75%, rgba(0,0,0,.035)) !important;
}

.diary-v58.is-reading::before {
  background:
    linear-gradient(180deg, rgba(2,2,6,.56) 0, rgba(2,2,6,.26) 84px, rgba(2,2,6,.035) 235px, transparent 420px),
    linear-gradient(0deg, rgba(2,2,6,.42) 0, rgba(2,2,6,.14) 115px, rgba(2,2,6,.035) 250px, transparent 370px),
    radial-gradient(circle at 50% 58%, transparent 0 58%, rgba(0,0,0,.16) 100%),
    linear-gradient(90deg, rgba(0,0,0,.06), transparent 25%, transparent 75%, rgba(0,0,0,.06)) !important;
}

.diary-v58::after {
  background:
    radial-gradient(ellipse at 50% 86%, rgba(255,220,160,.11) 0 20%, rgba(255,220,160,.045) 34%, transparent 62%),
    radial-gradient(circle at 24% 28%, rgba(255,225,170,.075) 0 1px, transparent 1.7px),
    radial-gradient(circle at 64% 18%, rgba(255,225,170,.055) 0 1px, transparent 1.6px),
    radial-gradient(circle at 82% 58%, rgba(255,225,170,.04) 0 1px, transparent 1.5px) !important;
  background-size: auto, 310px 230px, 260px 190px, 220px 280px !important;
  opacity: .24 !important;
}

.diary-v58.is-reading::after {
  opacity: .26 !important;
  background:
    radial-gradient(ellipse at 50% 88%, rgba(255,220,160,.08) 0 20%, rgba(255,220,160,.035) 36%, transparent 64%),
    radial-gradient(circle at 28% 24%, rgba(255,225,170,.06) 0 1px, transparent 1.7px),
    radial-gradient(circle at 70% 28%, rgba(255,225,170,.04) 0 1px, transparent 1.6px) !important;
  background-size: auto, 300px 220px, 240px 180px !important;
}


/* v72 diary reading fixes: clear full-page action, safer book surface, improved sheet detach */
.diary-v58-full-link {
  left: auto !important;
  right: clamp(1rem, 2vw, 2rem) !important;
  bottom: clamp(4.9rem, 9vh, 7rem) !important;
  z-index: 95 !important;
  transform: translateY(10px) scale(.98) !important;
  min-width: min(310px, calc(100vw - 2rem)) !important;
  min-height: 54px !important;
  padding: .9rem 1.15rem !important;
  font-size: .68rem !important;
  border-radius: 999px !important;
  border-color: rgba(255,226,164,.70) !important;
  background:
    radial-gradient(circle at 24% 18%, rgba(255,245,214,.24), transparent 34%),
    linear-gradient(180deg, rgba(70,48,28,.94), rgba(15,10,8,.94)) !important;
  color: #ffe7af !important;
  box-shadow: 0 22px 52px rgba(0,0,0,.48), 0 0 34px rgba(217,185,121,.20), inset 0 0 0 1px rgba(255,245,218,.09) !important;
  touch-action: manipulation;
}

.diary-v58.is-reading .diary-v58-full-link {
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
  transform: translateY(0) scale(1) !important;
}

.diary-v58.is-reading .diary-v58-full-link:hover,
.diary-v58.is-reading .diary-v58-full-link:focus-visible {
  transform: translateY(-2px) scale(1.01) !important;
  outline: 2px solid rgba(255,232,182,.45);
  outline-offset: 4px;
}

.diary-v58.is-page-turning .diary-v58-full-link {
  opacity: .42 !important;
  pointer-events: none !important;
}

.diary-v58-fullsheet {
  align-items: center !important;
  justify-items: center !important;
}

.diary-v58-fullsheet-backdrop {
  background:
    radial-gradient(circle at 50% 52%, rgba(255,221,166,.16), transparent 22%),
    radial-gradient(circle at 48% 72%, rgba(71,42,22,.36), transparent 34%),
    rgba(4,3,3,.78) !important;
  backdrop-filter: blur(8px) saturate(.88) !important;
}

.diary-v58-fullsheet-paper {
  width: min(780px, calc(100vw - 2rem)) !important;
  height: min(92svh, 1120px) !important;
  min-height: min(760px, calc(100svh - 2rem)) !important;
  max-height: calc(100svh - 2rem) !important;
  transform-origin: 50% 96% !important;
  border-radius: 16px 26px 24px 15px !important;
  overflow: hidden !important;
}

.diary-v58-fullsheet.is-open .diary-v58-fullsheet-paper {
  animation: diaryV72DetachSheet 1.05s cubic-bezier(.17,.82,.18,1) both !important;
}

@keyframes diaryV72DetachSheet {
  0% {
    opacity: .05;
    transform: translate3d(-18vw, 32vh, -420px) rotateX(72deg) rotateY(-10deg) rotateZ(-5deg) scale(.26);
    filter: blur(2.4px) brightness(.72);
  }
  18% {
    opacity: .92;
    transform: translate3d(-10vw, 17vh, -130px) rotateX(52deg) rotateY(9deg) rotateZ(-7deg) scale(.48);
    filter: blur(1.1px) brightness(.95);
  }
  46% {
    opacity: 1;
    transform: translate3d(4vw, -4vh, 90px) rotateX(12deg) rotateY(-5deg) rotateZ(2.2deg) scale(1.02);
    filter: blur(0) brightness(1.04);
  }
  72% {
    opacity: 1;
    transform: translate3d(-.8vw, .7vh, 20px) rotateX(-3deg) rotateY(1.5deg) rotateZ(-.5deg) scale(1.006);
    filter: blur(0) brightness(1);
  }
  100% {
    opacity: 1;
    transform: translate3d(0, 0, 0) rotateX(0deg) rotateY(0deg) rotateZ(.12deg) scale(1);
    filter: blur(0) brightness(1);
  }
}

.diary-v58-fullsheet-paper::before {
  background:
    linear-gradient(90deg, rgba(86,55,33,.12), transparent 12%, transparent 88%, rgba(86,55,33,.10)),
    repeating-linear-gradient(0deg, rgba(82,55,32,.050) 0 1px, transparent 1px 24px),
    radial-gradient(circle at 18% 32%, rgba(89,59,35,.10) 0 1px, transparent 2px),
    radial-gradient(circle at 62% 12%, rgba(89,59,35,.08) 0 1px, transparent 2px) !important;
}

.diary-v58-fullsheet-scroll {
  height: 100% !important;
  max-height: 100% !important;
  padding-bottom: clamp(2.6rem, 5vw, 4.8rem) !important;
}

@media (max-width: 820px) {
  .diary-v58-full-link {
    right: 50% !important;
    bottom: calc(env(safe-area-inset-bottom) + 5.35rem) !important;
    transform: translateX(50%) translateY(10px) scale(.98) !important;
    width: min(420px, calc(100vw - 1.5rem)) !important;
  }
  .diary-v58.is-reading .diary-v58-full-link {
    transform: translateX(50%) translateY(0) scale(1) !important;
  }
  .diary-v58.is-reading .diary-v58-full-link:hover,
  .diary-v58.is-reading .diary-v58-full-link:focus-visible {
    transform: translateX(50%) translateY(-2px) scale(1.01) !important;
  }
  .diary-v58-controls {
    bottom: calc(env(safe-area-inset-bottom) + .55rem) !important;
    flex-wrap: wrap !important;
    width: min(96vw, 560px) !important;
  }
  .diary-v58-controls .diary-v58-button {
    min-width: auto !important;
    flex: 1 1 120px !important;
  }
  .diary-v58-fullsheet-paper {
    width: calc(100vw - 1rem) !important;
    height: calc(100svh - 1rem) !important;
    min-height: 0 !important;
  }
  .diary-v58-fullsheet-scroll {
    padding: 4rem 1.25rem 2.2rem !important;
  }
  .diary-v58-fullsheet-paper h2 {
    font-size: clamp(2rem, 13vw, 3.45rem) !important;
    max-width: 12ch !important;
  }
}


/* v73 reading corrections: the real full-page button lives in the visible controls row. */
.diary-v58-controls {
  z-index: 98 !important;
}

.diary-v58-controls .diary-v58-full-action {
  min-width: 178px !important;
  border-color: rgba(255,226,164,.72) !important;
  color: #ffe7af !important;
  background:
    radial-gradient(circle at 24% 18%, rgba(255,245,214,.20), transparent 34%),
    linear-gradient(180deg, rgba(70,48,28,.95), rgba(15,10,8,.94)) !important;
  box-shadow: 0 18px 44px rgba(0,0,0,.40), 0 0 24px rgba(217,185,121,.16), inset 0 0 0 1px rgba(255,245,218,.08) !important;
}

.diary-v58.is-page-turning .diary-v58-controls .diary-v58-full-action {
  opacity: .45 !important;
  pointer-events: none !important;
}

/* No floating full-link is used in v73. Keep legacy copies hidden if a cached template leaves one behind. */
.diary-v58 > .diary-v58-full-link {
  display: none !important;
}

@media (max-width: 900px) and (pointer: coarse), (max-width: 760px) {
  .diary-v58-controls {
    bottom: calc(env(safe-area-inset-bottom) + .45rem) !important;
    width: min(96vw, 620px) !important;
    max-height: 38vh;
    overflow: visible;
  }

  .diary-v58-controls .diary-v58-button,
  .diary-v58-counter {
    flex: 1 1 calc(50% - .4rem) !important;
    min-width: 0 !important;
  }

  .diary-v58-controls .diary-v58-full-action {
    flex-basis: 100% !important;
    order: 3;
  }

  .diary-v58-counter {
    order: 6;
  }
}


/* v74 reading usability: the full-page action is a real control inside the lower bar. */
.diary-v58-controls .diary-v58-full-action {
  position: relative !important;
  z-index: 130 !important;
  pointer-events: auto !important;
  cursor: pointer !important;
}
.diary-v58.is-reading .diary-v58-controls,
.diary-v58.is-reading .diary-v58-controls * {
  pointer-events: auto !important;
}
.diary-v58-fullsheet {
  z-index: 5000 !important;
}
.diary-v58-fullsheet.is-open,
.diary-v58-fullsheet.is-detaching {
  visibility: visible !important;
}
.diary-v58-fullsheet.is-open {
  opacity: 1 !important;
  pointer-events: auto !important;
}

/* v76 reading flow fixes: stable full-page button and internal sheet only. */
#diary-full-page-button {
  position: relative !important;
  z-index: 160 !important;
  pointer-events: auto !important;
  touch-action: manipulation !important;
}

.diary-v58.is-reading #diary-full-page-button {
  opacity: 1 !important;
  visibility: visible !important;
}

.diary-v58-fullsheet.is-open .diary-v58-fullsheet-scroll {
  overflow-y: auto !important;
  -webkit-overflow-scrolling: touch;
}

/* v77 reading/mobile UX: compact controls, readable sheet, and non-invasive mobile chrome. */
.diary-v58.is-reading .diary-v58-prompt {
  display: none !important;
}

@media (max-width: 768px) {
  .diary-v58,
  .diary-v58-ui {
    overflow: hidden;
  }

  .diary-v58-lang {
    left: .5rem !important;
    top: .5rem !important;
    padding: .16rem !important;
    transform: scale(.86);
    transform-origin: left top;
  }

  .diary-v58-lang a {
    width: 30px !important;
    height: 30px !important;
    font-size: .62rem !important;
    letter-spacing: 0 !important;
  }

  .diary-v58-actions {
    top: .5rem !important;
    right: .5rem !important;
    gap: .28rem !important;
    max-width: calc(100vw - 7.2rem);
  }

  .diary-v58-actions .diary-v58-button {
    width: 128px !important;
    min-width: 0 !important;
    min-height: 36px !important;
    padding: .48rem .52rem !important;
    font-size: .48rem !important;
    line-height: 1.08 !important;
    letter-spacing: 0 !important;
    white-space: normal !important;
  }

  .diary-v58-brand {
    top: 3.35rem !important;
    width: calc(100vw - 1rem) !important;
  }

  .diary-v58-brand h1 {
    font-size: 1.18rem !important;
    letter-spacing: 0 !important;
  }

  .diary-v58-prompt {
    bottom: calc(env(safe-area-inset-bottom) + 5.2rem) !important;
    width: min(calc(100vw - 1.2rem), 286px) !important;
    min-width: 0 !important;
    padding: .42rem .58rem !important;
    font-size: .66rem !important;
    line-height: 1.16 !important;
    letter-spacing: 0 !important;
  }

  .diary-v58.can-read .diary-v58-prompt {
    bottom: calc(env(safe-area-inset-bottom) + 5.35rem) !important;
  }

  .diary-v58-walk-ui {
    left: .5rem !important;
    right: .5rem !important;
    bottom: calc(env(safe-area-inset-bottom) + .48rem) !important;
    gap: .44rem !important;
    grid-template-columns: auto minmax(104px, 148px) !important;
    align-items: end !important;
  }

  .diary-v58-dpad {
    grid-template-columns: repeat(3, 40px) !important;
    grid-template-rows: repeat(2, 40px) !important;
    gap: .22rem !important;
  }

  .diary-v58-dpad button {
    width: 40px !important;
    height: 40px !important;
    border-radius: 11px !important;
    font-size: .9rem !important;
  }

  .diary-v58-interact {
    max-width: 148px !important;
    min-height: 40px !important;
    padding: .46rem .52rem !important;
    font-size: .46rem !important;
    line-height: 1.08 !important;
    letter-spacing: 0 !important;
    white-space: normal !important;
  }

  .diary-v58.is-reading .diary-v58-walk-ui,
  .diary-v58.is-reading .diary-v58-hotspot {
    display: none !important;
  }

  .diary-v58.is-reading .diary-v58-controls {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    left: 50% !important;
    bottom: calc(env(safe-area-inset-bottom) + .48rem) !important;
    width: min(92vw, 380px) !important;
    max-height: none !important;
    gap: .34rem !important;
    padding: .38rem !important;
    align-items: stretch !important;
    justify-content: stretch !important;
    border: 1px solid rgba(217,185,121,.32);
    border-radius: 10px;
    background:
      linear-gradient(90deg, rgba(217,185,121,.10), transparent 16%, transparent 84%, rgba(217,185,121,.10)),
      linear-gradient(180deg, rgba(18,13,10,.86), rgba(5,4,5,.82));
    box-shadow: 0 16px 38px rgba(0,0,0,.36), inset 0 0 0 1px rgba(255,245,218,.05);
    backdrop-filter: blur(12px);
    transform: translateX(-50%) translateY(0) !important;
  }

  .diary-v58.is-reading .diary-v58-controls .diary-v58-button,
  .diary-v58.is-reading .diary-v58-counter {
    flex: none !important;
    width: 100% !important;
    min-width: 0 !important;
    min-height: 34px !important;
    padding: .44rem .42rem !important;
    font-size: .47rem !important;
    line-height: 1.05 !important;
    letter-spacing: 0 !important;
    white-space: normal !important;
    border-radius: 6px !important;
  }

  .diary-v58-controls [data-diary-v58-newer] {
    order: 1;
  }

  .diary-v58-controls [data-diary-v58-older] {
    order: 2;
  }

  .diary-v58-controls [data-diary-v58-index-open] {
    order: 3;
  }

  .diary-v58-controls [data-diary-v58-step-back] {
    order: 4;
  }

  .diary-v58-controls #diary-full-page-button {
    grid-column: 1 / -1 !important;
    order: 5;
    min-height: 36px !important;
  }

  .diary-v58.is-reading .diary-v58-counter {
    display: none !important;
  }

  .diary-v58-fullsheet {
    padding: .5rem !important;
  }

  .diary-v58-fullsheet-paper {
    width: calc(100vw - 1rem) !important;
    height: calc(100svh - 1rem) !important;
    max-height: calc(100svh - 1rem) !important;
    min-height: 0 !important;
    border-radius: 12px !important;
  }

  .diary-v58-fullsheet-close {
    top: .62rem !important;
    right: .62rem !important;
    width: 38px !important;
    height: 38px !important;
    z-index: 6 !important;
  }

  .diary-v58-fullsheet-scroll {
    padding: 3.35rem 1.08rem 1.6rem !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    overscroll-behavior: contain;
  }

  .diary-v58-fullsheet-kicker {
    font-size: .64rem !important;
    letter-spacing: 0 !important;
  }

  .diary-v58-fullsheet-paper h2 {
    max-width: none !important;
    font-size: 2.05rem !important;
    line-height: 1 !important;
    letter-spacing: 0 !important;
  }

  .diary-v58-fullsheet-body {
    max-width: none !important;
    font-size: .98rem !important;
    line-height: 1.58 !important;
    overflow-wrap: anywhere;
  }
}

@media (max-width: 480px) {
  .diary-v58-lang {
    transform: scale(.78);
  }

  .diary-v58-actions {
    top: .42rem !important;
    right: .42rem !important;
    max-width: calc(100vw - 6.1rem);
  }

  .diary-v58-actions .diary-v58-button {
    width: 112px !important;
    min-height: 32px !important;
    padding: .42rem .42rem !important;
    font-size: .46rem !important;
    line-height: 1.06 !important;
    letter-spacing: 0 !important;
  }

  .diary-v58-brand {
    top: 3rem !important;
  }

  .diary-v58-brand h1 {
    font-size: 1rem !important;
  }

  .diary-v58-prompt {
    bottom: calc(env(safe-area-inset-bottom) + 4.75rem) !important;
    width: min(calc(100vw - 1rem), 260px) !important;
    padding: .36rem .5rem !important;
    font-size: .61rem !important;
  }

  .diary-v58-walk-ui {
    grid-template-columns: auto minmax(92px, 126px) !important;
    gap: .34rem !important;
  }

  .diary-v58-dpad {
    grid-template-columns: repeat(3, 36px) !important;
    grid-template-rows: repeat(2, 36px) !important;
    gap: .18rem !important;
  }

  .diary-v58-dpad button {
    width: 36px !important;
    height: 36px !important;
    border-radius: 10px !important;
    font-size: .82rem !important;
  }

  .diary-v58-interact {
    max-width: 126px !important;
    min-height: 36px !important;
    padding: .4rem .42rem !important;
    font-size: .44rem !important;
  }

  .diary-v58.is-reading .diary-v58-controls {
    bottom: calc(env(safe-area-inset-bottom) + .34rem) !important;
    width: min(94vw, 334px) !important;
    gap: .28rem !important;
    padding: .30rem !important;
  }

  .diary-v58.is-reading .diary-v58-controls .diary-v58-button,
  .diary-v58.is-reading .diary-v58-counter {
    min-height: 31px !important;
    padding: .38rem .34rem !important;
    font-size: .46rem !important;
    letter-spacing: 0 !important;
  }

  .diary-v58-controls #diary-full-page-button {
    min-height: 34px !important;
  }

  .diary-v58-fullsheet {
    padding: .35rem !important;
  }

  .diary-v58-fullsheet-paper {
    width: calc(100vw - .7rem) !important;
    height: calc(100svh - .7rem) !important;
    max-height: calc(100svh - .7rem) !important;
    border-radius: 10px !important;
  }

  .diary-v58-fullsheet-close {
    top: .46rem !important;
    right: .46rem !important;
    width: 34px !important;
    height: 34px !important;
  }

  .diary-v58-fullsheet-scroll {
    padding: 3rem .92rem 1.25rem !important;
  }

  .diary-v58-fullsheet-paper h2 {
    font-size: 1.62rem !important;
  }

  .diary-v58-fullsheet-body {
    font-size: .93rem !important;
    line-height: 1.54 !important;
  }
}

@media (max-width: 768px) and (max-height: 680px) {
  .diary-v58-prompt {
    display: none !important;
  }

  .diary-v58.is-reading .diary-v58-controls {
    gap: .24rem !important;
    padding: .26rem !important;
  }

  .diary-v58.is-reading .diary-v58-controls .diary-v58-button {
    min-height: 30px !important;
    padding-top: .34rem !important;
    padding-bottom: .34rem !important;
  }
}


/* v78 reading/mobile hotfix: higher reading view + bottom controls that never fall outside mobile viewport. */
@media (max-width: 768px) {
  body.diary-v58-body,
  body.diary-v58-body .an-main {
    width: 100vw !important;
    max-width: 100vw !important;
    overflow: hidden !important;
  }

  body.admin-bar.diary-v58-body .an-main {
    height: calc(100svh - 46px) !important;
    min-height: calc(100svh - 46px) !important;
  }

  .diary-v58 {
    width: 100vw !important;
    height: 100svh !important;
    max-height: 100svh !important;
    overflow: hidden !important;
    touch-action: none !important;
  }

  body.admin-bar .diary-v58 {
    height: calc(100svh - 46px) !important;
    max-height: calc(100svh - 46px) !important;
  }

  .diary-v58-canvas {
    height: 100% !important;
  }

  .diary-v58.is-reading .diary-v58-actions {
    top: .42rem !important;
    right: .42rem !important;
    max-width: calc(100vw - 5.2rem) !important;
    gap: .24rem !important;
    transform: scale(.86) !important;
    transform-origin: right top !important;
  }

  .diary-v58.is-reading .diary-v58-actions .diary-v58-button {
    width: 120px !important;
    min-height: 30px !important;
    padding: .34rem .42rem !important;
    font-size: .43rem !important;
    line-height: 1.03 !important;
    letter-spacing: 0 !important;
  }

  .diary-v58.is-reading .diary-v58-lang {
    transform: scale(.72) !important;
    transform-origin: left top !important;
  }

  .diary-v58.is-reading .diary-v58-brand,
  .diary-v58.is-reading .diary-v58-prompt,
  .diary-v58.is-reading .diary-v58-walk-ui,
  .diary-v58.is-reading .diary-v58-reticle,
  .diary-v58.is-reading .diary-v58-lookpad,
  .diary-v58.is-reading .diary-v58-hotspot {
    display: none !important;
  }

  .diary-v58.is-reading .diary-v58-controls {
    position: fixed !important;
    left: .45rem !important;
    right: .45rem !important;
    bottom: max(env(safe-area-inset-bottom), .42rem) !important;
    width: auto !important;
    max-width: none !important;
    max-height: calc(42svh - env(safe-area-inset-bottom)) !important;
    transform: none !important;
    z-index: 10020 !important;
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: .28rem !important;
    padding: .30rem !important;
    overflow: visible !important;
    box-sizing: border-box !important;
    border-radius: 10px !important;
    background:
      linear-gradient(90deg, rgba(217,185,121,.10), transparent 18%, transparent 82%, rgba(217,185,121,.10)),
      linear-gradient(180deg, rgba(18,13,10,.92), rgba(5,4,5,.90)) !important;
    box-shadow: 0 10px 28px rgba(0,0,0,.46), inset 0 0 0 1px rgba(255,245,218,.05) !important;
    backdrop-filter: blur(12px) !important;
  }

  .diary-v58.is-reading .diary-v58-controls .diary-v58-button {
    width: 100% !important;
    min-width: 0 !important;
    min-height: 30px !important;
    padding: .34rem .30rem !important;
    font-size: clamp(.43rem, 2.25vw, .55rem) !important;
    line-height: 1.04 !important;
    letter-spacing: .01em !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
    border-radius: 7px !important;
  }

  .diary-v58.is-reading .diary-v58-controls [data-diary-v58-newer] { order: 1 !important; }
  .diary-v58.is-reading .diary-v58-controls [data-diary-v58-older] { order: 2 !important; }
  .diary-v58.is-reading .diary-v58-controls [data-diary-v58-index-open] { order: 3 !important; }
  .diary-v58.is-reading .diary-v58-controls [data-diary-v58-step-back] { order: 4 !important; }
  .diary-v58.is-reading .diary-v58-controls #diary-full-page-button {
    order: 5 !important;
    grid-column: 1 / -1 !important;
    min-height: 32px !important;
  }
  .diary-v58.is-reading .diary-v58-counter { display: none !important; }
}

@media (max-width: 480px) {
  .diary-v58.is-reading .diary-v58-controls {
    left: .35rem !important;
    right: .35rem !important;
    bottom: max(env(safe-area-inset-bottom), .28rem) !important;
    gap: .22rem !important;
    padding: .24rem !important;
  }

  .diary-v58.is-reading .diary-v58-controls .diary-v58-button {
    min-height: 27px !important;
    padding: .28rem .24rem !important;
    font-size: clamp(.40rem, 2.55vw, .48rem) !important;
    line-height: 1.02 !important;
  }

  .diary-v58.is-reading .diary-v58-controls #diary-full-page-button {
    min-height: 29px !important;
  }
}

@media (max-width: 768px) and (max-height: 700px) {
  .diary-v58.is-reading .diary-v58-controls {
    gap: .18rem !important;
    padding: .20rem !important;
  }

  .diary-v58.is-reading .diary-v58-controls .diary-v58-button {
    min-height: 25px !important;
    padding: .23rem .20rem !important;
    font-size: .39rem !important;
  }

  .diary-v58.is-reading .diary-v58-controls #diary-full-page-button {
    min-height: 27px !important;
  }
}

/* V79: label-only heads in The Artifact */
.album-v24-block-head--label-only{margin-bottom:clamp(.8rem,1.6vw,1.25rem)}
.album-v24-block-head--label-only .eyebrow{margin-bottom:0}


/* V80: controllable text rhythm on song pages */
.an-song-single .an-single-content .wp-content> :last-child{margin-bottom:0}
.an-song-single .song-text-spacing--compact .wp-content h2,
.an-song-single .song-text-spacing--compact .wp-content h3{margin-bottom:.55rem}
.an-song-single .song-text-spacing--compact .wp-content p,
.an-song-single .song-text-spacing--compact .wp-content li,
.an-song-single .song-text-spacing--compact .wp-content div{line-height:1.48}
.an-song-single .song-text-spacing--compact .wp-content p{margin-bottom:.42rem}
.an-song-single .song-text-spacing--compact .wp-content ul,
.an-song-single .song-text-spacing--compact .wp-content ol{margin-top:.45rem;margin-bottom:.7rem}
.an-song-single .song-text-spacing--normal .wp-content p{line-height:1.64;margin-bottom:1rem}
.an-song-single .song-text-spacing--normal .wp-content h2,
.an-song-single .song-text-spacing--normal .wp-content h3{margin-bottom:1rem}
.an-song-single .song-text-spacing--airy .wp-content p,
.an-song-single .song-text-spacing--airy .wp-content li,
.an-song-single .song-text-spacing--airy .wp-content div{line-height:1.82}
.an-song-single .song-text-spacing--airy .wp-content p{margin-bottom:1.35rem}
.an-song-single .song-text-spacing--airy .wp-content h2,
.an-song-single .song-text-spacing--airy .wp-content h3{margin-bottom:1.3rem}

/* V81: Gallery media URLs also render as the visible card image. */
.real-gallery .memory-item > img{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  max-width:none;
  object-fit:cover;
  display:block;
  z-index:0;
}
.real-gallery .memory-item > span:not(.gallery-caption){position:relative;z-index:1}
.real-gallery .gallery-caption{z-index:2}

.gallery-single-media{min-height:220px;display:grid;place-items:center;overflow:hidden;border-radius:22px}.gallery-single-media img{width:100%;height:auto;max-height:560px;object-fit:cover;display:block}


/* V83: gallery CRUD controls inside Visual Builder */
body.anb-preview-body.anb-preview-edit-mode .an-evidence .an-section-heading .an-admin-add{margin-top:1rem!important}
body.anb-preview-body.anb-preview-edit-mode .memory-item>.anb-gallery-delete{display:grid!important;position:absolute!important;right:.7rem!important;top:.7rem!important;z-index:8!important;min-width:42px!important;min-height:42px!important;padding:0!important;margin:0!important;border-radius:999px!important;background:rgba(92,10,25,.92)!important;border:1px solid rgba(255,145,145,.72)!important;color:#fff!important;box-shadow:0 10px 30px rgba(0,0,0,.45)!important}
body.anb-preview-body.anb-preview-edit-mode .memory-item>.anb-gallery-delete span{display:none!important}
body.anb-preview-body.anb-preview-edit-mode .memory-item>.anb-gallery-delete:hover{background:rgba(170,20,45,.96)!important}
body.anb-preview-body.anb-preview-interact-mode .memory-item>.anb-gallery-delete{display:none!important}
body.anb-preview-body.anb-preview-edit-mode .memory-item [data-anb-post-field="_an_gallery_url"]{cursor:pointer!important}


/* V84: Visual Builder gallery controls and localized single-memory fixes */
body.anb-preview-body.anb-preview-edit-mode .memory-item{position:relative!important;isolation:isolate!important}
body.anb-preview-body.anb-preview-edit-mode .memory-item>[data-builder-delete-post]{display:grid!important;position:absolute!important;top:.75rem!important;right:.75rem!important;bottom:auto!important;left:auto!important;transform:none!important;align-self:auto!important;justify-self:auto!important;place-items:center!important;width:42px!important;height:42px!important;min-width:42px!important;min-height:42px!important;margin:0!important;padding:0!important;border-radius:999px!important;z-index:50!important;background:rgba(92,10,25,.94)!important;border:1px solid rgba(255,145,145,.78)!important;color:#fff!important;box-shadow:0 10px 30px rgba(0,0,0,.5)!important;line-height:1!important}
body.anb-preview-body.anb-preview-edit-mode .memory-item>[data-builder-delete-post]>span{display:none!important}
body.anb-preview-body.anb-preview-interact-mode .memory-item>[data-builder-delete-post]{display:none!important}


/* V85: song platform collection + editable audio preview */
.song-streaming-links:empty{display:none}
.song-streaming-links .anb-song-links-empty,.anb-song-links-empty{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:.7rem 1rem;border:1px dashed rgba(215,183,123,.55);border-radius:999px;color:#d7b77b;font-size:.72rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
body.anb-preview-body.anb-preview-edit-mode .song-streaming-links{min-height:48px;padding:.35rem;border-radius:18px;outline:1px dashed rgba(215,183,123,.38);outline-offset:4px}
body.anb-preview-body.anb-preview-edit-mode .song-streaming-links .an-btn{pointer-events:none}
body.anb-preview-body.anb-preview-edit-mode .song-audio-box{cursor:pointer;outline:1px dashed rgba(215,183,123,.38);outline-offset:4px}
.anb-song-audio-empty,.anb-song-audio-edit-hint{margin:.5rem 0 0;color:rgba(245,239,232,.62);font-size:.72rem;line-height:1.45}
.anb-song-audio-edit-hint{display:none}body.anb-preview-body.anb-preview-edit-mode .anb-song-audio-edit-hint{display:block}
.song-extra-links{margin-top:.7rem}

/* v86 — Ferita gallery layout, empty editors, Circle channels */
.memory-grid.real-gallery{grid-template-columns:repeat(6,minmax(0,1fr));grid-auto-flow:dense;grid-auto-rows:minmax(150px,12vw)}
.memory-item.memory-layout-hero{grid-column:span 3;grid-row:span 3}.memory-item.memory-layout-wide{grid-column:span 3;grid-row:span 2}.memory-item.memory-layout-tall{grid-column:span 2;grid-row:span 3}.memory-item.memory-layout-square{grid-column:span 2;grid-row:span 2}.memory-item.memory-layout-small{grid-column:span 2;grid-row:span 1}
body.anb-preview-body.anb-preview-edit-mode .real-gallery .memory-item{cursor:grab!important}body.anb-preview-body.anb-preview-edit-mode .real-gallery .memory-item:active{cursor:grabbing!important}.real-gallery .memory-item.is-anb-dragging{opacity:.3!important}.real-gallery .memory-item.is-anb-drag-target{outline:3px solid var(--gold)!important;outline-offset:5px!important}
body.anb-preview-body [data-anb-empty-title]:empty{display:block;min-width:120px;min-height:1.2em}body.anb-preview-body [data-anb-empty-title]:empty:before{content:attr(data-anb-empty-title);color:rgba(244,239,232,.48);font-style:italic;font-weight:500;text-transform:none;letter-spacing:0}
body.anb-preview-body .song-info-block.is-builder-empty{display:block!important;min-height:170px;border:1px dashed rgba(215,183,123,.38);border-radius:24px;padding:1.2rem;margin-top:1rem}body.anb-preview-body .song-info-block [data-anb-empty-placeholder]:empty{display:block!important;min-height:92px;cursor:text;padding:.45rem 0}body.anb-preview-body .song-info-block [data-anb-empty-placeholder]:empty:before{content:attr(data-anb-empty-placeholder);display:block;color:rgba(244,239,232,.5);padding:.65rem 0;font-style:italic;pointer-events:none}
.join-form-stack{display:grid;gap:1rem}.join-exclusive-card{border:1px solid var(--line);border-radius:28px;background:var(--panel);padding:clamp(1.2rem,2vw,1.8rem)}.join-channel-list{display:grid;gap:.65rem;margin-top:1rem}.join-channel-link{display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:58px;padding:.85rem 1rem;border:1px solid var(--line);border-radius:18px;background:rgba(244,239,232,.035);color:var(--ink);font-weight:800;letter-spacing:.08em;text-transform:uppercase;transition:transform .22s var(--ease),border-color .22s ease,background .22s ease}.join-channel-link:hover{transform:translateY(-2px);border-color:rgba(215,183,123,.55);background:rgba(215,183,123,.08)}.join-channel-link.is-primary{border-color:rgba(215,183,123,.45);background:rgba(215,183,123,.1)}.anb-join-channel-empty{margin:0;color:var(--muted)}
.anb-release-add-group{display:flex;gap:.55rem;flex-wrap:wrap;justify-content:flex-end}.release-kind-single .album-v24-cover,.single-release-card .an-release-art{background:radial-gradient(circle at 50% 35%,rgba(215,183,123,.12),transparent 58%),rgba(244,239,232,.025)}.release-kind-ep .album-v24-cover{background:radial-gradient(circle at 38% 32%,rgba(99,67,126,.18),transparent 60%),rgba(244,239,232,.025)}
@media(max-width:980px){.memory-grid.real-gallery{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:220px}.memory-item.memory-layout-hero,.memory-item.memory-layout-wide{grid-column:span 2}.memory-item.memory-layout-tall,.memory-item.memory-layout-square,.memory-item.memory-layout-small{grid-column:span 1}.memory-item.memory-layout-hero{grid-row:span 2}.memory-item.memory-layout-wide,.memory-item.memory-layout-tall,.memory-item.memory-layout-square{grid-row:span 2}.memory-item.memory-layout-small{grid-row:span 1}.wound-stop-pillars{width:min(90vw,760px);padding:clamp(1.5rem,4vw,2.6rem)}}
@media(max-width:760px){.wound-forward{height:650vh;min-height:3900px}.memory-grid.real-gallery{grid-template-columns:1fr;grid-auto-rows:230px}.memory-item.memory-layout-hero,.memory-item.memory-layout-wide,.memory-item.memory-layout-tall,.memory-item.memory-layout-square,.memory-item.memory-layout-small{grid-column:span 1;grid-row:span 1}.wound-stop-pillars{width:min(94vw,520px);padding:1.25rem}.wound-stop-pillars .wound-pillar-grid article{min-height:auto;padding:1.2rem}.anb-release-add-group{display:grid;width:100%;grid-template-columns:repeat(3,1fr)}.anb-release-add-group .an-admin-add{justify-content:center;padding:.7rem .45rem}}

/* v87 — Wound clean slide focus, free desktop gallery canvas, Circle order, Journey visual rebalance */
.wound-forward{height:730vh;min-height:4700px}
.wound-stop{transition:border-color .22s ease,box-shadow .22s ease,opacity .08s linear,filter .08s linear}

@media (min-width:981px){
  .memory-grid.real-gallery{
    --gallery-row-size:clamp(48px,4.6vw,74px);
    display:grid;
    grid-template-columns:repeat(12,minmax(0,1fr));
    grid-auto-rows:var(--gallery-row-size);
    grid-auto-flow:row;
    gap:clamp(.55rem,1vw,.9rem);
    align-items:stretch;
    position:relative;
  }
  .memory-grid.real-gallery .memory-item{
    grid-column:var(--gallery-x,1) / span var(--gallery-w,4)!important;
    grid-row:var(--gallery-y,1) / span var(--gallery-h,4)!important;
    min-height:0!important;
    height:auto!important;
  }
}

.anb-gallery-layout-controls{display:none}
body.anb-preview-body.anb-preview-edit-mode .real-gallery{outline:1px dashed rgba(215,183,123,.35);outline-offset:10px;padding:10px;border-radius:30px;background-image:linear-gradient(rgba(215,183,123,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(215,183,123,.045) 1px,transparent 1px);background-size:calc((100% - 11 * clamp(.55rem,1vw,.9rem))/12 + clamp(.55rem,1vw,.9rem)) calc(var(--gallery-row-size,64px) + clamp(.55rem,1vw,.9rem))}
body.anb-preview-body.anb-preview-edit-mode .real-gallery .memory-item{touch-action:none;user-select:none}
body.anb-preview-body.anb-preview-edit-mode .anb-gallery-layout-controls{display:block;position:absolute;inset:0;z-index:45;pointer-events:none}
body.anb-preview-body.anb-preview-edit-mode .anb-gallery-move-handle{position:absolute;left:.7rem;top:.7rem;display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:.42rem .62rem;border:1px solid rgba(255,231,184,.72);border-radius:999px;background:rgba(7,6,12,.88);color:#f0d590;font-size:.58rem;font-weight:900;letter-spacing:.12em;pointer-events:auto;cursor:grab;box-shadow:0 10px 28px rgba(0,0,0,.45)}
body.anb-preview-body.anb-preview-edit-mode .anb-gallery-move-handle:active{cursor:grabbing}
body.anb-preview-body.anb-preview-edit-mode .anb-gallery-resize-handle{position:absolute;right:.5rem;bottom:.5rem;width:34px;height:34px;border-right:4px solid #f0d590;border-bottom:4px solid #f0d590;border-radius:0 0 9px 0;pointer-events:auto;cursor:nwse-resize;filter:drop-shadow(0 4px 7px rgba(0,0,0,.75))}
body.anb-preview-body.anb-preview-edit-mode .real-gallery .memory-item.is-anb-layout-active{z-index:60;outline:3px solid #d7b77b!important;outline-offset:3px!important;opacity:.92!important}
body.anb-preview-body.anb-preview-edit-mode .real-gallery .memory-item.is-anb-layout-invalid{outline-color:#ff647d!important;box-shadow:0 0 0 5px rgba(255,70,100,.18)!important}
body.anb-preview-body.anb-preview-interact-mode .anb-gallery-layout-controls{display:none!important}

@media (max-width:980px){
  .memory-grid.real-gallery{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;grid-auto-rows:auto!important;grid-auto-flow:row!important;gap:.8rem!important}
  .memory-grid.real-gallery .memory-item{grid-column:span var(--gallery-mobile-span,1)!important;grid-row:auto!important;min-height:220px!important;aspect-ratio:var(--gallery-aspect,1.25)}
  body.anb-preview-body .anb-gallery-layout-controls{display:none!important}
}
@media (max-width:760px){
  .wound-forward{height:700vh;min-height:4200px}
  .memory-grid.real-gallery{grid-template-columns:1fr!important;gap:.75rem!important}
  .memory-grid.real-gallery .memory-item{grid-column:1/-1!important;grid-row:auto!important;min-height:210px!important;aspect-ratio:clamp(.78,var(--gallery-aspect,1.25),1.75)}
}

.join-form-stack .join-exclusive-card{order:1}
.join-form-stack .join-form-card{order:2}

/* Journey: desktop controls are grouped and the room starts closer/brighter. */
@media (min-width:769px){
  .diary-v58-canvas{filter:brightness(1.07) contrast(1.04) saturate(1.03)}
  .diary-v58-brand{top:1rem;width:min(54vw,820px);padding:.7rem 1.2rem .85rem;border:1px solid rgba(217,185,121,.18);border-radius:18px;background:linear-gradient(180deg,rgba(7,5,7,.66),rgba(7,5,7,.18));backdrop-filter:blur(10px)}
  .diary-v58-brand h1{font-size:clamp(2rem,2.7vw,3.5rem)}
  .diary-v58-brand p{font-size:clamp(.9rem,1vw,1.08rem);max-width:48rem}
  .diary-v58-walk-ui{left:50%;right:auto;bottom:1.05rem;transform:translateX(-50%);width:min(900px,calc(100vw - 3rem));display:grid;grid-template-columns:minmax(250px,360px) auto minmax(180px,260px);align-items:end;justify-content:center;gap:1rem;padding:.72rem .85rem;border:1px solid rgba(217,185,121,.25);border-radius:18px;background:linear-gradient(180deg,rgba(15,11,10,.72),rgba(5,4,6,.76));box-shadow:0 18px 55px rgba(0,0,0,.38);backdrop-filter:blur(14px)}
  .diary-v58-walk-help{padding:.65rem .8rem;background:rgba(0,0,0,.12);box-shadow:none}
  .diary-v58-dpad{align-self:center}
  .diary-v58-interact{width:100%;min-height:54px;text-align:center;justify-self:stretch}
  .diary-v58-prompt{bottom:9.2rem;min-width:min(70vw,560px);font-size:1rem;background:rgba(7,5,7,.82)}
  .diary-v58-actions{top:1rem;gap:.45rem}
  .diary-v58-actions .diary-v58-button{min-width:190px;padding:.7rem .9rem}
}

/* Journey mobile: separate navigation, looking and interaction instead of stacking them. */
@media (max-width:768px){
  .diary-v58-canvas{filter:brightness(1.08) contrast(1.02)}
  .diary-v58-brand{top:3.9rem!important;width:calc(100vw - 2rem)!important;padding:.42rem .65rem!important;border-radius:13px;background:rgba(5,4,6,.46);backdrop-filter:blur(7px)}
  .diary-v58-brand h1{font-size:1.24rem!important;line-height:1!important}
  .diary-v58-brand p{display:none!important}
  .diary-v58-walk-help{display:none!important}
  .diary-v58-walk-ui{left:.6rem!important;right:.6rem!important;bottom:calc(env(safe-area-inset-bottom) + .6rem)!important;width:auto!important;display:grid!important;grid-template-columns:auto minmax(90px,1fr) auto!important;align-items:end!important;justify-content:space-between!important;gap:.65rem!important;padding:.48rem!important;border:1px solid rgba(217,185,121,.24);border-radius:18px;background:rgba(6,5,7,.64);backdrop-filter:blur(12px)}
  .diary-v58-dpad{grid-template-columns:repeat(3,36px)!important;grid-template-rows:repeat(2,36px)!important;gap:.2rem!important}
  .diary-v58-dpad button{width:36px!important;height:36px!important;border-radius:10px!important}
  .diary-v58-lookpad{display:block!important;width:92px!important;height:92px!important;align-self:end!important}
  .diary-v58-lookpad-knob{left:calc(50% - 17px)!important;top:calc(50% - 17px)!important;width:34px!important;height:34px!important}
  .diary-v58-lookpad span{bottom:8px!important;font-size:.5rem!important}
  .diary-v58-interact{align-self:center!important;justify-self:stretch!important;max-width:none!important;width:100%!important;min-width:0!important;min-height:44px!important;padding:.5rem .45rem!important;font-size:.48rem!important}
  .diary-v58-prompt{bottom:calc(env(safe-area-inset-bottom) + 7.6rem)!important;width:min(calc(100vw - 2rem),330px)!important;font-size:.68rem!important;line-height:1.25!important;padding:.5rem .65rem!important}
  .diary-v58.is-reading .diary-v58-controls{grid-template-columns:repeat(3,minmax(0,1fr))!important;width:calc(100vw - 1rem)!important;max-width:430px!important;gap:.3rem!important;padding:.36rem!important}
  .diary-v58.is-reading .diary-v58-controls [data-diary-v58-newer]{grid-column:1;order:1}
  .diary-v58.is-reading .diary-v58-controls [data-diary-v58-older]{grid-column:2;order:2}
  .diary-v58.is-reading .diary-v58-controls [data-diary-v58-index-open]{grid-column:3;order:3}
  .diary-v58.is-reading .diary-v58-controls [data-diary-v58-step-back]{grid-column:1;order:4}
  .diary-v58.is-reading .diary-v58-controls #diary-full-page-button{grid-column:2/4!important;order:5!important}
}
@media (max-width:480px){
  .diary-v58-brand{top:3.45rem!important}
  .diary-v58-walk-ui{gap:.38rem!important;padding:.38rem!important}
  .diary-v58-dpad{grid-template-columns:repeat(3,32px)!important;grid-template-rows:repeat(2,32px)!important}
  .diary-v58-dpad button{width:32px!important;height:32px!important}
  .diary-v58-lookpad{width:78px!important;height:78px!important}
  .diary-v58-interact{font-size:.43rem!important;padding:.4rem .3rem!important}
  .diary-v58-prompt{bottom:calc(env(safe-area-inset-bottom) + 6.65rem)!important}
}

/* v87 follow-up: valid grid guide sizing and explicit mobile control columns */
body.anb-preview-body.anb-preview-edit-mode .real-gallery{background-size:8.333% calc(var(--gallery-row-size,64px) + .8rem)}
@media (max-width:768px){
  .diary-v58-dpad{grid-column:1!important}
  .diary-v58-interact{grid-column:2!important;grid-row:1/3!important}
  .diary-v58-lookpad{grid-column:3!important}
}


/* v88 — configurable crop focus for Wound photos */
.real-gallery .memory-item img,
.real-gallery .gallery-media img{
  object-position:var(--gallery-crop-x,50%) var(--gallery-crop-y,50%)!important;
}
body.anb-preview-body.anb-preview-edit-mode .anb-gallery-crop-handle{
  position:absolute;
  left:var(--gallery-crop-x,50%);
  top:var(--gallery-crop-y,50%);
  transform:translate(-50%,-50%);
  display:grid;
  place-items:center;
  width:38px;
  height:38px;
  border:2px solid rgba(255,238,195,.95);
  border-radius:999px;
  background:rgba(6,5,9,.62);
  color:#f0d590;
  font-size:1.05rem;
  line-height:1;
  pointer-events:auto;
  cursor:crosshair;
  box-shadow:0 0 0 5px rgba(0,0,0,.25),0 8px 22px rgba(0,0,0,.5);
  backdrop-filter:blur(5px);
}
body.anb-preview-body.anb-preview-edit-mode .anb-gallery-crop-handle:before,
body.anb-preview-body.anb-preview-edit-mode .anb-gallery-crop-handle:after{content:"";position:absolute;background:rgba(255,238,195,.78);pointer-events:none}
body.anb-preview-body.anb-preview-edit-mode .anb-gallery-crop-handle:before{width:54px;height:1px;left:50%;top:50%;transform:translate(-50%,-50%)}
body.anb-preview-body.anb-preview-edit-mode .anb-gallery-crop-handle:after{width:1px;height:54px;left:50%;top:50%;transform:translate(-50%,-50%)}
body.anb-preview-body.anb-preview-edit-mode .real-gallery .memory-item.is-anb-layout-active .anb-gallery-crop-handle{background:rgba(74,52,20,.82);border-color:#fff0c7}
body.anb-preview-body.anb-preview-interact-mode .anb-gallery-crop-handle{display:none!important}


/* v89 — true visible crop: focal point + adjustable zoom */
.real-gallery .memory-item .gallery-media{overflow:hidden!important}
.real-gallery .memory-item img,
.real-gallery .gallery-media img{
  object-position:50% 50%!important;
  transform-origin:var(--gallery-crop-x,50%) var(--gallery-crop-y,50%)!important;
  transform:scale(var(--gallery-crop-scale,1.15))!important;
  will-change:transform,transform-origin;
}
.real-gallery .memory-item:hover img{
  transform:scale(var(--gallery-crop-scale,1.15))!important;
}
body.anb-preview-body.anb-preview-edit-mode .real-gallery .memory-item img{
  transition:transform-origin .08s linear,transform .12s ease,filter .3s ease!important;
}


/* v90 — crop focus maps to the real source edges */
.real-gallery .memory-item img,
.real-gallery .gallery-media img{
  object-position:var(--gallery-crop-x,50%) var(--gallery-crop-y,50%)!important;
  transform-origin:var(--gallery-crop-x,50%) var(--gallery-crop-y,50%)!important;
}

/* v91 — accurate source-edge crop and editable Journey overview in Visual Builder */
.real-gallery .gallery-media{
  position:absolute!important;
  inset:0!important;
  overflow:hidden!important;
}
.real-gallery .gallery-media img,
.real-gallery .memory-item img,
.real-gallery .memory-item:hover img{
  position:absolute!important;
  display:block!important;
  max-width:none!important;
  max-height:none!important;
  min-width:0!important;
  min-height:0!important;
  object-fit:fill!important;
  object-position:50% 50%!important;
  transform:none!important;
  transform-origin:50% 50%!important;
  transition:left .09s linear,top .09s linear,width .12s ease,height .12s ease,filter .3s ease!important;
  will-change:left,top,width,height;
}
body.anb-preview-body.anb-preview-edit-mode .real-gallery .gallery-media img{
  transition:left .035s linear,top .035s linear,width .08s ease,height .08s ease,filter .3s ease!important;
}

.diary-builder-overview{
  min-height:100vh;
  padding:clamp(6.5rem,10vw,9rem) clamp(1rem,4vw,4rem) 5rem;
  background:
    radial-gradient(circle at 8% 8%,rgba(181,126,68,.12),transparent 30%),
    radial-gradient(circle at 90% 80%,rgba(91,55,116,.13),transparent 34%),
    #030309;
  color:var(--ink);
}
.diary-builder-overview-head{
  width:min(1180px,100%);
  margin:0 auto 1.4rem;
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:end;
  gap:1.25rem;
  padding:clamp(1.2rem,3vw,2rem);
  border:1px solid var(--line);
  border-radius:28px;
  background:rgba(12,10,18,.78);
  box-shadow:0 24px 80px rgba(0,0,0,.34);
}
.diary-builder-overview-head h1{margin:.25rem 0 .6rem;font-size:clamp(2.4rem,6vw,5.6rem);line-height:.92}
.diary-builder-lead{max-width:760px;margin:0;color:var(--muted);font-size:clamp(.95rem,1.6vw,1.15rem);line-height:1.6}
.diary-builder-actions{display:flex;flex-direction:column;align-items:flex-end;gap:.6rem;max-width:280px;text-align:right}
.diary-builder-actions .an-admin-add,.diary-builder-empty .an-admin-add{position:static!important;display:inline-flex!important;transform:none!important;margin:0!important}
.diary-builder-actions>span{color:var(--dim);font-size:.76rem;line-height:1.45}
.diary-builder-help{
  width:min(1180px,100%);
  margin:0 auto 1rem;
  display:flex;
  gap:.75rem 1.2rem;
  align-items:baseline;
  flex-wrap:wrap;
  padding:.9rem 1.1rem;
  border:1px dashed rgba(219,181,113,.35);
  border-radius:18px;
  background:rgba(219,181,113,.045);
}
.diary-builder-help strong{color:var(--gold);font-size:.72rem;letter-spacing:.14em;text-transform:uppercase}
.diary-builder-help span{color:var(--muted);font-size:.86rem}
.diary-builder-list{width:min(1180px,100%);margin:0 auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}
.diary-builder-card{position:relative;min-width:0;border:1px solid var(--line);border-radius:24px;background:rgba(10,9,15,.88);overflow:hidden;transition:border-color .2s ease,transform .2s ease,background .2s ease}
.diary-builder-card:hover{transform:translateY(-2px);border-color:rgba(219,181,113,.58);background:rgba(18,14,23,.94)}
.diary-builder-card-link{display:grid;grid-template-columns:auto minmax(0,1fr);gap:1rem;padding:1.25rem 4rem 1.25rem 1.25rem;color:inherit;min-height:210px}
.diary-builder-number{font-family:Georgia,"Times New Roman",serif;color:var(--gold);font-size:clamp(2rem,4vw,3.5rem);line-height:1}
.diary-builder-card-copy{min-width:0;display:flex;flex-direction:column;align-items:flex-start}
.diary-builder-card-copy p{margin:0 0 .35rem;color:var(--gold);font-size:.65rem;letter-spacing:.15em;text-transform:uppercase}
.diary-builder-card-copy h2{margin:0 0 .45rem;font-size:clamp(1.45rem,2.6vw,2.35rem);line-height:1.03;overflow-wrap:anywhere}
.diary-builder-card-copy small{color:var(--dim);margin-bottom:.85rem}
.diary-builder-card-copy div{color:var(--muted);line-height:1.55;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.diary-builder-card-copy b{margin-top:auto;padding-top:1rem;color:var(--gold);font-size:.72rem;letter-spacing:.12em;text-transform:uppercase}
.diary-builder-card>.anb-inline-delete{display:grid!important;position:absolute!important;top:.8rem!important;right:.8rem!important;z-index:5!important;width:42px!important;height:42px!important;min-width:42px!important;min-height:42px!important;border-radius:999px!important;padding:0!important;margin:0!important;background:rgba(92,10,25,.94)!important;border:1px solid rgba(255,145,145,.75)!important;color:#fff!important;place-items:center!important}
.diary-builder-card>.anb-inline-delete span{display:none!important}
.diary-builder-empty{grid-column:1/-1;text-align:center;padding:clamp(3rem,8vw,7rem) 1rem;border:1px dashed var(--line);border-radius:26px;background:rgba(10,9,15,.7)}
.diary-builder-empty h2{margin:0 0 .5rem}.diary-builder-empty p{color:var(--muted);margin:0 0 1.2rem}
@media(max-width:760px){
  .diary-builder-overview{padding-top:5.8rem}
  .diary-builder-overview-head{grid-template-columns:1fr;align-items:start}
  .diary-builder-actions{align-items:flex-start;text-align:left;max-width:none}
  .diary-builder-list{grid-template-columns:1fr}
  .diary-builder-card-link{min-height:180px;padding-left:1rem;gap:.75rem}
}