/* A personal travel diary: chapter layouts, without altering application logic */
body:has(.journal-cover){background:#e9e5da;background-image:repeating-linear-gradient(0deg,transparent 0 31px,#70684c09 32px)}
body:has(.journal-cover) #app{max-width:880px;margin:auto}
body:has(.journal-cover) #app>.btn:first-child{margin:14px 0 22px}
.journal-cover{background:#f6f0df!important;background-image:linear-gradient(90deg,#7c3c48 0 9px,transparent 9px),radial-gradient(circle at 92% 12%,#c4b79b66 0 30px,transparent 31px)!important;border:1px solid #b6aa91!important;border-radius:5px 18px 18px 5px!important;box-shadow:7px 9px 0 #d1c8b7,12px 17px 30px #4a382e22!important;padding:50px clamp(24px,7vw,70px)!important;min-height:390px;position:relative}
.journal-cover:before{content:'✧'!important;top:24px!important;right:26px!important;color:#8c5960!important;opacity:.65!important;font-size:76px!important}
.journal-cover:after{content:'ЛИЧНЫЙ ДНЕВНИК  ·  ТВОЯ ИСТОРИЯ';display:block;margin-top:28px;border-top:1px solid #c4b9a6;padding-top:14px;letter-spacing:.2em;font-size:10px;color:#76575a}
.journal-cover .eyebrow{color:#79434e!important;font-size:11px;letter-spacing:.25em}
.journal-cover h2{font:normal clamp(46px,9vw,82px)/1.02 Georgia,serif!important;letter-spacing:-.055em!important;color:#292c25;margin:33px 0 22px!important}
.journal-cover p{font-size:15px;line-height:1.65;max-width:450px}
.journal-progress{background:#d5c9b6!important;height:5px!important}
.journal-progress>div{background:#79434e!important}
.journal-cover~.card{position:relative;background:#fffcf3!important;background-image:linear-gradient(90deg,transparent 0 37px,#b479781f 38px 39px,transparent 40px),repeating-linear-gradient(0deg,transparent 0 36px,#9d9a8c13 37px)!important;border:1px solid #d3c9b5!important;border-radius:4px 15px 15px 4px!important;box-shadow:5px 7px 0 #d8d0c1,8px 12px 25px #443b2d16!important;padding:clamp(28px,6vw,60px)!important;margin:27px 6px 35px 0!important}
.journal-cover~.card:before{content:'✦';position:absolute;right:26px;top:21px;color:#a9797a;font-size:22px}
.journal-cover~.card>.eyebrow{display:inline-block;color:#79434e!important;letter-spacing:.16em;font-size:11px;border-bottom:1px solid #c8b8a3;padding-bottom:10px;max-width:90%}
.journal-cover~.card>h2{border:0!important;font:normal clamp(39px,8vw,64px)/1.1 Georgia,serif!important;letter-spacing:-.045em;margin:22px 0 24px!important;padding:0!important}
.journal-cover~.card>h3{font:italic clamp(26px,5vw,37px) Georgia,serif!important;color:#69424b;margin:30px 0 12px!important}
.journal-cover~.card>p:not(.small){font:italic 18px/1.7 Georgia,serif;background:#eee7d7;padding:17px 20px;border-left:3px solid #7c4851;border-radius:2px}
.journal-entry{border:0!important;border-bottom:1px solid #d3c8b4!important;border-radius:0!important;background:transparent!important;padding:12px 0 19px 3px!important;margin:9px 0!important}
.journal-entry b{font-family:Georgia,serif;font-size:18px}
.journal-entry .small{font-size:14px}
.journal-cover~.card .btn{border-radius:6px!important}
@media(max-width:720px){.journal-cover{padding:36px 26px!important;min-height:0}.journal-cover h2{font-size:48px!important}.journal-cover~.card{padding:30px 26px 34px 34px!important;margin-right:5px!important}.journal-cover~.card>h2{font-size:43px!important}.journal-cover~.card>h3{font-size:28px!important}}

/* Personalized, page-by-page journey book */
:root{--world-paper:#eee2cf;--world-ink:#322a29;--world-accent:#773c49;--world-secondary:#aa8655}
body:has(.diary-book){background:color-mix(in srgb,var(--world-paper),#ddd 26%)}
body:has(.diary-book) #app{max-width:860px;margin:auto}
.diary-book{perspective:1400px;margin:25px 0 10px;min-height:440px}
.diary-book>section{animation:diaryTurn .4s ease both;transform-origin:left center}
@keyframes diaryTurn{from{opacity:.65;transform:rotateY(-8deg) translateX(8px)}to{opacity:1;transform:rotateY(0) translateX(0)}}
.diary-book .journal-cover,.diary-page{background:var(--world-paper)!important;color:var(--world-ink)!important;border:1px solid color-mix(in srgb,var(--world-secondary),#fff 35%)!important;border-left:9px solid var(--world-accent)!important;border-radius:4px 19px 19px 4px!important;box-shadow:8px 9px 0 #847c6b29,12px 17px 30px #2928201a!important;padding:clamp(27px,6vw,65px)!important;min-height:490px;position:relative}
.diary-book .journal-cover{background-image:linear-gradient(90deg,transparent 0 100%),linear-gradient(#0000,#0000),var(--diary-image,none)!important;background-size:cover!important;background-position:center!important}
.diary-book .journal-cover:has([data-cover]){color:#fff}
.diary-book h2{font:normal clamp(42px,9vw,77px)/1.06 Georgia,serif!important;letter-spacing:-.045em;margin:30px 0!important;color:inherit!important}
.diary-book .eyebrow{color:var(--world-accent)!important;letter-spacing:.22em}
.diary-book h3{font:italic 28px Georgia,serif;color:var(--world-accent);margin:28px 0 10px}
.diary-book .journal-cover p{max-width:430px;line-height:1.7}
.diary-ornament{font-size:64px;color:var(--world-secondary);line-height:1;text-align:right}
.diary-letter{margin:30px 0;padding:20px 23px;background:color-mix(in srgb,var(--world-paper),#fff 48%);border-left:3px solid var(--world-accent);font:italic 19px/1.6 Georgia,serif}
.diary-letter span{font:12px sans-serif;letter-spacing:.13em;text-transform:uppercase;color:var(--world-accent)}
.diary-stat{padding:12px 0;border-bottom:1px solid var(--world-secondary)}
.diary-page .journal-entry{border-bottom:1px solid var(--world-secondary)!important;background:none!important}
.diary-book .journal-progress>div{background:var(--world-accent)!important}
.diary-nav{display:flex;justify-content:space-between;align-items:center;gap:8px;margin:22px 0 35px}.diary-nav span{font-size:13px;color:var(--world-ink);text-align:center}
.diary-book .btn.primary,.diary-nav .btn.primary{background:var(--world-accent);border-color:var(--world-accent);color:white}
.theme-colors{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.theme-colors input{height:46px;padding:4px}
.theme-preview{margin:18px 0;padding:30px;border-radius:4px 15px 15px 4px;min-height:145px;font:12px Georgia,serif}.theme-preview strong{font:30px Georgia,serif;display:block;margin-top:12px}
@media(max-width:720px){.diary-book .journal-cover,.diary-page{min-height:430px;padding:32px 25px!important}.diary-book h2{font-size:45px!important}.diary-nav .btn{padding:8px 10px}}
@media(prefers-reduced-motion:reduce){.diary-book>section{animation:none}}

.journal-notes{margin:12px 0 18px}.diary-page textarea{width:100%;min-height:110px;background:#fffdf8;border:1px solid #d8cabb;border-radius:9px;padding:14px;font:inherit;resize:vertical}.diary-page textarea:focus-visible{outline:2px solid var(--world-accent,#773c49);outline-offset:2px}