:root{
  --bg:#061426;--bg-deep:#04101f;--panel:#0b263f;--panel-2:#0d2d49;
  --gold:#ddb978;--gold-soft:#b9955e;--cream:#f5e8ce;--muted:#c6beb1;
  --line:rgba(221,185,120,.28);--line-strong:rgba(221,185,120,.46);
  --shadow:0 20px 52px rgba(0,0,0,.34);--radius:24px;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
html{background:var(--bg-deep);scroll-behavior:smooth}
body{margin:0;min-height:100svh;background:
  radial-gradient(circle at 82% 0%,rgba(54,89,125,.25),transparent 34%),
  radial-gradient(circle at 10% 22%,rgba(221,185,120,.07),transparent 24%),
  linear-gradient(180deg,#061426 0%,#071a2d 56%,#04101f 100%);
  color:var(--cream);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;
  -webkit-font-smoothing:antialiased}
a{color:inherit}
button,input,textarea{font:inherit}
.shell{width:min(100%,760px);margin:0 auto;min-height:100dvh;padding-bottom:calc(88px + env(safe-area-inset-bottom))}
.topbar{position:sticky;top:0;z-index:15;display:grid;grid-template-columns:48px minmax(0,1fr) 48px;align-items:center;gap:10px;padding:calc(10px + env(safe-area-inset-top)) 14px 10px;background:rgba(4,16,31,.92);backdrop-filter:blur(16px);border-bottom:1px solid rgba(221,185,120,.14)}
.topbar h1{min-width:0;margin:0;text-align:center;font:500 19px/1.15 Georgia,"Times New Roman",serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.icon-btn{width:44px;height:44px;border-radius:50%;border:1px solid var(--line);display:grid;place-items:center;text-decoration:none;background:rgba(11,38,63,.72);color:var(--gold);font-size:23px}
.content{padding:18px 16px 30px}
.hero-card{overflow:hidden;border-radius:28px;border:1px solid var(--line-strong);background:linear-gradient(160deg,rgba(13,45,73,.97),rgba(5,20,36,.98));box-shadow:var(--shadow)}
.hero-image{height:268px;background-position:center;background-size:cover;position:relative}
.hero-image:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(4,15,28,.02),rgba(4,15,28,.83))}
.hero-body{padding:22px}
.kicker{display:inline-flex;align-items:center;gap:7px;border:1px solid var(--line);border-radius:999px;padding:7px 11px;color:var(--gold);font-size:12px;letter-spacing:.02em;background:rgba(5,18,33,.45)}
.hero-body h2{margin:14px 0 9px;font:500 clamp(36px,9vw,50px)/.98 Georgia,"Times New Roman",serif;letter-spacing:-.02em}
.hero-body p{margin:0;color:var(--muted);font-size:16px;line-height:1.65}
.section-title{margin:28px 2px 14px;font:500 29px/1.1 Georgia,"Times New Roman",serif}
.grid{display:grid;gap:13px}
.link-card{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px;align-items:center;padding:17px;border-radius:18px;border:1px solid var(--line);background:linear-gradient(135deg,rgba(13,45,73,.90),rgba(5,20,36,.96));text-decoration:none;box-shadow:0 9px 24px rgba(0,0,0,.16);transition:transform .18s,border-color .18s}
.link-card:active{transform:scale(.985);border-color:var(--gold)}
.link-card h3{margin:0 0 6px;font:500 21px/1.15 Georgia,"Times New Roman",serif}
.link-card p{margin:0;color:#aaa89f;font-size:13px;line-height:1.48}
.link-card .arrow{color:var(--gold);font-size:26px}
.state{display:inline-block;margin-top:9px;color:var(--gold);font-size:11px;letter-spacing:.02em}
.disabled{opacity:.62;pointer-events:none}
.info-card{padding:21px;border-radius:22px;border:1px solid var(--line);background:rgba(11,38,63,.78);box-shadow:var(--shadow)}
.info-card h2,.info-card h3{margin:0 0 10px;font:500 29px/1.1 Georgia,"Times New Roman",serif}
.info-card p{margin:0;color:var(--muted);line-height:1.65}
.world-card{overflow:hidden;border-radius:26px;border:1px solid var(--line);background:linear-gradient(160deg,rgba(13,45,73,.96),rgba(5,20,36,.98));box-shadow:var(--shadow)}
.world-cover{height:260px;background-size:cover;background-position:center;position:relative}
.world-cover:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(4,15,28,0),rgba(4,15,28,.88))}
.world-copy{padding:22px}
.world-copy h2{margin:0 0 9px;font:500 37px/1 Georgia,"Times New Roman",serif}
.world-copy p{margin:0;color:var(--muted);line-height:1.65}
.pill-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:17px}
.pill{border:1px solid var(--line);border-radius:999px;padding:8px 11px;color:var(--gold);font-size:12px}
.bottom-nav{position:fixed;left:50%;bottom:0;z-index:20;transform:translateX(-50%);width:min(100%,760px);display:grid;grid-template-columns:repeat(5,minmax(0,1fr));padding:8px 3px calc(8px + env(safe-area-inset-bottom));background:rgba(4,16,31,.97);backdrop-filter:blur(17px);border-top:1px solid rgba(221,185,120,.22)}
.bottom-nav a{min-width:0;text-decoration:none;text-align:center;color:#a99b80;font-size:9.5px;line-height:1.15;padding:4px 1px;overflow-wrap:anywhere}
.bottom-nav b{display:block;color:inherit;font-size:21px;font-weight:400;line-height:1.1;margin-bottom:4px}
.bottom-nav a.active{color:var(--cream)}
.reading{padding:22px 18px 34px}
.chapter-head{padding:22px;border-radius:24px;border:1px solid var(--line);background:linear-gradient(150deg,rgba(13,45,73,.95),rgba(5,20,36,.97));box-shadow:var(--shadow)}
.chapter-head .eyebrow{font-size:12px;color:var(--gold);letter-spacing:.08em;text-transform:uppercase}
.chapter-head h2{margin:9px 0 10px;font:500 37px/1.04 Georgia,"Times New Roman",serif}
.chapter-head p{margin:0;color:var(--muted);line-height:1.6}
.reader-placeholder{margin-top:18px;padding:26px 22px;border-radius:22px;border:1px solid var(--line);background:rgba(245,232,206,.055)}
.reader-placeholder p{margin:0;color:#d1c9bb;font:400 18px/1.8 Georgia,"Times New Roman",serif}
.reader-note{margin-top:17px;color:#9d998f;font-size:13px;line-height:1.55;text-align:center}
.chapter-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:20px}
.btn{display:flex;align-items:center;justify-content:center;min-height:48px;padding:12px 14px;border-radius:15px;border:1px solid var(--line);background:rgba(11,38,63,.85);text-decoration:none;color:var(--cream);text-align:center}
.btn.primary{background:linear-gradient(135deg,#b99357,#d7b675);color:#071526;border-color:transparent;font-weight:700}
.search-box{display:grid;grid-template-columns:1fr auto;gap:8px;margin-bottom:16px}
.search-box input{min-width:0;border-radius:15px;border:1px solid var(--line);padding:14px 15px;background:rgba(4,16,31,.68);color:var(--cream);outline:none}
.search-box button{border:0;border-radius:15px;padding:0 17px;background:var(--gold);color:#071526;font-weight:700}
.search-results{display:grid;gap:10px}
.search-empty{padding:20px;border:1px dashed var(--line);border-radius:17px;color:var(--muted);text-align:center}
.mur-profile{display:grid;grid-template-columns:110px 1fr;gap:18px;align-items:center;padding:18px;border:1px solid var(--line);border-radius:24px;background:linear-gradient(145deg,rgba(13,45,73,.94),rgba(5,20,36,.98));box-shadow:var(--shadow)}
.mur-photo{width:110px;height:110px;border-radius:50%;overflow:hidden;border:1px solid var(--line-strong);background:#071728}
.mur-photo img{width:100%;height:100%;object-fit:cover;object-position:50% 63%;transform:scale(1.13)}
.mur-profile h2{margin:0 0 6px;font:500 31px/1 Georgia,"Times New Roman",serif}
.mur-profile p{margin:0;color:var(--muted);line-height:1.55;font-size:14px}
.home-stage{width:min(100%,560px);height:100svh;height:100dvh;margin:0 auto;padding-top:env(safe-area-inset-top);background:#061426;overflow:hidden}
.home-canvas{position:relative;width:100%;height:100%}
.home-stage img{display:block;width:100%;height:100%;object-fit:fill}
.home-hotspot{position:absolute;display:block;border-radius:20px;background:transparent;text-decoration:none}
.home-hotspot:active{background:rgba(221,185,120,.09)}
.card-1{left:4.4%;right:4.4%;top:31.4%;height:13.4%}.card-2{left:4.4%;right:4.4%;top:45.1%;height:13.5%}.card-3{left:4.4%;right:4.4%;top:58.9%;height:13.6%}.card-4{left:4.4%;right:4.4%;top:72.9%;height:13.7%}
.menu-spot{left:2%;top:2%;width:14%;height:8%}.search-spot{right:2%;top:2%;width:14%;height:8%}
.nav-1{left:0;bottom:0;width:25%;height:10%}.nav-2{left:25%;bottom:0;width:25%;height:10%}.nav-3{left:50%;bottom:0;width:25%;height:10%}.nav-4{left:75%;bottom:0;width:25%;height:10%}
@media(min-width:640px){.content{padding-left:24px;padding-right:24px}.reading{padding-left:24px;padding-right:24px}.hero-image,.world-cover{height:330px}}
.chapter-meta{margin:16px 3px 0;color:var(--gold);font-size:13px;line-height:1.55;text-align:center}
.chapter-prose{margin-top:18px;padding:0 4px}
.chapter-prose p{margin:0 0 16px;color:#efe6d8;font:400 17px/1.72 Georgia,"Times New Roman",serif;letter-spacing:.003em}
.visual-pair{display:grid;gap:14px;margin:18px 0 22px}
.chapter-visual{margin:0;padding:8px;border-radius:24px;border:1px solid var(--line);background:linear-gradient(160deg,rgba(13,45,73,.92),rgba(5,20,36,.98));box-shadow:var(--shadow)}
.chapter-visual img{display:block;width:100%;height:auto;border-radius:18px;background:#040d18}
.chapter-visual figcaption{padding:10px 8px 6px;color:#d8c8a9;font-size:13px;line-height:1.5;text-align:center}
.chapter-quote{margin:12px 0 0;padding:18px 16px;border:1px solid var(--line-strong);border-radius:22px;background:rgba(245,232,206,.06);text-align:center;color:var(--cream);font:500 31px/1.08 Georgia,"Times New Roman",serif;letter-spacing:-.02em}
.final-pair{margin-bottom:14px}
@media(min-width:720px){.visual-pair{grid-template-columns:1fr 1fr}}
@media(max-width:390px){
  .topbar{grid-template-columns:44px minmax(0,1fr) 44px;gap:7px;padding-left:10px;padding-right:10px}
  .topbar h1{font-size:18px}
  .icon-btn{width:42px;height:42px}
  .reading{padding-left:15px;padding-right:15px}
  .chapter-head{padding:20px}
  .chapter-head h2{font-size:34px}
}
.episode-list{display:grid;gap:14px;padding-bottom:120px}
.episode-card{display:grid;grid-template-columns:96px minmax(0,1fr) 18px;gap:14px;align-items:center;padding:10px;border-radius:22px;border:1px solid var(--line);background:linear-gradient(145deg,rgba(13,45,73,.94),rgba(5,20,36,.98));box-shadow:0 10px 28px rgba(0,0,0,.2);text-decoration:none}
.episode-card img{width:96px;height:112px;object-fit:cover;border-radius:15px;background:#030b14}
.episode-card h3{margin:4px 0 6px;font:500 21px/1.08 Georgia,"Times New Roman",serif}
.episode-card p{margin:0;color:var(--muted);font-size:12px;line-height:1.45}
.episode-card>b{color:var(--gold);font-size:28px;font-weight:400}
.episode-number{color:var(--gold);font-size:11px;letter-spacing:.06em;text-transform:uppercase}
.episode-reader{padding-bottom:150px}
.comic-strip{display:grid;gap:16px;margin-top:18px}
.comic-strip figure{margin:0;padding:7px;border:1px solid var(--line);border-radius:22px;background:linear-gradient(160deg,rgba(13,45,73,.92),rgba(5,20,36,.98));box-shadow:var(--shadow)}
.comic-strip img{display:block;width:100%;height:auto;border-radius:16px;background:#030b14}
.comic-strip figcaption{padding:9px 7px 5px;color:var(--gold);font-size:11px;text-align:center}
.comic-dialogue{margin-top:8px;padding:13px 14px;border-radius:14px;background:rgba(245,232,206,.075);color:#f4ead8;font-size:17px;line-height:1.55;text-align:left}
.comic-dialogue b{color:var(--gold);font-weight:650}
@media(max-width:390px){.episode-card{grid-template-columns:82px minmax(0,1fr) 14px;gap:11px}.episode-card img{width:82px;height:100px}.episode-card h3{font-size:19px}.episode-card p{font-size:11px}}
.book-hero .world-cover{background-position:center 24%}
.book-chapter-list{display:grid;gap:12px}
.book-chapter-card{position:relative;display:block;padding:18px 48px 18px 18px;border:1px solid var(--line);border-radius:20px;background:linear-gradient(145deg,rgba(13,45,73,.94),rgba(5,20,36,.98));box-shadow:0 10px 28px rgba(0,0,0,.18);color:var(--cream);text-decoration:none}
.book-chapter-card:active{transform:scale(.99);border-color:var(--gold)}
.book-chapter-number{color:var(--gold);font-size:11px;letter-spacing:.07em;text-transform:uppercase}
.book-chapter-card h3{margin:6px 0 7px;font:500 25px/1.05 Georgia,"Times New Roman",serif}
.book-chapter-card p{margin:0;color:var(--muted);font-size:13px;line-height:1.5}
.book-chapter-card>b{position:absolute;right:18px;top:50%;transform:translateY(-50%);color:var(--gold);font-size:30px;font-weight:400}
.litres-card{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:18px;padding:18px;border:1px solid rgba(221,185,120,.5);border-radius:20px;background:linear-gradient(135deg,#b99357,#d7b675);color:#071526;text-decoration:none;box-shadow:var(--shadow)}
.litres-card span{display:grid;gap:4px}.litres-card small{font-size:11px;letter-spacing:.06em;text-transform:uppercase}.litres-card strong{font:600 19px/1.2 Georgia,"Times New Roman",serif}.litres-card>b{font-size:25px}
.contact-intro{margin-bottom:16px}.contact-intro h2{font-size:34px}.contact-list{display:grid;gap:12px}.contact-card{display:grid;grid-template-columns:44px minmax(0,1fr) auto;gap:13px;align-items:center;padding:16px;border:1px solid var(--line);border-radius:20px;background:linear-gradient(145deg,rgba(13,45,73,.94),rgba(5,20,36,.98));box-shadow:0 10px 28px rgba(0,0,0,.18);text-decoration:none}.contact-icon{width:44px;height:44px;display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;color:var(--gold);font-size:21px}.contact-card h3{margin:0 0 4px;font:500 20px/1.15 Georgia,"Times New Roman",serif}.contact-card p{margin:0;color:var(--muted);font-size:12px;line-height:1.45;overflow-wrap:anywhere}.contact-card .arrow{color:var(--gold);font-size:26px}.contact-note{margin-top:18px;padding:16px;border:1px solid var(--line);border-radius:18px;color:var(--muted);font-size:13px;line-height:1.6;background:rgba(11,38,63,.62)}
.contact-card-static{grid-template-columns:44px minmax(0,1fr);cursor:default}
/* v13 */
.bottom-nav{grid-template-columns:repeat(4,minmax(0,1fr))}.bottom-nav a{font-size:10px}
.library-head{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;padding:calc(28px + env(safe-area-inset-top)) 18px 8px}.library-head h1{margin:10px 0 7px;font:500 40px/1 Georgia,"Times New Roman",serif}.library-head p{margin:0;color:var(--muted);line-height:1.5;max-width:430px}.head-actions{display:flex;gap:8px}.world-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.library-card{min-height:245px;position:relative;overflow:hidden;border:1px solid var(--line);border-radius:24px;background:var(--panel);text-decoration:none;box-shadow:var(--shadow)}.library-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.library-card:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 30%,rgba(3,12,23,.94) 100%)}.library-card>div:last-child{position:absolute;z-index:2;left:15px;right:15px;bottom:16px}.library-card small{color:var(--gold);font-size:10px;text-transform:uppercase;letter-spacing:.05em}.library-card h2{margin:5px 0 0;font:500 24px/1.02 Georgia,"Times New Roman",serif}.library-card p{margin:6px 0 0;color:var(--muted);font-size:11px;line-height:1.4}.placeholder-cover{background:radial-gradient(circle at 75% 18%,rgba(221,185,120,.2),transparent 25%),linear-gradient(145deg,#0d2d49,#051424)}.placeholder-cover:after{display:none}.placeholder-cover .symbol{position:absolute!important;left:auto!important;right:18px!important;top:18px!important;bottom:auto!important;color:var(--gold);font-size:48px;opacity:.75}.journal-hero{padding:23px;border:1px solid var(--line);border-radius:25px;background:linear-gradient(145deg,rgba(13,45,73,.96),rgba(5,20,36,.98))}.journal-hero h2{margin:13px 0 7px;font:500 38px/1 Georgia,"Times New Roman",serif}.journal-hero p{margin:0;color:var(--muted);line-height:1.55}.journal-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:13px}.journal-actions .primary{grid-column:1/-1}.journal-list,.scrap-pages{display:grid;gap:11px}.journal-entry{padding:16px;border:1px solid var(--line);border-radius:18px;background:rgba(11,38,63,.72)}.journal-entry blockquote{margin:8px 0;color:#f3e8d5;font:400 17px/1.55 Georgia,serif}.journal-entry small{color:var(--gold)}.journal-entry p{color:var(--muted);margin:8px 0 0}.empty-state{padding:20px;border:1px dashed var(--line);border-radius:18px;color:var(--muted);text-align:center}.scrap-card{padding:16px;border:1px solid var(--line);border-radius:20px;background:rgba(11,38,63,.72)}.scrap-card h3{margin:0 0 10px;font:500 22px Georgia,serif}.scrap-board{position:relative;height:380px;overflow:hidden;border-radius:16px;background:#f0e5d2;color:#17202a}.scrap-item{position:absolute;left:20px;top:20px;max-width:70%;touch-action:none;cursor:move}.scrap-item.text{padding:10px;background:rgba(255,255,255,.7);min-width:120px}.scrap-item img{display:block;max-width:220px;max-height:220px;border-radius:4px}.scrap-tools{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.scrap-tools button,.scrap-tools label{border:1px solid var(--line);border-radius:12px;padding:9px 11px;background:rgba(4,16,31,.7);color:var(--cream)}
.reader-tools{position:fixed;left:50%;bottom:calc(76px + env(safe-area-inset-bottom));z-index:40;transform:translateX(-50%);width:min(calc(100% - 24px),520px);padding:10px;border:1px solid var(--line-strong);border-radius:18px;background:rgba(4,16,31,.98);box-shadow:var(--shadow);display:none}.reader-tools.show{display:block}.reader-tool-row{display:flex;gap:7px;align-items:center;flex-wrap:wrap}.reader-tools button{border:1px solid var(--line);border-radius:11px;padding:8px 10px;background:var(--panel);color:var(--cream)}.color-dot{width:30px!important;height:30px;padding:0!important;border-radius:50%!important}.hl-yellow{background:#eadc83!important;color:#1a1a1a}.hl-pink{background:#e5a9b5!important;color:#1a1a1a}.hl-blue{background:#9bc7d9!important;color:#1a1a1a}.hl-green{background:#acd0ad!important;color:#1a1a1a}.hl-lilac{background:#c5add9!important;color:#1a1a1a}
@media(max-width:430px){.world-grid{grid-template-columns:1fr 1fr}.library-card{min-height:215px}.library-card h2{font-size:21px}.library-head h1{font-size:34px}.head-actions{flex-direction:column}.scrap-board{height:330px}}

/* v19 — tactile Diary 2.0 */
.home-visual{padding-bottom:105px}.approved-home{position:relative;width:100%;max-width:900px;margin:0 auto}.approved-home>img{display:block;width:100%;height:auto}.home-hot,.home-menu-hot,.home-search-hot{position:absolute;z-index:3;display:block}.home-hot{left:4.5%;right:4.5%}.home-hot.h1{top:32.4%;height:14.5%}.home-hot.h2{top:47.5%;height:14.5%}.home-hot.h3{top:63%;height:14%}.home-hot.h4{top:78%;height:13%}.home-menu-hot{left:2%;top:1%;width:12%;height:7%}.home-search-hot{right:2%;top:1%;width:12%;height:7%}.home-extra{display:grid;gap:12px;padding:16px 14px 4px;max-width:900px;margin:auto}.home-extra a{display:grid;grid-template-columns:54px 1fr 22px;gap:12px;align-items:center;padding:15px;border:1px solid rgba(221,185,120,.42);border-radius:20px;background:linear-gradient(145deg,#0d2d49,#051424);text-decoration:none;box-shadow:0 12px 28px rgba(0,0,0,.24)}.home-extra span{display:grid;place-items:center;width:50px;height:50px;border:1px solid rgba(221,185,120,.5);border-radius:50%;font-size:28px;color:var(--gold)}.home-extra div{display:grid;gap:3px}.home-extra small{color:var(--gold);text-transform:uppercase;font-size:9px;letter-spacing:.08em}.home-extra strong{font:500 25px/1.1 Georgia,serif;color:var(--cream)}.home-extra em{font-style:normal;color:var(--muted);font-size:11px}.home-extra b{font-size:30px;color:var(--gold);font-weight:400}
.reading{position:relative;background-color:#f2e6c9;background-image:radial-gradient(circle at 20% 10%,rgba(114,83,43,.055) 0 1px,transparent 1.4px),radial-gradient(circle at 78% 32%,rgba(255,255,255,.26) 0 1px,transparent 1.6px),repeating-linear-gradient(8deg,rgba(119,91,55,.018) 0 1px,transparent 1px 7px);color:#241c14;border-radius:0 0 26px 26px;box-shadow:inset 0 0 50px rgba(105,75,36,.08)}.reading .chapter-head{background:transparent;color:#241c14;border-color:rgba(98,69,37,.22);box-shadow:none}.reading .chapter-head h2,.reading .chapter-prose,.reading .chapter-prose p{color:#241c14}.reading .eyebrow,.reading .chapter-head p{color:#775c3b}.reading .chapter-quote{color:#6b4b28;border-color:rgba(98,69,37,.25)}
.sticker-tray{position:sticky;top:0;z-index:35;display:flex;justify-content:center;gap:8px;padding:8px 8px 3px;pointer-events:none}.sticker-chip{width:46px;height:58px;border:0;border-radius:3px 3px 8px 4px;box-shadow:0 6px 9px rgba(54,38,20,.22);transform:rotate(var(--r));pointer-events:auto;touch-action:none;cursor:grab;position:relative}.sticker-chip:after{content:"";position:absolute;left:0;right:0;bottom:0;height:8px;background:rgba(255,255,255,.18);clip-path:polygon(0 30%,12% 55%,25% 20%,42% 65%,60% 25%,76% 60%,100% 18%,100% 100%,0 100%)}.st-pink{background:#e8a9b5}.st-yellow{background:#e8d16e}.st-green{background:#b9cf9d}.st-lilac{background:#c7a7d7}.st-blue{background:#9fc9d9}.sticker-ghost{position:fixed;z-index:100;width:54px;height:62px;border-radius:4px;box-shadow:0 12px 24px rgba(0,0,0,.28);pointer-events:none;opacity:.92}.placed-sticker{position:absolute;right:-5px;z-index:20;min-width:78px;max-width:118px;padding:10px 9px 10px 12px;border-radius:4px 0 0 4px;box-shadow:0 5px 9px rgba(50,35,18,.22);font:600 14px/1.05 "Comic Sans MS",cursive;color:#302116;transform:rotate(var(--r));cursor:pointer;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.placed-sticker:after{content:"";position:absolute;right:0;top:0;bottom:0;width:8px;background:rgba(255,255,255,.15)}
.journal-chapter-group{padding:14px 14px 12px;border:1px solid rgba(221,185,120,.28);border-radius:18px;background:rgba(11,38,63,.68)}.journal-chapter-group h3{margin:0 0 9px;font:500 20px Georgia,serif}.journal-stickers{display:flex;flex-wrap:wrap;gap:8px}.journal-sticker{display:inline-block;min-width:62px;max-width:130px;padding:9px 11px;border:0;border-radius:4px;box-shadow:0 4px 8px rgba(0,0,0,.22);font:600 13px "Comic Sans MS",cursive;color:#302116;text-decoration:none;transform:rotate(var(--r))}
/* v27 clean library + restored private diary */
body:has(.approved-home)>.bottom-nav{display:none}.home-visual{padding-bottom:22px}.legal-note{display:block;margin-top:7px;color:#b9aa96;font-size:10px;line-height:1.35}.diary-copy{margin:28px 0 8px;padding:16px;border:1px solid rgba(98,69,37,.22);border-radius:18px;background:rgba(255,255,255,.22);text-align:center}.diary-copy small{display:block;margin-top:8px;color:#775c3b}.diary-copy-btn{color:#241c14!important;border-color:rgba(98,69,37,.3)!important}.diary-copy-btn:disabled{opacity:.6}.journal-hint{color:var(--muted);font-size:13px}.chapter-copy h3{margin:7px 0;font:500 21px Georgia,serif}.chapter-copy .ghost{opacity:.7;margin-left:5px}.scrap-cover{width:100%;text-align:left;display:grid;grid-template-columns:40px 1fr;gap:3px 10px;align-items:center;padding:16px;border:1px solid rgba(221,185,120,.3);border-radius:18px;background:linear-gradient(145deg,#102f4a,#071a2d);color:var(--cream)}.scrap-cover>span{grid-row:1/3;font-size:28px;color:var(--gold)}.scrap-cover strong{font:500 20px Georgia,serif}.scrap-cover small{color:var(--muted)}.scrap-editor[hidden]{display:none}.scrap-editor{position:fixed;inset:0;z-index:200;background:#071522;display:grid;grid-template-rows:auto auto 1fr;padding-top:env(safe-area-inset-top)}.scrap-editor-head{display:grid;grid-template-columns:48px 1fr auto;align-items:center;gap:8px;padding:8px 12px;border-bottom:1px solid rgba(221,185,120,.22)}.scrap-editor-head h2{margin:0;font:500 21px Georgia,serif}.scrap-editor-head small{color:var(--gold)}.scrap-editor-toolbar{display:flex;gap:7px;overflow-x:auto;padding:9px 10px;background:#0b2237}.scrap-editor-toolbar button,.scrap-editor-toolbar label,.scrap-editor-toolbar select{flex:0 0 auto;border:1px solid rgba(221,185,120,.3);border-radius:10px;padding:8px 10px;background:#102f4a;color:#f3e8d7;font:inherit}.scrap-canvas{position:relative;overflow:hidden;margin:10px;border-radius:18px;background-color:#efe1c0;background-image:radial-gradient(circle at 20% 10%,rgba(114,83,43,.08) 0 1px,transparent 1.5px),repeating-linear-gradient(8deg,rgba(119,91,55,.025) 0 1px,transparent 1px 8px);box-shadow:inset 0 0 55px rgba(89,60,28,.12);touch-action:none}.scrap-object{position:absolute;transform-origin:center;max-width:48%;padding:7px;touch-action:none;user-select:none;cursor:grab}.scrap-object.selected{outline:2px dashed #9b6a34;outline-offset:3px}.scrap-object img{display:block;max-width:180px;max-height:220px;border:8px solid #f7f0df;box-shadow:0 8px 18px rgba(60,38,20,.25)}.scrap-text{min-width:90px;color:#342619;font-size:23px;line-height:1.15;white-space:pre-wrap}.font-print{font-family:Georgia,serif}.font-hand{font-family:"Comic Sans MS","Bradley Hand",cursive}.font-calligraphy{font-family:"Snell Roundhand","URW Chancery L",cursive;font-style:italic}.font-note{font-family:"Marker Felt","Comic Sans MS",cursive;font-weight:600}.font-doctor{font-family:"Bradley Hand","Comic Sans MS",cursive;font-style:italic;letter-spacing:-1px;transform:skew(-8deg)}.scrap-open{overflow:hidden}
/* v28 navigation/home fixes */
body:has(.approved-home)>.bottom-nav{display:grid!important}
.home-visual{padding-bottom:calc(92px + env(safe-area-inset-bottom))}
.approved-home{margin-top:env(safe-area-inset-top)}
.home-hot.h1{top:24.1%;height:11.1%}.home-hot.h2{top:35.9%;height:11.5%}.home-hot.h3{top:48.2%;height:11.2%}.home-hot.h4{top:59.8%;height:10.4%}.home-hot.h5{top:70.1%;height:10.2%}.home-hot.h6{top:80.6%;height:10.4%}
.home-menu-hot{left:2%;top:1%;width:12%;height:5.8%}.home-search-hot{right:2%;top:1%;width:12%;height:5.8%}
.bottom-nav{grid-template-columns:repeat(4,minmax(0,1fr))}
.scrap-new-page{width:100%;margin:18px 0 14px}
.scrap-hero{margin-bottom:0}
.topbar{padding-top:calc(12px + env(safe-area-inset-top));min-height:48px}
.diary-copy{margin:10px 14px 18px}
.diary-reader{position:fixed;inset:0;z-index:220;background:#efe2c5;color:#2b2118;overflow:auto;padding-top:env(safe-area-inset-top)}
.diary-reader-head{position:sticky;top:0;z-index:2;display:grid;grid-template-columns:48px 1fr 48px;align-items:center;padding:8px 12px;background:rgba(239,226,197,.96);border-bottom:1px solid rgba(98,69,37,.22)}
.diary-reader-head h2{margin:0;text-align:center;font:500 19px Georgia,serif}.diary-reader-head .icon-btn{color:#2b2118;border-color:rgba(98,69,37,.28)}
.diary-reader-page{max-width:720px;margin:auto;padding:20px 24px calc(70px + env(safe-area-inset-bottom));font:18px/1.7 Georgia,serif}.diary-reader-page img{max-width:100%;height:auto;border-radius:12px}.diary-reader-page .topbar,.diary-reader-page .bottom-nav,.diary-reader-page .diary-copy,.diary-reader-page .chapter-actions{display:none!important}

/* v30 — readable private chapter and diary annotation tools */
.diary-copy{background:linear-gradient(145deg,rgba(13,45,73,.96),rgba(5,20,36,.98));border-color:rgba(221,185,120,.42);box-shadow:0 10px 26px rgba(0,0,0,.2)}
.diary-copy-btn{background:linear-gradient(135deg,#c79f62,#e5c684)!important;color:#071526!important;border:1px solid rgba(255,238,198,.62)!important;font-weight:750;box-shadow:0 7px 18px rgba(0,0,0,.2)}
.diary-copy-btn:active{transform:scale(.985)}
.diary-copy-btn:disabled{background:#e0d2b5!important;color:#574a38!important;opacity:.86}
.diary-copy small{color:#d7c6aa}
.diary-reader{overscroll-behavior:contain}
.diary-reader-page{position:relative;padding:18px 24px calc(185px + env(safe-area-inset-bottom));color:#2b2118;font:400 18px/1.78 Georgia,"Times New Roman",serif}
.diary-reader-page .chapter-head{padding:22px;background:rgba(255,250,235,.28);color:#241c14;border-color:rgba(98,69,37,.24);box-shadow:none}
.diary-reader-page .chapter-head h2{color:#241c14;font-family:Georgia,"Times New Roman",serif}
.diary-reader-page .chapter-head p,.diary-reader-page .eyebrow{color:#775c3b}
.diary-reader-page .chapter-prose{color:#241c14}
.diary-reader-page .chapter-prose p,.diary-reader-page>p{color:#241c14!important;font:400 18px/1.78 Georgia,"Times New Roman",serif!important;letter-spacing:.003em}
.diary-reader-page .chapter-quote{color:#6b4b28;border-color:rgba(98,69,37,.25)}
.diary-mark{padding:0 .04em;border-radius:.15em;-webkit-box-decoration-break:clone;box-decoration-break:clone}
.diary-underline{text-decoration:underline 2px #9d5f47;text-underline-offset:4px;text-decoration-skip-ink:none}
.diary-annotation-tools{position:fixed;z-index:230;left:50%;bottom:calc(10px + env(safe-area-inset-bottom));transform:translateX(-50%);width:min(calc(100% - 18px),690px);padding:9px 10px;border:1px solid rgba(109,77,42,.32);border-radius:18px;background:rgba(247,237,215,.97);box-shadow:0 14px 34px rgba(45,29,14,.28);color:#342619;backdrop-filter:blur(14px)}
.diary-annotation-tools>small{display:block;margin:0 3px 7px;color:#765b3d;font-size:11px;line-height:1.25;text-align:center}
.diary-tool-row{display:flex;gap:6px;overflow-x:auto;padding-bottom:2px;scrollbar-width:none}
.diary-tool-row::-webkit-scrollbar{display:none}
.diary-tool-row button{flex:0 0 auto;min-height:39px;padding:8px 10px;border:1px solid rgba(109,77,42,.28);border-radius:11px;background:#fff8e9;color:#39291c;font-size:12px;font-weight:650}
.diary-tool-row button.active{background:#17364f;color:#f5e8ce;border-color:#17364f}
.diary-color-row{display:flex;justify-content:center;gap:12px;padding-top:8px}
.diary-color{width:25px;height:25px;padding:0;border:2px solid rgba(70,45,25,.14);border-radius:50%;box-shadow:0 2px 5px rgba(45,29,14,.15)}
.diary-color.active{outline:2px solid #725031;outline-offset:2px}
.diary-color[data-reader-color="yellow"]{background:#eadc83}.diary-color[data-reader-color="pink"]{background:#e5a9b5}.diary-color[data-reader-color="blue"]{background:#9bc7d9}.diary-color[data-reader-color="green"]{background:#acd0ad}.diary-color[data-reader-color="lilac"]{background:#c5add9}
.diary-reading-guide{position:fixed;z-index:225;left:50%;top:44%;transform:translate(-50%,-50%);width:min(calc(100% - 24px),700px);height:42px;border-top:1px solid rgba(154,100,43,.55);border-bottom:1px solid rgba(154,100,43,.55);background:linear-gradient(90deg,rgba(230,188,98,.05),rgba(230,188,98,.24),rgba(230,188,98,.05));box-shadow:0 2px 9px rgba(93,57,22,.1);pointer-events:none}
.diary-reading-guide[hidden]{display:none}
.diary-reading-guide span{position:absolute;left:-2px;top:50%;transform:translateY(-50%);width:40px;height:40px;display:grid;place-items:center;color:#7b4d25;font-size:25px;text-shadow:0 1px 0 #fff6e4}
.diary-reading-guide i{position:absolute;left:36px;right:8px;top:50%;height:2px;background:rgba(125,76,35,.65);transform:translateY(-50%)}
.diary-reader-page .placed-sticker{right:-9px;border:0;text-align:left}
@media(max-width:390px){.diary-reader-page{padding-left:19px;padding-right:19px}.diary-tool-row button{font-size:11px;padding:8px}.diary-color-row{gap:10px}}

/* v31 — touch-safe reader and direct-manipulation scrapbook */
.diary-reader{overflow-x:hidden;overflow-y:auto;touch-action:pan-y;-webkit-overflow-scrolling:touch}
.diary-reader-page{width:100%;min-width:0;overflow-x:hidden;overflow-wrap:break-word;touch-action:pan-y}
.diary-reader-page .chapter-head,.diary-reader-page .chapter-prose,.diary-reader-page .chapter-prose p{max-width:100%;min-width:0;overflow-wrap:break-word;word-break:normal;white-space:normal}
.diary-reader-page.drawing-mode{touch-action:none;-webkit-user-select:none;user-select:none;cursor:crosshair}
.tactile-tools{overflow:hidden}
.tactile-tool-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));overflow:visible}
.tactile-tool-row button{min-width:0;padding:8px 5px;white-space:nowrap}
.sticker-source-row{display:flex;align-items:center;justify-content:center;gap:8px;padding-top:9px;touch-action:none}
.sticker-source-row>span{color:#765b3d;font-size:10px;line-height:1.15}
.sticker-source-row .sticker-chip{width:31px;height:36px;flex:0 0 31px;cursor:grab;touch-action:none;box-shadow:0 4px 7px rgba(54,38,20,.2)}
.sticker-source-row .sticker-chip.active{outline:2px solid #725031;outline-offset:2px}
.sticker-ghost{position:fixed!important;z-index:300!important;width:50px!important;height:58px!important;margin:0!important;pointer-events:none!important;opacity:.9}
.tactile-sticker{right:auto!important;min-width:72px;min-height:43px;max-width:126px;white-space:normal;overflow:visible;text-overflow:clip;touch-action:none;user-select:none}
.tactile-guide{pointer-events:none;touch-action:none;overflow:visible}
.tactile-guide:active{background:linear-gradient(90deg,rgba(230,188,98,.12),rgba(230,188,98,.34),rgba(230,188,98,.12))}
.scrap-editor{grid-template-rows:auto auto auto 1fr}
.scrap-editor-toolbar{display:grid;gap:7px;overflow:visible;padding:9px 10px;background:#0b2237}
.scrap-tool-group{display:flex;gap:7px;overflow-x:auto;scrollbar-width:none}
.scrap-tool-group::-webkit-scrollbar{display:none}
.scrap-tool-group button,.scrap-tool-group label,.scrap-tool-group select{flex:1 0 auto;min-height:40px;text-align:center}
.scrap-gesture-hint{padding:5px 10px 8px;color:#d5c5aa;background:#0b2237;font-size:11px;text-align:center}
.scrap-canvas{touch-action:none;overscroll-behavior:none}
.scrap-object{touch-action:none;will-change:left,top,transform}
@media(max-width:390px){.tactile-tool-row button{font-size:10px}.sticker-source-row{gap:7px}.sticker-source-row .sticker-chip{width:29px;height:34px;flex-basis:29px}}

/* v32 — diary return, note index and isolated ruler handle */
.diary-reader-head{grid-template-columns:auto minmax(0,1fr) 20px;gap:8px}
.diary-reader-head h2{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.diary-back-btn{min-height:42px;padding:8px 11px;border:1px solid rgba(98,69,37,.3);border-radius:999px;background:#fff7e5;color:#342619;font-weight:700;white-space:nowrap}
.diary-back-btn span{font-size:12px}
.chapter-copy-actions{display:flex;gap:7px;margin-top:12px}.chapter-copy-actions .btn{flex:1}.chapter-copy-actions .ghost{margin-left:0}
.journal-note-block{margin-top:13px;padding-top:11px;border-top:1px solid rgba(221,185,120,.2)}
.journal-note-block>strong{display:block;margin-bottom:9px;color:#d8bd8d;font-size:11px;letter-spacing:.04em;text-transform:uppercase}
.journal-stickers{display:flex;flex-wrap:wrap;gap:9px}
.journal-sticker{min-width:70px;max-width:145px;padding:10px 12px;border:0;border-radius:4px;box-shadow:0 5px 10px rgba(0,0,0,.22);color:#302116;font:600 13px/1.25 "Comic Sans MS","Bradley Hand",cursive;text-align:left;transform:rotate(var(--r));overflow-wrap:anywhere}
.journal-quotes{display:grid;gap:7px}
.journal-quotes button{width:100%;padding:10px 12px;border:1px solid rgba(221,185,120,.24);border-radius:12px;background:rgba(245,232,206,.07);color:#f1e4cf;font:italic 14px/1.45 Georgia,serif;text-align:left}
.diary-reading-guide i{left:10px;right:54px}
.guide-drag-handle{position:absolute;right:-3px;top:50%;transform:translateY(-50%);width:54px;height:54px;border:2px solid rgba(121,76,36,.55);border-radius:50%;background:#fff3d7;color:#734823;font-size:24px;font-weight:700;box-shadow:0 6px 14px rgba(70,42,18,.2);pointer-events:auto;touch-action:none;cursor:ns-resize}
.diary-focus{animation:diary-focus-pulse .6s ease-in-out 3}
@keyframes diary-focus-pulse{50%{outline:4px solid rgba(197,137,64,.45);outline-offset:5px;filter:brightness(1.08)}}

/* v33 — page-turn diary and library-powered scrapbook gestures */
.diary-reader:has(.diary-book){overflow:hidden;touch-action:none;background:#efe2c5}
.diary-book{width:100%;height:calc(100dvh - 212px - env(safe-area-inset-top) - env(safe-area-inset-bottom));min-height:330px;margin:0 auto;overflow:hidden;touch-action:pan-x}
.diary-book-page{background-color:#f2e6c9;background-image:radial-gradient(circle at 20% 10%,rgba(114,83,43,.055) 0 1px,transparent 1.4px),radial-gradient(circle at 78% 32%,rgba(255,255,255,.26) 0 1px,transparent 1.6px),repeating-linear-gradient(8deg,rgba(119,91,55,.018) 0 1px,transparent 1px 7px);box-shadow:inset 0 0 38px rgba(105,75,36,.08)}
.diary-page-content{position:relative;box-sizing:border-box;width:100%;height:100%;min-width:0;padding:38px 24px 28px;overflow:hidden;color:#241c14;font:400 18px/1.62 Georgia,"Times New Roman",serif;overflow-wrap:break-word;-webkit-user-select:text;user-select:text}
.diary-page-content>p{margin:0 0 17px;color:#241c14!important;font:400 18px/1.62 Georgia,"Times New Roman",serif!important;letter-spacing:.003em}
.diary-page-content img{display:block;max-width:100%;max-height:76%;width:auto;height:auto;margin:auto;border-radius:12px;object-fit:contain}
.diary-page-content .chapter-head{padding:20px;background:rgba(255,250,235,.27);color:#241c14;border-color:rgba(98,69,37,.24);box-shadow:none}
.diary-page-content .chapter-head h2{color:#241c14;font-family:Georgia,"Times New Roman",serif}.diary-page-content .chapter-head p,.diary-page-content .eyebrow{color:#775c3b}
.diary-page-content .topbar,.diary-page-content .bottom-nav,.diary-page-content .diary-copy,.diary-page-content .chapter-actions{display:none!important}
.diary-book.drawing-mode,.diary-book.drawing-mode .diary-page-content{touch-action:none!important;-webkit-user-select:none;user-select:none;cursor:crosshair}
.diary-page-nav{position:fixed;z-index:235;top:calc(66px + env(safe-area-inset-top));right:11px;display:flex;align-items:center;gap:5px;padding:4px;border:1px solid rgba(109,77,42,.25);border-radius:999px;background:rgba(255,248,231,.92);box-shadow:0 5px 14px rgba(54,37,18,.16);color:#60472e}
.diary-page-nav button{display:grid;place-items:center;width:34px;height:34px;padding:0;border:0;border-radius:50%;background:#17364f;color:#f5e8ce;font-size:25px;line-height:1}.diary-page-nav span{min-width:48px;font-size:11px;font-weight:700;text-align:center}
.diary-book-fallback{display:flex;overflow-x:auto;scroll-snap-type:x mandatory}.diary-book-fallback .diary-book-page{flex:0 0 100%;height:100%;scroll-snap-align:start}
.diary-page-content .placed-sticker{right:auto;border:0;text-align:left}
.scrap-object{transform-box:border-box}
@media(max-width:390px){.diary-page-content{padding:36px 20px 24px;font-size:17px;line-height:1.58}.diary-page-content>p{font-size:17px!important;line-height:1.58!important}.diary-page-content .chapter-head{padding:17px}.diary-page-content .chapter-head h2{font-size:31px}}
@media(max-height:700px){.diary-book{height:calc(100dvh - 196px - env(safe-area-inset-top) - env(safe-area-inset-bottom));min-height:290px}.diary-page-content{padding-top:28px}.diary-annotation-tools{padding-top:7px;padding-bottom:7px}.sticker-source-row{padding-top:6px}}

/* v34 — locked scrapbook canvas, decor tray and safer page fit */
html.scrap-locked,html.scrap-locked body{width:100%;height:100%;overflow:hidden;overscroll-behavior:none}
body.scrap-open{position:fixed;left:0;right:0;width:100%;height:100dvh;overflow:hidden;overscroll-behavior:none;touch-action:none}
.scrap-editor{width:100%;height:100dvh;max-height:100dvh;overflow:hidden;overscroll-behavior:none;touch-action:none;grid-template-rows:auto auto auto minmax(0,1fr);contain:layout paint}
.scrap-editor-head{touch-action:none}.scrap-editor-toolbar,.scrap-tool-group,.scrap-decor-tray{touch-action:pan-x}
.scrap-canvas{min-height:0;overflow:hidden;overscroll-behavior:none;touch-action:none!important;transform:none!important;contain:strict}
.scrap-object,.scrap-object img{touch-action:none!important;-webkit-user-drag:none;-webkit-touch-callout:none}
.scrap-decor-panel{position:relative;z-index:8;margin:0;border-top:1px solid rgba(221,185,120,.18);border-bottom:1px solid rgba(221,185,120,.18);background:#0b2237;color:#eee0ca}
.scrap-decor-panel summary{min-height:39px;display:flex;align-items:center;justify-content:center;gap:7px;padding:7px 12px;cursor:pointer;font-size:12px;font-weight:700;list-style:none}.scrap-decor-panel summary::-webkit-details-marker{display:none}
.scrap-decor-panel[open] summary{color:#e2bc7e;background:#102f4a}
.scrap-decor-tray{position:absolute;left:0;right:0;top:100%;display:flex;gap:8px;padding:9px 10px 11px;overflow-x:auto;background:rgba(7,21,34,.98);box-shadow:0 14px 24px rgba(0,0,0,.32);scrollbar-width:none}.scrap-decor-tray::-webkit-scrollbar{display:none}
.scrap-decor-tray button{flex:0 0 72px;height:83px;padding:5px;border:1px solid rgba(221,185,120,.27);border-radius:11px;background:#143650;color:#f2e6d5;font-size:10px}.scrap-decor-tray button img{display:block;width:52px;height:52px;margin:auto;object-fit:contain}.scrap-decor-tray button span{display:block;margin-top:2px;white-space:nowrap}
.scrap-decor{max-width:none;padding:0}.scrap-decor img{display:block;width:128px;height:128px;max-width:none;max-height:none;border:0!important;box-shadow:none!important;object-fit:contain}.scrap-image img{box-shadow:none!important}.scrap-decor[data-kind="washi"] img,.scrap-decor[data-kind="lace"] img{width:175px;height:80px}
.edge-torn{clip-path:polygon(1% 4%,7% 1%,13% 4%,20% 1%,28% 4%,36% 1%,44% 4%,53% 1%,61% 4%,69% 1%,78% 4%,87% 1%,96% 4%,99% 11%,97% 20%,100% 29%,97% 38%,100% 48%,97% 57%,100% 67%,97% 77%,100% 88%,96% 98%,88% 96%,79% 99%,69% 96%,59% 99%,49% 96%,39% 99%,29% 96%,20% 99%,11% 96%,2% 99%,4% 89%,1% 79%,4% 68%,1% 57%,4% 47%,1% 36%,4% 25%,1% 15%)}
.edge-deckle{clip-path:polygon(0 2%,10% 0,18% 3%,29% 1%,40% 4%,50% 0,61% 3%,72% 1%,83% 4%,100% 1%,97% 15%,100% 31%,97% 46%,100% 61%,97% 76%,100% 94%,88% 98%,76% 96%,63% 100%,50% 97%,38% 100%,25% 96%,12% 99%,1% 96%,3% 79%,0 63%,3% 47%,0 32%,3% 17%)}
.edge-scallop{clip-path:polygon(4% 0,96% 0,100% 5%,97% 10%,100% 15%,97% 20%,100% 25%,97% 30%,100% 35%,97% 40%,100% 45%,97% 50%,100% 55%,97% 60%,100% 65%,97% 70%,100% 75%,97% 80%,100% 85%,97% 90%,100% 95%,96% 100%,4% 100%,0 95%,3% 90%,0 85%,3% 80%,0 75%,3% 70%,0 65%,3% 60%,0 55%,3% 50%,0 45%,3% 40%,0 35%,3% 30%,0 25%,3% 20%,0 15%,3% 10%,0 5%)}
.diary-page-content .chapter-quote{margin:24px auto;color:#102f4a!important;border:1px solid rgba(119,75,35,.35);border-radius:16px;background:rgba(255,249,232,.74);font:700 30px/1.25 Georgia,"Times New Roman",serif!important;text-align:center;text-shadow:0 1px 0 #fff}
.diary-page-content figure{display:grid;align-content:center;height:100%;margin:0}.diary-page-content figure img{max-height:calc(100% - 58px)}.diary-page-content figcaption{margin-top:10px;color:#654b31;font:italic 13px/1.4 Georgia,serif;text-align:center}
.diary-annotation-tools{max-height:164px}.diary-annotation-tools>small{margin-bottom:4px}.tactile-tool-row button{min-height:35px;padding-top:6px;padding-bottom:6px}.sticker-source-row{padding-top:6px}.sticker-source-row .sticker-chip{height:31px}
.diary-page-measure{position:fixed!important;z-index:-1!important;left:-9999px!important;top:0!important;height:auto!important;min-height:0!important;max-height:none!important;visibility:hidden!important;overflow:visible!important;pointer-events:none!important}

/* v35 — scrapbook selection and visibly different cut edges */
.scrap-object{--object-shadow:drop-shadow(0 0 0 rgba(0,0,0,0));filter:var(--object-shadow)}
.shadow-none{--object-shadow:drop-shadow(0 0 0 rgba(0,0,0,0))}
.shadow-soft{--object-shadow:drop-shadow(0 3px 2px rgba(62,39,20,.24)) drop-shadow(0 1px 1px rgba(62,39,20,.12))}
.shadow-raised{--object-shadow:drop-shadow(0 8px 5px rgba(56,34,17,.29)) drop-shadow(0 2px 2px rgba(56,34,17,.18))}
.shadow-deep{--object-shadow:drop-shadow(0 14px 9px rgba(48,28,13,.36)) drop-shadow(0 4px 3px rgba(48,28,13,.24))}
.scrap-object.selected{outline:0;filter:var(--object-shadow) drop-shadow(0 0 2px #fff4d7) drop-shadow(0 0 5px #a8672e)}
.scrap-object.selected::after{content:"✓";position:absolute;z-index:3;right:-12px;top:-12px;display:grid;place-items:center;width:25px;height:25px;border:2px solid #fff3d6;border-radius:50%;background:#17364f;color:#f4d697;font:bold 14px/1 sans-serif;box-shadow:0 3px 8px rgba(0,0,0,.28);pointer-events:none}
.edge-deckle{clip-path:polygon(11% 0,89% 0,100% 11%,100% 89%,89% 100%,11% 100%,0 89%,0 11%)}
.edge-scallop{clip-path:none;border-radius:30px;overflow:hidden}
[data-cycle-edge]{min-width:108px}
.scrap-layer-group{align-items:center;justify-content:center}.scrap-layer-group>span{flex:0 0 auto;color:#d8bd8d;font-size:11px;font-weight:700}.scrap-layer-group button{flex:1 1 86px;min-width:86px}[data-cycle-shadow]{min-width:116px!important}

/* v38 — compact drawers leave the scrapbook page full-height */
.scrap-drawer-tabs{position:relative;z-index:20;display:grid;grid-template-columns:1fr 1fr;background:#0b2237;border-bottom:1px solid rgba(221,185,120,.2)}
.scrap-drawer-tabs details{position:static;margin:0;border:0;background:transparent;color:#eee0ca}
.scrap-drawer-tabs summary{display:flex;align-items:center;justify-content:center;min-height:43px;padding:8px 10px;border-right:1px solid rgba(221,185,120,.18);list-style:none;cursor:pointer;font-size:12px;font-weight:700;touch-action:manipulation}
.scrap-drawer-tabs details:last-child summary{border-right:0}.scrap-drawer-tabs summary::-webkit-details-marker{display:none}.scrap-drawer-tabs details[open] summary{color:#e2bc7e;background:#102f4a;box-shadow:inset 0 -2px #d7ae6d}
.scrap-tools-panel .scrap-editor-toolbar{position:absolute;left:0;right:0;top:100%;max-height:min(44dvh,330px);overflow-y:auto;overscroll-behavior:contain;background:rgba(7,21,34,.985);box-shadow:0 16px 28px rgba(0,0,0,.38)}
.scrap-drawer-tabs .scrap-decor-tray{top:100%}

/* v39 — persistent scrapbook depth and a safer diary toolbar */
.tactile-tool-row .underline-tool{display:flex;align-items:center;justify-content:center;gap:3px;padding-left:2px;padding-right:2px;font-size:10px;letter-spacing:-.18px}
.tactile-tool-row .underline-tool u{flex:0 0 auto;text-underline-offset:3px}.tactile-tool-row .underline-tool span{min-width:0}
@media(max-width:390px){.tactile-tool-row .underline-tool{gap:2px;font-size:9px;letter-spacing:-.3px}.diary-page-content{padding-bottom:34px}}

/* v41 — magnetic paperclip attachment */
.scrap-decor[data-kind="clip"][data-attached="true"]::before{content:"";position:absolute;inset:14%;z-index:-1;border:1px solid rgba(205,159,86,.72);border-radius:50%;pointer-events:none;animation:scrap-clip-snap .42s ease-out both}
@keyframes scrap-clip-snap{from{opacity:.9;transform:scale(.55)}to{opacity:0;transform:scale(1.35)}}

/* Legends */
.legends-intro{position:relative;overflow:hidden;background:linear-gradient(145deg,rgba(16,48,73,.96),rgba(8,28,45,.98));border-color:rgba(215,174,109,.28)}
.legends-intro::after{content:"☾";position:absolute;right:18px;top:8px;color:rgba(225,188,127,.18);font:72px/1 Georgia,serif}
.legends-intro h2{position:relative;color:#f1d4a0;font-family:Georgia,"Times New Roman",serif}.legends-intro p{position:relative;max-width:560px}
.legend-section-card{grid-template-columns:76px minmax(0,1fr) auto;align-items:center}.legend-section-card img{width:76px;height:98px;border-radius:12px;object-fit:cover;object-position:center 32%;box-shadow:0 7px 18px rgba(0,0,0,.3)}
.legend-section-card small,.legend-story-card small{display:block;margin-bottom:4px;color:#d9b879;font-size:10px;letter-spacing:.12em;text-transform:uppercase}
.legend-list{display:grid;gap:16px}.legend-story-card{display:grid;grid-template-columns:minmax(118px,34%) minmax(0,1fr);overflow:hidden;border:1px solid rgba(216,178,112,.27);border-radius:20px;background:linear-gradient(145deg,#102f49,#091f32);color:#f4e6d2;text-decoration:none;box-shadow:0 15px 30px rgba(0,0,0,.22)}
.legend-story-card img{width:100%;height:100%;min-height:230px;object-fit:cover;object-position:center 32%}.legend-story-card div{align-self:center;padding:22px 18px}.legend-story-card h2{margin:0 0 8px;color:#f0cf96;font:42px/1 Georgia,"Times New Roman",serif}.legend-story-card p{margin:0 0 18px;color:#d7cab7;line-height:1.55}.legend-story-card span{color:#e4bf80;font-weight:700}
.legend-reader-body{background:#071827}.legend-reader-shell{padding-bottom:102px}.legend-reader{max-width:760px;margin:0 auto;padding:24px 16px 54px}.legend-title{padding:28px 20px 24px;text-align:center}.legend-title h1{margin:5px 0 10px;color:#efd39e;font:clamp(48px,12vw,76px)/.95 Georgia,"Times New Roman",serif}.legend-title>p:last-child{max-width:520px;margin:0 auto;color:#cdbda4;font:italic 17px/1.5 Georgia,serif}
.legend-video-wrap{max-width:430px;margin:0 auto 34px}.legend-video-wrap video{display:block;width:100%;max-height:76vh;border:1px solid rgba(220,181,116,.28);border-radius:22px;background:#02070b;box-shadow:0 22px 45px rgba(0,0,0,.4);object-fit:contain}.legend-video-wrap figcaption{margin-top:10px;color:#9f8b70;font:italic 12px/1.4 Georgia,serif;text-align:center}
.legend-prose{padding:30px clamp(20px,6vw,54px);border:1px solid rgba(210,169,105,.25);border-radius:24px;background:linear-gradient(160deg,#f5e9cb,#e9d7b1);box-shadow:0 20px 44px rgba(0,0,0,.28);color:#2a2118}.legend-prose p{margin:0 0 20px;color:#2a2118;font:20px/1.72 Georgia,"Times New Roman",serif}.legend-prose p:first-child::first-letter{float:left;margin:7px 8px 0 0;color:#9a602b;font-size:62px;line-height:.72}.legend-prose blockquote{margin:28px 0;padding:18px 20px;border-left:3px solid #a46e35;background:rgba(255,250,237,.55);color:#563b22;font:italic 21px/1.62 Georgia,"Times New Roman",serif}.legend-back{display:block;max-width:420px;margin:28px auto 0;text-align:center}
@media(max-width:520px){.legend-section-card{grid-template-columns:62px minmax(0,1fr) auto}.legend-section-card img{width:62px;height:82px}.legend-story-card{grid-template-columns:112px minmax(0,1fr)}.legend-story-card img{min-height:220px}.legend-story-card div{padding:18px 14px}.legend-story-card h2{font-size:28px;line-height:1.05}.legend-story-card p{font-size:13px}.legend-reader{padding-left:11px;padding-right:11px}.legend-prose{padding:26px 20px}.legend-prose p{font-size:18px;line-height:1.67}.legend-prose blockquote{font-size:19px}}

/* Final navigation: Library, Diary, Scrap, Club, Contact */
.bottom-nav{grid-template-columns:repeat(5,minmax(0,1fr))}
.bottom-nav a{font-size:9.5px}

/* Scrapbook 2.0 finishing layer */
.scrap-backup-actions{margin-top:12px}.scrap-backup-actions .btn{font-size:12px}
.scrap-drawer-tabs{grid-template-columns:repeat(4,minmax(0,1fr))}
.scrap-drawer-tabs summary{padding-inline:4px;font-size:11px;white-space:nowrap}
.scrap-pack-label{flex:0 0 auto;align-self:center;padding:0 3px;color:#d9b778;font:700 9px/1.1 sans-serif;letter-spacing:.08em;text-transform:uppercase;writing-mode:vertical-rl;transform:rotate(180deg)}
.scrap-background-tray,.scrap-quotes-tray{position:absolute;left:0;right:0;top:100%;display:flex;gap:9px;padding:10px;overflow-x:auto;background:rgba(7,21,34,.985);box-shadow:0 16px 28px rgba(0,0,0,.38);scrollbar-width:none;touch-action:pan-x}
.scrap-background-tray::-webkit-scrollbar,.scrap-quotes-tray::-webkit-scrollbar{display:none}
.scrap-background-tray button{flex:0 0 82px;padding:6px;border:1px solid rgba(221,185,120,.28);border-radius:12px;background:#143650;color:#f2e6d5;font-size:10px}
.scrap-background-tray i{display:block;width:68px;height:48px;margin:0 auto 5px;border-radius:8px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.17)}
.bg-parchment{background:#efe1c0;background-image:repeating-linear-gradient(8deg,rgba(119,91,55,.06) 0 1px,transparent 1px 8px)}
.bg-vintage{background:radial-gradient(circle at 76% 18%,rgba(97,47,25,.26),transparent 23%),linear-gradient(145deg,#e2c291,#b88554)}
.bg-botanical{background:radial-gradient(ellipse at 15% 90%,rgba(49,91,50,.52),transparent 35%),linear-gradient(145deg,#e5e0bc,#c4c99f)}
.bg-celestial{background:radial-gradient(circle at 76% 22%,#f4d796 0 8px,transparent 9px),radial-gradient(circle,#d8bb77 0 1px,transparent 1.5px),linear-gradient(145deg,#0a2945,#061421);background-size:auto,14px 14px,auto}
.scrap-quotes-tray button{flex:0 0 min(74vw,290px);padding:12px;border:1px solid rgba(221,185,120,.26);border-radius:14px;background:linear-gradient(145deg,#f2e4c5,#ddc697);color:#38291c;text-align:left}
.scrap-quotes-tray button small{display:block;margin-bottom:5px;color:#7b5733;font-size:9px;text-transform:uppercase}.scrap-quotes-tray button span{font:italic 14px/1.4 Georgia,serif}
.scrap-quotes-empty{padding:14px;color:#cbbca4;font-size:12px}
.scrap-canvas[data-background="vintage"]{background-color:#c8a06f;background-image:radial-gradient(circle at 80% 18%,rgba(86,42,21,.16),transparent 23%),repeating-linear-gradient(8deg,rgba(86,42,21,.04) 0 1px,transparent 1px 9px)}
.scrap-canvas[data-background="botanical"]{background-color:#dedbb9;background-image:radial-gradient(ellipse at 6% 96%,rgba(47,91,50,.26),transparent 28%),radial-gradient(ellipse at 94% 4%,rgba(71,112,62,.18),transparent 25%),repeating-linear-gradient(7deg,rgba(72,76,47,.035) 0 1px,transparent 1px 8px)}
.scrap-canvas[data-background="celestial"]{background-color:#09243b;background-image:radial-gradient(circle at 76% 20%,rgba(245,213,147,.96) 0 20px,rgba(245,213,147,.14) 21px 34px,transparent 35px),radial-gradient(circle,rgba(225,192,126,.72) 0 1px,transparent 1.4px),linear-gradient(145deg,#0d3150,#061421);background-size:auto,17px 17px,auto}
.scrap-object.locked::before{content:"⌁";position:absolute;z-index:4;left:-10px;top:-10px;display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#8d5c2f;color:#fff3d7;font:700 13px sans-serif;box-shadow:0 3px 8px rgba(0,0,0,.28);pointer-events:none}
.scrap-editor-toolbar button.active{border-color:#e2bd7a;background:#70471f;color:#fff4db}

/* Scrapbook 2.0 — tactile table */
.scrap-editor-head{grid-template-columns:48px minmax(0,1fr) auto auto}.scrap-history{display:flex;gap:4px}.scrap-history .icon-btn{width:36px;height:36px}.scrap-history .icon-btn:disabled{opacity:.28}
.scrap-draw-options label{display:flex;align-items:center;gap:7px;min-width:120px;border:1px solid rgba(221,185,120,.3);border-radius:10px;padding:6px 9px;background:#102f4a;color:#f3e8d7;font-size:11px}.scrap-draw-options input[type="color"]{width:28px;height:27px;padding:0;border:0;background:transparent}.scrap-draw-options input[type="range"]{width:82px;accent-color:#d4a45f}
.scrap-decor-tray{display:grid!important;gap:8px!important;padding:8px 0 10px!important;overflow:visible!important}.scrap-pack-filter{display:flex;gap:6px;overflow-x:auto;padding:0 10px;scrollbar-width:none}.scrap-pack-filter::-webkit-scrollbar{display:none}.scrap-pack-filter button{flex:0 0 auto!important;width:auto!important;height:30px!important;padding:5px 10px!important;border-radius:999px!important}.scrap-pack-filter button.active{border-color:#e3bb78;background:#70471f;color:#fff4dc}
.scrap-material-scroll{display:flex;gap:8px;overflow-x:auto;padding:0 10px;scrollbar-width:none;touch-action:pan-x}.scrap-material-scroll::-webkit-scrollbar{display:none}.scrap-material-scroll>button{flex:0 0 72px;height:83px;padding:5px;border:1px solid rgba(221,185,120,.27);border-radius:11px;background:#143650;color:#f2e6d5;font-size:10px}.scrap-material-scroll>button img,.scrap-material-scroll>button i{display:grid;width:52px;height:52px;margin:auto;place-items:center;object-fit:contain}.scrap-material-scroll>button span{display:block;margin-top:2px;white-space:nowrap}
.material-swatch{box-sizing:border-box;color:#583d25;font:italic 17px Georgia,serif;box-shadow:0 4px 7px rgba(0,0,0,.2)}.swatch-torn{background:#e8d4aa;clip-path:polygon(0 5%,12% 1%,22% 6%,34% 2%,47% 5%,58% 1%,72% 5%,84% 2%,100% 6%,97% 95%,83% 99%,70% 94%,55% 99%,39% 95%,25% 99%,10% 95%,2% 99%)}.swatch-vellum{background:rgba(239,234,211,.65);border:1px solid rgba(255,255,255,.7)}.swatch-letter{background:repeating-linear-gradient(#ecd9ae 0 9px,#d8c295 10px)}.swatch-ticket{background:#cf9f72;border:2px dashed #734d2b}.swatch-tag{background:#d8ba82;clip-path:polygon(15% 0,85% 0,100% 20%,100% 100%,0 100%,0 20%)}.swatch-envelope{background:#d2ae75;font-style:normal;font-size:27px}
.symbol-swatch{color:#e6c98d;font:31px/1 Georgia,serif;text-shadow:0 3px 7px rgba(0,0,0,.3)}
.scrap-context-bar[hidden]{display:none!important}.scrap-context-bar{position:absolute;z-index:35;left:50%;bottom:calc(14px + env(safe-area-inset-bottom));display:flex;align-items:center;gap:5px;width:max-content;max-width:calc(100% - 20px);padding:7px;overflow-x:auto;border:1px solid rgba(226,188,123,.42);border-radius:16px;background:rgba(6,22,36,.94);box-shadow:0 12px 30px rgba(0,0,0,.42);backdrop-filter:blur(12px);transform:translateX(-50%);scrollbar-width:none;touch-action:pan-x}.scrap-context-bar::-webkit-scrollbar{display:none}.scrap-context-bar button{flex:0 0 auto;min-width:38px;height:38px;padding:0 9px;border:1px solid rgba(222,183,116,.25);border-radius:10px;background:#133650;color:#f2e3cc;font:600 12px/1 inherit}.scrap-context-bar button.active{border-color:#e2bd7a;background:#70471f}.scrap-context-bar button.danger{background:#542d2b;color:#ffd9cc}.scrap-opacity{display:flex;align-items:center;gap:4px;height:38px;padding:0 8px;border:1px solid rgba(222,183,116,.25);border-radius:10px;color:#e2c18a;background:#102f49}.scrap-opacity input{width:75px;accent-color:#d2a45e}
.scrap-material{max-width:none;padding:0}.material-piece{position:relative;width:138px;height:102px;color:#422d1e;font:15px/1.3 Georgia,serif;transform-style:preserve-3d}.material-torn-note{box-sizing:border-box;padding:20px 15px;background:#ead6a8;clip-path:polygon(1% 5%,10% 1%,20% 5%,30% 2%,42% 6%,53% 1%,65% 5%,77% 2%,89% 6%,99% 2%,97% 94%,88% 99%,77% 95%,65% 99%,53% 95%,42% 99%,30% 95%,19% 99%,8% 95%,2% 99%)}.material-vellum{box-sizing:border-box;padding:18px 14px;border:1px solid rgba(255,255,255,.75);background:rgba(237,231,207,.72);box-shadow:inset 0 0 18px rgba(255,255,255,.55);backdrop-filter:blur(1px)}.material-letter{box-sizing:border-box;padding:17px 14px;background:repeating-linear-gradient(0deg,#e9d4a9 0 18px,#d5bc8e 19px);font-style:italic}.material-ticket{box-sizing:border-box;padding:23px 13px;border:2px dashed #6f4728;background:#c99b6e;text-align:center;text-transform:uppercase;letter-spacing:.05em}.material-tag{box-sizing:border-box;padding:27px 15px 12px;background:#d9bc83;clip-path:polygon(13% 0,87% 0,100% 18%,100% 100%,0 100%,0 18%);text-align:center}.material-tag::before{content:"";position:absolute;left:50%;top:7px;width:9px;height:9px;border:2px solid #765131;border-radius:50%;transform:translateX(-50%)}
.material-envelope{height:112px}.material-envelope-back{position:absolute;inset:25px 0 0;border-radius:4px;background:#cba873;box-shadow:inset 0 0 0 1px rgba(96,56,26,.18)}.material-envelope-front{position:absolute;z-index:3;inset:44px 0 0;display:grid;place-items:center;background:linear-gradient(145deg,transparent 49%,#b9915e 50%),linear-gradient(215deg,transparent 49%,#d8b983 50%);color:#79502a;font-size:21px}.material-envelope-flap{position:absolute;z-index:4;left:0;right:0;top:25px;height:60px;background:#dec18c;clip-path:polygon(0 0,100% 0,50% 100%);transform-origin:50% 0;transition:transform .48s ease}.material-envelope.is-open .material-envelope-flap{transform:rotateX(170deg)}.material-envelope-note{position:absolute;z-index:2;left:9px;right:9px;top:31px;height:75px;box-sizing:border-box;overflow:hidden;padding:12px;background:#f0dfb9;transition:transform .5s ease}.material-envelope.is-open .material-envelope-note{transform:translateY(-49px)}
.material-pocket{height:118px}.material-pocket-card{position:absolute;z-index:1;left:12px;right:12px;top:5px;height:82px;box-sizing:border-box;padding:14px 10px;border:1px solid #987044;background:#ecddbd;transition:transform .46s ease}.material-pocket-front{position:absolute;z-index:2;left:0;right:0;bottom:0;height:75px;box-sizing:border-box;padding-top:32px;background:#b88e5e;clip-path:polygon(0 12%,16% 12%,22% 0,78% 0,84% 12%,100% 12%,100% 100%,0 100%);color:#f5e5c8;text-align:center}.material-pocket.is-open .material-pocket-card{transform:translateY(-42px)}
.material-flap{height:112px;perspective:400px}.material-flap-note{position:absolute;inset:5px;padding:22px 12px;border:1px dashed #8d653b;background:#ead9b7}.material-flap-cover{position:absolute;z-index:2;inset:0;display:grid;place-items:center;border:1px solid #8f663f;background:#c29b68;color:#fff0d2;transform-origin:0 50%;transition:transform .52s ease;backface-visibility:hidden}.material-flap.is-open .material-flap-cover{transform:rotateY(-158deg)}
.scrap-waterfall{width:164px;height:204px;max-width:none;padding:0;overflow:visible}.waterfall-stack{position:relative;width:154px;height:174px;perspective:700px}.waterfall-binding{position:absolute;z-index:20;left:10px;right:10px;top:-5px;height:18px;border-radius:5px;background:linear-gradient(#8a5c35,#4d301c);box-shadow:0 4px 7px rgba(51,30,15,.35)}.waterfall-binding span{position:absolute;top:4px;width:7px;height:7px;border:2px solid #d7b578;border-radius:50%}.waterfall-binding span:first-child{left:34px}.waterfall-binding span:last-child{right:34px}.waterfall-photo{position:absolute;left:7px;top:7px;width:140px;height:116px;margin:0;box-sizing:border-box;padding:7px 7px 20px;border:1px solid rgba(93,57,28,.2);background:#f4ead4;box-shadow:0 8px 14px rgba(55,33,18,.3);transform-origin:50% 3px;transition:transform .46s cubic-bezier(.2,.75,.25,1),opacity .3s;backface-visibility:hidden}.waterfall-photo.is-flipped{transform:rotateX(-176deg);opacity:.12}.waterfall-photo img{width:124px!important;height:88px!important;max-width:none!important;max-height:none!important;border:0!important;box-shadow:none!important;object-fit:cover}.waterfall-photo figcaption{position:absolute;right:8px;bottom:4px;color:#755333;font:9px/1 Georgia,serif}.waterfall-pull{position:absolute;z-index:1;left:48px;top:119px;width:60px;height:44px;border:0;border-radius:0 0 16px 16px;background:linear-gradient(#caa873,#a87f4e);color:#5a3a20;font:700 9px/1 sans-serif;letter-spacing:.1em;box-shadow:0 6px 9px rgba(54,32,16,.25);transform:translateY(calc(var(--waterfall-step) * 22px));transition:transform .22s ease;touch-action:none}.waterfall-pull b{display:block;margin-top:4px;font-size:18px}.scrap-waterfall.selected::after{top:-17px;right:-8px}
.waterfall-dialog[hidden]{display:none}.waterfall-dialog{position:fixed;z-index:520;inset:0;display:grid;place-items:center;padding:18px;background:rgba(2,12,21,.78);backdrop-filter:blur(9px)}.waterfall-dialog-card{position:relative;width:min(390px,100%);box-sizing:border-box;padding:24px 18px 18px;border:1px solid rgba(226,188,123,.42);border-radius:24px;background:linear-gradient(155deg,#123650,#071a2b);box-shadow:0 22px 60px rgba(0,0,0,.55);text-align:center}.waterfall-dialog-card>small{color:#d7ad6c;font-size:10px;text-transform:uppercase;letter-spacing:.12em}.waterfall-dialog-card h3{margin:6px 0;color:#f2dfc0;font:500 28px Georgia,serif}.waterfall-dialog-card>p{margin:0 auto 15px;max-width:310px;color:#b9ad9a;font-size:12px;line-height:1.45}.waterfall-dialog-close{position:absolute;right:10px;top:9px;width:36px;height:36px;border:0;border-radius:50%;background:#153a55;color:#ead7b8;font-size:24px}.waterfall-draft{display:flex;gap:8px;min-height:92px;margin-bottom:13px;padding:9px;overflow-x:auto;border:1px dashed rgba(222,183,116,.3);border-radius:15px;background:rgba(3,17,28,.45)}.waterfall-draft figure{position:relative;flex:0 0 72px;height:82px;margin:0;padding:4px 4px 13px;box-sizing:border-box;background:#f2e5ca;transform:rotate(-1deg)}.waterfall-draft figure:nth-child(even){transform:rotate(1.5deg)}.waterfall-draft img{width:64px;height:61px;object-fit:cover}.waterfall-draft figure button{position:absolute;right:-5px;top:-6px;width:23px;height:23px;border:1px solid #f5dfbd;border-radius:50%;background:#6f3c32;color:#fff;font-size:15px}.waterfall-draft figcaption{position:absolute;right:5px;bottom:2px;color:#6b4a2e;font:9px Georgia,serif}.waterfall-draft-empty{display:grid;place-items:center;width:100%;color:#8f8577;font-size:12px}.waterfall-dialog-card>.btn{width:100%;margin-top:8px}.waterfall-dialog-card>.btn[hidden]{display:none}.waterfall-dialog-card>.btn:disabled{opacity:.4}
.scrap-symbol{max-width:none;padding:0;color:#9a672f;font:58px/1 Georgia,serif;text-shadow:0 4px 2px rgba(67,39,17,.22)}.scrap-drawing{max-width:none;padding:0;transform-origin:0 0}.scrap-drawing svg{display:block;width:100%;height:100%;overflow:visible}.scrap-live-stroke{position:absolute;z-index:999;inset:0;width:100%;height:100%;pointer-events:none}.scrap-canvas.drawing-mode{cursor:crosshair}.scrap-canvas.drawing-mode .scrap-object{pointer-events:none}.scrap-canvas.drawing-mode::after{content:"Рисуй пальцем · Esc — закончить";position:absolute;left:50%;top:12px;z-index:1000;padding:7px 12px;border-radius:999px;background:rgba(37,26,18,.72);color:#fff1d5;font-size:11px;transform:translateX(-50%);pointer-events:none}
.bg-dark-academia{background:radial-gradient(circle at 20% 18%,#7c633f 0 2px,transparent 3px),linear-gradient(145deg,#493824,#17130f)}.bg-light-academia{background:repeating-linear-gradient(90deg,rgba(110,80,45,.08) 0 1px,transparent 1px 16px),#eee2c8}.bg-cottage{background:radial-gradient(circle at 15% 80%,#d18d8a 0 3px,transparent 4px),radial-gradient(circle at 78% 24%,#a3b27d 0 4px,transparent 5px),#e9dcc1}.bg-witchy{background:radial-gradient(circle,#c7a563 0 1px,transparent 1.5px),linear-gradient(145deg,#38243e,#14101c);background-size:13px 13px,auto}.bg-romantic{background:radial-gradient(circle at 20% 24%,rgba(185,107,117,.34),transparent 24%),linear-gradient(145deg,#f1d8d5,#d8b8bd)}.bg-travel{background:repeating-linear-gradient(8deg,rgba(98,70,40,.09) 0 1px,transparent 1px 12px),linear-gradient(145deg,#d7bd8a,#a98455)}.bg-forest{background:radial-gradient(ellipse at 20% 80%,rgba(121,144,79,.7),transparent 35%),linear-gradient(145deg,#4f6544,#18251c)}.bg-autumn{background:radial-gradient(circle at 18% 78%,rgba(151,66,35,.55),transparent 27%),linear-gradient(145deg,#d7a25f,#754128)}
.scrap-canvas[data-background="dark-academia"]{background-color:#2d2419;background-image:radial-gradient(circle at 16% 17%,rgba(193,151,91,.16),transparent 24%),repeating-linear-gradient(92deg,rgba(255,255,255,.018) 0 1px,transparent 1px 14px)}.scrap-canvas[data-background="light-academia"]{background-color:#eee3ca;background-image:repeating-linear-gradient(90deg,rgba(111,82,49,.06) 0 1px,transparent 1px 18px),repeating-linear-gradient(0deg,rgba(111,82,49,.035) 0 1px,transparent 1px 18px)}.scrap-canvas[data-background="cottage"]{background-color:#e8dcc1;background-image:radial-gradient(circle at 8% 88%,rgba(166,91,88,.22),transparent 24%),radial-gradient(circle at 91% 13%,rgba(105,129,76,.2),transparent 25%)}.scrap-canvas[data-background="witchy"]{background-color:#211525;background-image:radial-gradient(circle,rgba(216,182,111,.55) 0 1px,transparent 1.4px),radial-gradient(circle at 78% 18%,rgba(222,187,115,.16),transparent 25%);background-size:17px 17px,auto}.scrap-canvas[data-background="romantic"]{background-color:#e9cfd0;background-image:radial-gradient(circle at 10% 90%,rgba(157,74,84,.22),transparent 27%),repeating-linear-gradient(7deg,rgba(132,73,78,.035) 0 1px,transparent 1px 8px)}.scrap-canvas[data-background="travel"]{background-color:#c8a777;background-image:linear-gradient(26deg,transparent 48%,rgba(77,52,28,.09) 49% 51%,transparent 52%),repeating-linear-gradient(9deg,rgba(88,59,31,.04) 0 1px,transparent 1px 10px)}.scrap-canvas[data-background="forest"]{background-color:#344735;background-image:radial-gradient(ellipse at 8% 92%,rgba(135,158,92,.35),transparent 29%),radial-gradient(ellipse at 94% 8%,rgba(87,119,75,.4),transparent 26%)}.scrap-canvas[data-background="autumn"]{background-color:#a76636;background-image:radial-gradient(circle at 12% 86%,rgba(127,45,24,.35),transparent 29%),radial-gradient(circle at 88% 12%,rgba(219,158,75,.3),transparent 27%)}
@media(max-width:520px){.scrap-editor-head{grid-template-columns:42px minmax(0,1fr) auto auto;gap:4px;padding-inline:7px}.scrap-editor-head .btn{padding-inline:9px}.scrap-history{gap:2px}.scrap-history .icon-btn{width:31px;height:34px}.scrap-context-bar{bottom:calc(10px + env(safe-area-inset-bottom))}.scrap-gesture-hint{font-size:10px}}

/* Reader club */
.club-shell{padding-bottom:104px}.club-page{display:grid;gap:14px}.club-hero{position:relative;overflow:hidden;padding:24px;border:1px solid rgba(221,185,120,.25);border-radius:25px;background:radial-gradient(circle at 83% 20%,rgba(224,186,113,.2),transparent 22%),linear-gradient(145deg,#102f4a,#061522)}
.club-hero::after{content:"☾";position:absolute;right:20px;top:10px;color:rgba(224,186,113,.17);font:74px/1 Georgia,serif}.club-hero h2{position:relative;margin:12px 0 7px;color:#f0d3a0;font:500 34px/1.05 Georgia,serif}.club-hero p{position:relative;max-width:520px;margin:0;color:#c8bba6;line-height:1.55}
.club-rooms{display:flex;gap:7px;overflow-x:auto;padding:2px 0 4px;scrollbar-width:none}.club-rooms::-webkit-scrollbar{display:none}.club-rooms button{flex:0 0 auto;padding:10px 13px;border:1px solid rgba(221,185,120,.22);border-radius:999px;background:#0d2942;color:#c8baa4}.club-rooms button.active{border-color:#d8ad6a;background:#8e5d2d;color:#fff4dd}
.club-thread-context{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 13px;border:1px solid rgba(221,185,120,.23);border-radius:14px;background:#0e2c46;color:#d9c7aa;font-size:12px}.club-thread-context a{color:#e4bd79}
.club-composer{padding:16px;border:1px solid rgba(221,185,120,.22);border-radius:20px;background:rgba(10,35,56,.88)}.club-room-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:13px}.club-room-head small{color:#d5ae6e;font-size:9px;text-transform:uppercase}.club-room-head h2{margin:2px 0 0;font:500 24px Georgia,serif}.club-room-head>span{color:#9f927e;font-size:11px}
.club-composer form{display:grid;gap:10px}.club-composer label{display:grid;gap:5px;color:#cfc0a8;font-size:11px}.club-composer input,.club-composer textarea{width:100%;box-sizing:border-box;border:1px solid rgba(221,185,120,.25);border-radius:12px;padding:11px 12px;background:#061827;color:#f3e7d4;font:15px/1.45 inherit;outline:none}.club-composer input:focus,.club-composer textarea:focus{border-color:#d9ae6d;box-shadow:0 0 0 3px rgba(217,174,109,.11)}.club-composer textarea{resize:vertical;min-height:96px}.club-honeypot{position:absolute!important;left:-9999px!important}.club-form-foot{display:flex;align-items:center;justify-content:space-between;gap:10px}.club-form-foot small{max-width:320px;color:#8f8575;font-size:10px;line-height:1.35}.club-form-status{min-height:18px;margin:0;color:#e1bb79;font-size:12px}
.club-replying{display:flex;align-items:center;justify-content:space-between;padding:8px 10px;border-left:3px solid #d3a760;border-radius:8px;background:#143650;color:#d9c8ae;font-size:11px}.club-replying button{border:0;background:transparent;color:#f1d7a5;font-size:20px}
.club-feed{display:grid;gap:10px}.club-message{padding:14px;border:1px solid rgba(221,185,120,.19);border-radius:18px;background:linear-gradient(145deg,rgba(13,43,68,.95),rgba(7,25,41,.98));box-shadow:0 10px 22px rgba(0,0,0,.13)}.club-message header{display:flex;align-items:center;gap:9px}.club-avatar{display:grid;place-items:center;width:36px;height:36px;border:1px solid rgba(231,195,131,.35);border-radius:50%;background:#183d5b;color:#efcb8b;font:600 17px Georgia,serif}.club-message header div{display:grid;gap:2px}.club-message time{color:#8e8373;font-size:9px}.club-message p{margin:12px 0;color:#eee1cf;font-size:14px;line-height:1.55;white-space:pre-wrap}.club-message footer{display:flex;gap:6px}.club-message footer button{padding:6px 9px;border:0;border-radius:999px;background:#102f4a;color:#b9aa93;font-size:10px}.club-message footer button:last-child{margin-left:auto;background:transparent;color:#80776a}.club-message footer button.active{color:#efc780;background:#3c2b23}.club-parent{margin-bottom:10px;padding:8px 10px;border-left:2px solid #aa7b43;border-radius:7px;background:rgba(255,255,255,.035);color:#9f927f;font-size:10px;line-height:1.4}
.club-loading,.club-empty,.club-error{display:grid;gap:7px;padding:24px;border:1px dashed rgba(221,185,120,.24);border-radius:18px;color:#a99d8a;text-align:center}.club-empty b,.club-error b{color:#dfc69d;font:500 20px Georgia,serif}.club-error .btn{justify-self:center;margin-top:7px}
@media(max-width:390px){.bottom-nav a{font-size:8.7px}.bottom-nav b{font-size:19px}.club-hero h2{font-size:29px}.club-form-foot{align-items:flex-end}.club-form-foot small{max-width:190px}.scrap-drawer-tabs summary{font-size:10px}}

/* Legal markers and club consent */
.home-age{position:absolute;right:7px;top:7px;display:grid;place-items:center;min-width:34px;height:25px;padding:0 5px;border:1px solid rgba(255,231,190,.85);border-radius:999px;background:rgba(84,29,28,.94);color:#fff0d5;font:700 11px/1 sans-serif;box-shadow:0 3px 8px rgba(0,0,0,.32);pointer-events:none}
.age-badge{display:inline-grid;place-items:center;min-width:38px;height:29px;padding:0 7px;border:1px solid #e4ba78;border-radius:999px;background:#6e2f2f;color:#fff1d8;font:700 12px/1 sans-serif;white-space:nowrap}.book-rating-line{display:flex;align-items:center;justify-content:space-between;gap:12px}.adult-notice{display:flex;align-items:center;gap:12px;margin:12px 0 20px;padding:11px 13px;border:1px solid rgba(213,151,107,.36);border-radius:14px;background:rgba(91,42,40,.34);color:#d8c5ac}.adult-notice strong{color:#f1c28c;font-size:12px;white-space:nowrap}.adult-notice span{font-size:11px;line-height:1.35}.topbar-age{margin-left:auto;margin-right:8px}.topbar:has(.topbar-age){grid-template-columns:48px minmax(0,1fr) auto auto}

/* v41 — personal EPUB/FB2/PDF library */
.personal-library-actions{display:flex;align-items:center;gap:12px;margin:14px 0 0}.personal-library-actions .btn{flex:1}.personal-library-actions small{flex:0 0 105px;color:var(--muted);font-size:11px;line-height:1.4}.personal-library-status{min-height:20px;margin:10px 3px 0;color:var(--gold);font-size:13px}.personal-library-status.error{color:#f0a69a}.personal-book-list{display:grid;gap:12px}.personal-book-card{display:grid;grid-template-columns:66px minmax(0,1fr);gap:15px;padding:15px;border:1px solid var(--line);border-radius:21px;background:linear-gradient(145deg,rgba(13,45,73,.94),rgba(5,20,36,.98));box-shadow:0 10px 28px rgba(0,0,0,.2)}.personal-book-spine{position:relative;display:grid;place-items:end center;width:66px;min-height:108px;padding:8px;border:1px solid rgba(221,185,120,.42);border-radius:7px 15px 15px 7px;background:linear-gradient(90deg,#4c2630 0 8px,#7d3d46 9px 100%);box-shadow:8px 9px 15px rgba(0,0,0,.28),inset -5px 0 8px rgba(0,0,0,.18)}.personal-book-spine::before{content:"☾";position:absolute;left:50%;top:25%;color:#ebca8f;font-size:25px;transform:translateX(-50%)}.personal-book-spine span{color:#f2d9aa;font-size:9px;letter-spacing:.1em}.personal-book-card small{color:var(--gold);font-size:11px}.personal-book-card h3{margin:5px 0 7px;font:500 22px/1.08 Georgia,serif}.personal-book-card p{margin:0;color:var(--muted);font-size:11px}.personal-book-actions{display:flex;gap:7px;margin-top:12px}.personal-book-actions .btn{flex:1;min-height:40px;padding:8px 11px;font-size:12px}.personal-book-actions .ghost{background:rgba(4,16,31,.55)}
.personal-reader[hidden]{display:none}.personal-reader{position:fixed;z-index:500;inset:0;display:grid;grid-template-rows:auto 3px minmax(0,1fr) auto;width:100%;height:100dvh;background:#efe3c9;color:#2e251c;overscroll-behavior:none}.personal-reader-head{display:grid;grid-template-columns:auto minmax(0,1fr) 44px;align-items:center;gap:10px;padding:calc(8px + env(safe-area-inset-top)) 10px 8px;border-bottom:1px solid rgba(95,65,34,.25);background:#fff7e6}.personal-reader-head>div{min-width:0;text-align:center}.personal-reader-head small{display:block;color:#806343;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.personal-reader-head h2{margin:3px 0 0;font:600 18px/1.15 Georgia,serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.personal-reader-back{min-height:42px;padding:8px 11px;border:1px solid rgba(98,69,37,.3);border-radius:999px;background:#fffaf0;color:#342619;font-weight:700;white-space:nowrap}.personal-reader-head .icon-btn{width:40px;height:40px;background:#17364f;color:#f2dfbd}.personal-reader-progress{background:rgba(98,69,37,.12)}.personal-reader-progress span{display:block;width:0;height:3px;background:#b17a3d;transition:width .25s}.personal-reader-page{min-height:0;padding:0;overflow:auto;-webkit-overflow-scrolling:touch;touch-action:pan-y}.personal-prose{width:min(100%,720px);min-height:100%;margin:auto;padding:34px 24px 80px;background-image:radial-gradient(circle at 20% 10%,rgba(114,83,43,.055) 0 1px,transparent 1.4px),repeating-linear-gradient(8deg,rgba(119,91,55,.018) 0 1px,transparent 1px 7px)}.personal-prose h1{margin:0 0 28px;font:600 clamp(30px,8vw,44px)/1.08 Georgia,serif}.personal-prose h2{margin:32px 0 16px;font:600 29px/1.15 Georgia,serif}.personal-prose h3{margin:25px 0 12px;font:600 22px/1.2 Georgia,serif}.personal-prose p,.personal-prose li,.personal-prose blockquote{font:400 18px/1.72 Georgia,serif}.personal-prose p{margin:0 0 18px}.personal-prose blockquote{margin:22px 0;padding:14px 18px;border-left:3px solid #9a6737;background:rgba(255,255,255,.28)}.personal-prose img{display:block;max-width:100%;height:auto;margin:24px auto;border-radius:10px}.personal-prose a{color:#744720}.personal-reader-nav{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:9px;padding:9px 11px calc(9px + env(safe-area-inset-bottom));border-top:1px solid rgba(95,65,34,.25);background:#fff7e6}.personal-reader-nav .btn{min-height:42px;border-color:rgba(98,69,37,.25);background:#17364f;color:#f6ead4}.personal-reader-nav .btn:disabled{opacity:.35}.personal-reader-nav span{min-width:58px;color:#745a3d;font-size:11px;font-weight:700;text-align:center}.personal-reader-loading,.personal-reader-error{margin:30px;padding:24px;border:1px solid rgba(98,69,37,.25);border-radius:18px;text-align:center}.personal-reader-error p{margin-bottom:0}.pdf-reader-wrap{display:grid;grid-template-rows:minmax(0,1fr) auto;gap:8px;height:100%;padding:8px;background:#2d3137}.pdf-reader-frame{width:100%;height:100%;border:0;border-radius:8px;background:#fff}.pdf-reader-wrap .btn{min-height:42px;background:#fff7e6;color:#342619}.personal-reader-open{overflow:hidden}.personal-reader-open body{overflow:hidden}
@media(max-width:390px){.personal-library-actions{align-items:stretch;flex-direction:column}.personal-library-actions small{flex-basis:auto;text-align:center}.personal-reader-head{grid-template-columns:auto minmax(0,1fr) 40px}.personal-reader-back{padding-inline:9px;font-size:11px}.personal-prose{padding:28px 19px 70px}.personal-prose p,.personal-prose li,.personal-prose blockquote{font-size:17px;line-height:1.66}}

/* v41 — diary book block */
.reading-books-section{margin-top:27px}.reading-books-head{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin-bottom:13px}.reading-books-head .section-title{margin:9px 2px 0}.reading-books-head>.btn{min-height:42px;padding:8px 13px}.reading-book-list{display:grid;gap:11px}.reading-book-card{padding:16px;border:1px solid var(--line);border-radius:19px;background:linear-gradient(145deg,rgba(13,45,73,.86),rgba(5,20,36,.94));box-shadow:0 8px 22px rgba(0,0,0,.17)}.reading-book-card header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.reading-book-card header>div{min-width:0}.reading-book-card small{color:var(--gold);font-size:10px;text-transform:uppercase;letter-spacing:.05em}.reading-book-card h3{margin:5px 0 4px;font:500 23px/1.08 Georgia,serif}.reading-book-card p{margin:0;color:var(--muted);font-size:12px}.reading-card-stars{display:flex;white-space:nowrap}.reading-card-stars i{color:rgba(221,185,120,.25);font-style:normal;font-size:17px}.reading-card-stars i.active{color:#ddb978}.reading-book-meta{display:flex;flex-wrap:wrap;gap:7px;margin-top:12px}.reading-book-meta span{padding:6px 9px;border:1px solid rgba(221,185,120,.2);border-radius:999px;color:#cbbda6;font-size:10px}.reading-book-meta .reading-status-now{border-color:rgba(221,185,120,.42);background:rgba(221,185,120,.11);color:#f0cf96}.reading-book-card footer{display:flex;gap:7px;margin-top:12px}.reading-book-card footer .btn{flex:1;min-height:38px;padding:7px;font-size:11px}.reading-book-card footer .ghost{background:rgba(4,16,31,.55)}
.reading-book-dialog[hidden]{display:none}.reading-book-dialog{position:fixed;z-index:540;inset:0;display:grid;place-items:center;padding:18px;background:rgba(2,12,21,.82);backdrop-filter:blur(9px)}.reading-book-form{position:relative;width:min(430px,100%);max-height:calc(100dvh - 36px);padding:24px 18px 18px;overflow:auto;border:1px solid rgba(226,188,123,.42);border-radius:24px;background:linear-gradient(155deg,#123650,#071a2b);box-shadow:0 22px 60px rgba(0,0,0,.55)}.reading-book-form h2{margin:9px 0 18px;font:500 29px/1.1 Georgia,serif}.reading-book-form>label,.reading-book-fields label{display:grid;gap:6px;margin-bottom:12px;color:#d9c9ad;font-size:11px}.reading-book-form input:not([type="checkbox"]){width:100%;min-height:44px;padding:10px 12px;border:1px solid var(--line);border-radius:12px;background:#071a2b;color:#f5e8ce}.reading-book-fields{display:grid;grid-template-columns:1fr 1fr;gap:9px}.reading-rating-field{margin:3px 0 13px;padding:10px 12px 12px;border:1px solid var(--line);border-radius:14px}.reading-rating-field legend{padding:0 6px;color:#d9c9ad;font-size:11px}.reading-rating-stars{display:flex;align-items:center;gap:3px}.reading-rating-stars button{width:36px;height:38px;padding:0;border:0;background:transparent;color:rgba(221,185,120,.28);font-size:28px}.reading-rating-stars button.active{color:#ddb978}.reading-rating-stars .reading-rating-clear{width:auto;margin-left:auto;color:#c5b9a5;font-size:10px}.reading-now{display:flex!important;grid-template-columns:auto 1fr!important;align-items:center;gap:8px!important;padding:10px 2px}.reading-now input{width:21px;height:21px;accent-color:#d3a85f}.reading-now span{font-size:13px}.reading-book-dialog-close{position:absolute;right:10px;top:9px;width:36px;height:36px;border:0;border-radius:50%;background:#153a55;color:#ead7b8;font-size:24px}.reading-book-form-status{min-height:18px;margin:0 0 8px;color:#f0a69a;font-size:11px}.reading-dialog-open{overflow:hidden}.reading-dialog-open body{overflow:hidden}
@media(max-width:390px){.reading-books-head{align-items:center}.reading-books-head>.btn{font-size:11px}.reading-book-card header{display:grid}.reading-book-fields{grid-template-columns:1fr}.reading-rating-stars{flex-wrap:wrap}.reading-rating-stars .reading-rating-clear{margin-left:5px}}

/* v41 — scrapbook books, interactive layers and tactile depth */
.scrap-library-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:14px 0}.scrap-library-actions [data-new-scrap-book]:first-child:last-child{grid-column:1/-1}.scrap-books{display:grid;gap:12px}.scrap-books[hidden],.scrap-pages[hidden]{display:none}.scrap-book-card{position:relative;display:grid;grid-template-columns:58px minmax(0,1fr) auto;grid-template-rows:auto auto;gap:2px 13px;align-items:center;width:100%;min-height:110px;padding:15px;border:1px solid rgba(221,185,120,.33);border-radius:8px 22px 22px 8px;background:linear-gradient(90deg,#522c35 0 11px,#753f49 12px 58px,#102f4a 59px 100%);box-shadow:10px 12px 24px rgba(0,0,0,.28),inset 7px 0 10px rgba(0,0,0,.16);color:var(--cream);text-align:left}.scrap-book-card::after{content:"";position:absolute;left:57px;top:5px;bottom:5px;width:2px;background:rgba(236,202,145,.28)}.scrap-book-moon{grid-row:1/3;display:grid;place-items:center;width:43px;height:58px;color:#edce97;font-size:30px}.scrap-book-card strong{align-self:end;font:500 22px/1.1 Georgia,serif}.scrap-book-card small{align-self:start;color:#c8bca8;font-size:11px}.scrap-book-card i{grid-column:3;grid-row:1/3;color:var(--gold);font-size:11px;font-style:normal}.scrap-selected-book{margin:14px 0;padding:18px 18px 17px;border:1px solid rgba(221,185,120,.32);border-radius:21px;background:linear-gradient(145deg,#102f4a,#071a2d)}.scrap-selected-book[hidden]{display:none}.scrap-selected-book small{color:var(--gold);font-size:10px;text-transform:uppercase;letter-spacing:.08em}.scrap-selected-book h2{margin:6px 0 5px;font:500 30px/1.08 Georgia,serif}.scrap-selected-book p{margin:0;color:var(--muted);font-size:12px}.scrap-new-page[hidden]{display:none}
.material-piece[type="button"],button.material-piece{appearance:none;border:0;text-align:inherit}.material-pocket,.material-flap,.material-layered{padding:0;color:#422d1e;font-family:Georgia,serif;cursor:pointer}.material-pocket-card,.material-pocket-front,.material-flap-note,.material-flap-cover{display:block}.material-pocket{background:transparent}.material-pocket-front{padding-top:31px}.material-flap{background:transparent}.material-layered{height:128px;background:transparent;perspective:600px}.material-layer{position:absolute;inset:5px 7px 22px;display:grid;place-items:center;padding:16px 13px;border:1px solid rgba(105,69,36,.48);border-radius:3px 10px 10px 3px;background:linear-gradient(145deg,#f1e2bf,#d6bc88);box-shadow:0 5px 9px rgba(63,38,18,.2);transform-origin:0 50%;transform:translate(calc(var(--layer)*3px),calc(var(--layer)*-2px));transition:transform .48s ease,opacity .35s}.material-layer:nth-child(even){background:linear-gradient(145deg,#e4d4bb,#c8ad85)}.material-layer[data-turned="true"]{opacity:.25;transform:translateX(-16px) rotateY(-156deg)}.material-layered>b{position:absolute;left:7px;right:7px;bottom:2px;color:#765333;font:700 9px/1 sans-serif;text-align:right}.swatch-pocket,.swatch-flap,.swatch-layered,.swatch-waterfall{background:linear-gradient(145deg,#e5cf9f,#b78e5b);color:#76502c;font:700 24px/1 Georgia,serif}.depth-raised{transform-style:preserve-3d}.depth-floating{transform-style:preserve-3d}.depth-raised img{box-shadow:3px 10px 17px rgba(57,34,15,.32)!important}.depth-floating img{box-shadow:7px 19px 26px rgba(48,28,13,.42)!important}.depth-floating .material-piece{filter:drop-shadow(7px 14px 8px rgba(48,28,13,.35))}
.scrap-book-viewer[hidden]{display:none}.scrap-book-viewer{position:fixed;z-index:510;inset:0;display:grid;grid-template-rows:auto minmax(0,1fr) auto;width:100%;height:100dvh;overflow:hidden;background:radial-gradient(circle at 50% 20%,#183b55,#061522 72%);overscroll-behavior:none}.scrap-book-viewer-head{display:grid;grid-template-columns:auto minmax(0,1fr) 58px;align-items:center;gap:9px;padding:calc(8px + env(safe-area-inset-top)) 10px 8px;border-bottom:1px solid rgba(221,185,120,.2);background:rgba(4,16,31,.93)}.scrap-book-viewer-head>div{min-width:0;text-align:center}.scrap-book-viewer-head small{display:block;color:var(--gold);font-size:9px}.scrap-book-viewer-head h2{margin:3px 0 0;font:500 19px/1.1 Georgia,serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.scrap-book-back{min-height:42px;padding:8px 11px;border:1px solid var(--line);border-radius:999px;background:#102f4a;color:var(--cream);font-weight:700}.scrap-book-stage{display:grid;place-items:center;min-height:0;padding:14px;overflow:hidden}.scrap-book-pages{width:100%;height:100%;max-width:720px;max-height:980px}.scrap-book-leaf{background:#e9d7b3}.scrap-book-paper{position:relative;width:100%;height:100%;overflow:hidden;background-color:#efe1c0;background-image:radial-gradient(circle at 20% 10%,rgba(114,83,43,.08) 0 1px,transparent 1.5px),repeating-linear-gradient(8deg,rgba(119,91,55,.025) 0 1px,transparent 1px 8px);box-shadow:inset 0 0 55px rgba(89,60,28,.14)}.scrap-book-paper[data-background="vintage"]{background-color:#c8a06f}.scrap-book-paper[data-background="botanical"]{background-color:#dedbb9}.scrap-book-paper[data-background="celestial"]{background-color:#09243b}.scrap-book-paper[data-background="dark-academia"]{background-color:#3e3228}.scrap-book-paper[data-background="light-academia"]{background-color:#e7dcc3}.scrap-book-paper[data-background="cottage"]{background-color:#d9d4af}.scrap-book-paper[data-background="witchy"]{background-color:#20182b}.scrap-book-paper[data-background="romantic"]{background-color:#e3c7c4}.scrap-book-paper[data-background="travel"]{background-color:#c8ad80}.scrap-book-paper[data-background="forest"]{background-color:#314d3b}.scrap-book-paper[data-background="autumn"]{background-color:#9b6743}.scrap-book-paper .scrap-object{pointer-events:none}.scrap-book-page-number{position:absolute;right:16px;bottom:12px;color:rgba(76,49,28,.55);font:italic 12px Georgia,serif}.scrap-book-fallback{position:relative}.scrap-book-fallback .scrap-book-leaf{display:none}.scrap-book-fallback .scrap-book-leaf.active{display:block;width:100%;height:100%;box-shadow:0 22px 55px rgba(0,0,0,.42)}.scrap-book-nav{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:9px;padding:9px 11px calc(9px + env(safe-area-inset-bottom));border-top:1px solid rgba(221,185,120,.2);background:rgba(4,16,31,.94)}.scrap-book-nav .btn{min-height:42px}.scrap-book-nav span{min-width:54px;color:var(--gold);font-size:11px;text-align:center}.scrap-book-nav button:disabled{opacity:.34}
@media(max-width:390px){.scrap-library-actions{grid-template-columns:1fr}.scrap-library-actions .btn{font-size:11px}.scrap-book-card{grid-template-columns:50px minmax(0,1fr) auto;padding:13px}.scrap-book-card::after{left:50px}.scrap-book-card strong{font-size:20px}.scrap-book-viewer-head{grid-template-columns:auto minmax(0,1fr) 25px}.scrap-book-back{font-size:11px;padding-inline:9px}.scrap-book-stage{padding:9px}}
.link-age{align-self:start;margin-left:auto;padding:5px 7px;border-radius:999px;background:#6e2f2f;color:#fff0d7;font:700 10px/1 sans-serif}
.club-consents{display:grid;gap:9px;margin:2px 0;padding:12px;border:1px solid rgba(221,185,120,.22);border-radius:14px;background:rgba(4,20,33,.5)}.club-consents legend{padding:0 6px;color:#d5ae6e;font-size:10px;text-transform:uppercase}.club-consents label{display:grid!important;grid-template-columns:20px minmax(0,1fr);gap:8px!important;align-items:start;color:#b9ad9a!important;font-size:10px!important;line-height:1.45}.club-consents input{width:18px!important;height:18px;margin:0;padding:0;accent-color:#b47b3f}.club-consents a,.club-legal-links a{color:#e4bd79;text-decoration:underline;text-underline-offset:2px}.club-legal-links{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 15px;padding:10px 4px 2px;font-size:10px}
.legal-page{display:grid;gap:14px;padding-bottom:105px}.legal-card{padding:20px;border:1px solid rgba(221,185,120,.22);border-radius:20px;background:linear-gradient(145deg,rgba(14,45,70,.95),rgba(7,25,41,.98));color:#d8cbbb}.legal-card h2{margin:0 0 12px;color:#f0d5a5;font:500 28px Georgia,serif}.legal-card h3{margin:20px 0 8px;color:#e6c38a;font:500 18px Georgia,serif}.legal-card p,.legal-card li{font-size:13px;line-height:1.6}.legal-card ul{padding-left:20px}.legal-version{color:#918675;font-size:10px}

/* Android-ready contact note, club placeholder and one tactile Scrapbook feature */
.material-envelope-seal{position:absolute;z-index:6;left:50%;top:59px;width:30px;height:30px;margin-left:-15px;padding:0;border:1px solid #5f321e;border-radius:50%;background:radial-gradient(circle at 36% 30%,#9e5338,#6f2d25 72%);box-shadow:0 2px 5px rgba(57,29,18,.35);color:#f0c98c;font:18px Georgia,serif;touch-action:manipulation}.material-envelope.is-open .material-envelope-seal{top:13px;transform:rotate(18deg)}
.club-coming-soon{display:grid;min-height:calc(100dvh - 170px);place-items:center}.club-development-card{max-width:520px;padding:34px 24px;text-align:center}.club-development-card h2{margin:9px 0 12px}.club-development-card .btn{margin-top:14px}.club-development-moon{display:grid;width:74px;height:74px;margin:0 auto 16px;place-items:center;border:1px solid rgba(221,185,120,.35);border-radius:50%;background:radial-gradient(circle at 35% 30%,#244b68,#08192b 70%);box-shadow:0 0 30px rgba(214,176,104,.2);color:#e8c47e;font-size:42px}.legal-note a{color:#d9b975;text-decoration:underline;text-underline-offset:2px}

/* v42 — clearer Scrapbook decoration category entry point */
.scrap-decor-panel>summary small{margin-left:5px;color:#d8b77f;font:500 10px/1.2 inherit;letter-spacing:.01em}.scrap-decor-panel>summary small:before{content:'· '}.scrap-pack-filter button small{display:inline-block;min-width:18px;margin-left:3px;padding:1px 5px;border-radius:9px;background:rgba(255,255,255,.12);font-size:9px}.scrap-pack-filter button:disabled{opacity:.46;cursor:default}.scrap-material-scroll>button[title]{position:relative}