:root{color-scheme:light;--ink:#362c22;--paper:#eadab0;--red:#7d3029;--muted:#78664e}*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0;background:#122322;color:#eee1bf;font:15px/1.65 Georgia,'Times New Roman',serif;min-height:100vh;min-height:100svh}.forest{position:fixed;inset:0;z-index:-3;background:linear-gradient(90deg,#101f26a8,#14242c64 50%,#101c25b0),linear-gradient(0deg,#0b191df2,transparent 65%),url('shack.jpg') center/cover no-repeat;filter:saturate(.65)}.mist{position:fixed;inset:0;z-index:-2;pointer-events:none;background:radial-gradient(ellipse at 15% 90%,#bdd5b219,transparent 55%);animation:mist 18s ease-in-out infinite alternate}.masthead{max-width:1380px;margin:auto;padding:32px 5%;display:flex;justify-content:space-between;align-items:center}.wordmark{font:bold 22px/1 Georgia,serif;letter-spacing:-1px;color:#ead4a1;text-decoration:none;transform:rotate(-3deg);text-shadow:2px 3px #0e171a}.wordmark span{display:block;font-size:31px;letter-spacing:4px}.wordmark small{display:block;font:9px/2 'Courier New',monospace;letter-spacing:1px;margin-top:8px}.coordinates{font:10px/1.8 'Courier New',monospace;letter-spacing:2px;opacity:.6;text-align:right}main{max-width:1160px;margin:auto;padding:20px 30px 36px;min-height:70vh}.entrance{display:grid;grid-template-columns:1fr 430px;gap:100px;align-items:center;min-height:620px;max-width:1000px;margin:auto}.book-display{position:relative;perspective:1000px;text-align:center}.closed-book{width:295px;height:405px;margin:0 auto 35px;border-radius:7px 12px 10px 5px;background:url('journal-one.png') right center/auto 100%;box-shadow:inset 8px 0 12px #160708a0,8px 6px 0 #b3a27b,13px 9px 0 #55221b,20px 28px 45px #000b;transform:rotate(-9deg) rotateY(-12deg);transition:transform .7s,opacity .7s;animation:hover-book 7s ease-in-out infinite}.opening .closed-book{animation:none;transform:rotate(-9deg) rotateY(-100deg);opacity:0}.book-caption{font:9px 'Courier New',monospace;letter-spacing:2px;opacity:.6}.scribble{font:italic 18px/1.5 'Segoe Print','Comic Sans MS',cursive}.cover-note{display:block;color:#e3d4ad;margin-top:28px;transform:rotate(-7deg)}.paper,.leaf{background-color:var(--paper);background-image:radial-gradient(ellipse at 10% 0%,#aa7a3336,transparent 50%),radial-gradient(ellipse at 90% 100%,#b78a3c38,transparent 55%),repeating-linear-gradient(0deg,#72572404 0px,#72572404 1px,transparent 1px,transparent 4px);color:var(--ink)}.entry-note{position:relative;padding:45px 42px 35px;transform:rotate(2deg);box-shadow:0 15px 50px #0005;border-radius:2px}.tape{position:absolute;width:130px;height:32px;left:calc(50% - 65px);top:-15px;background:#b8a376aa;transform:rotate(-5deg);box-shadow:0 1px 3px #0001}.eyebrow{font:bold 10px/1.6 'Courier New',monospace;letter-spacing:2px;color:var(--red);display:block}h1,h2{font-weight:normal;line-height:1.04;letter-spacing:-2px;margin:24px 0}h1{font-size:64px}h2{font-size:46px}h1 em,h2 em{color:var(--red)}p{margin:0 0 20px}label,legend{font:11px/1.7 'Courier New',monospace}label{display:block}form{margin-top:24px}.username{display:flex;align-items:center;margin:8px 0 16px;border-bottom:2px solid #77613e;background:#fff5d633}.username>span{padding-left:12px;color:var(--red)}input,textarea{font:16px/1.5 Georgia,serif;color:var(--ink);width:100%;padding:12px;border:1px solid #95784866;background:#fff9e433;border-radius:2px}.username input{border:0;background:transparent;min-width:0}input::placeholder,textarea::placeholder{color:#80745c}button{cursor:pointer;font:13px/1.5 'Courier New',monospace}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #b36c33;outline-offset:4px}.primary{display:flex;justify-content:space-between;align-items:center;gap:16px;width:100%;padding:16px 20px;color:#f9e8bb;background:var(--red);border:1px solid #58221d;box-shadow:3px 3px 0 #38281e26;transition:transform .2s,background .2s}.primary:hover{background:#63251f;transform:translateY(-2px)}.primary span{font-size:23px;line-height:1}.primary:disabled{opacity:.6;cursor:wait}.postscript{font-size:14px;margin:22px 0 25px;transform:rotate(-3deg);color:#786143}.page-number{display:block;font:10px 'Courier New',monospace;letter-spacing:1px;color:#7e684e;margin-top:26px;text-align:center}.progress{display:flex;justify-content:center;gap:36px;font:10px 'Courier New',monospace;text-transform:uppercase;letter-spacing:1.5px;margin:0 0 28px;color:#b6b39b}.progress span{padding-bottom:10px;border-bottom:1px solid transparent}.progress .active{color:#f4d38f;border-color:#c4a66b}.journal-shell{perspective:1600px;border:8px solid #552e23;border-radius:7px;box-shadow:0 22px 75px #0009,4px 5px 0 #ac9874;position:relative}.spread{display:grid;grid-template-columns:1fr 1fr;min-height:590px;animation:page-in .65s ease both;transform-origin:left center;transition:opacity .26s,transform .26s}.spread.turning{opacity:0;transform:rotateY(-7deg)}.leaf{position:relative;padding:38px 42px;display:flex;flex-direction:column}.leaf:first-child{border-right:1px solid #aa8c53;box-shadow:inset -24px 0 28px -20px #5b421a77}.leaf:last-child{box-shadow:inset 22px 0 25px -23px #5b421a99}.leaf>.page-number{margin-top:auto;padding-top:22px}.leaf>.primary{margin-top:auto}.photo{margin:35px 0 25px;padding:10px 10px 30px;background:#f4e9ce;box-shadow:2px 5px 9px #32241535;transform:rotate(-5deg);position:relative}.photo:before{content:'';position:absolute;width:85px;height:26px;background:#c8af71aa;top:-12px;left:38%;transform:rotate(6deg)}.photo img{width:100%;height:210px;object-fit:cover;display:block;filter:sepia(.12)}.photo span{display:block;text-align:center;font:italic 13px Georgia,serif;padding-top:13px}.big-note{text-align:center;font-size:22px;transform:rotate(-4deg);margin:25px 0;color:#71543b}.doodle{text-align:center;font-size:45px;color:#9d7644}.stamp{display:inline-block;border:3px double var(--red);padding:9px 15px;color:var(--red);font:bold 16px 'Courier New',monospace;letter-spacing:2px;transform:rotate(-8deg);align-self:flex-start;margin:15px 0}.small-stamp{font-size:11px;margin-bottom:8px}.warm-note{font-size:17px;color:#80613a;margin:20px 0 28px}.short-copy{font-size:14px;color:var(--muted)}.choices{display:grid;gap:13px;margin:4px 0 20px}.choice{position:relative;display:flex;align-items:center;gap:15px;width:100%;padding:9px;border:1px solid #a3875855;background:#f8edce66;color:var(--ink);text-align:left;box-shadow:2px 3px 0 #7b612215;transition:transform .2s,background .2s,border-color .2s}.choice:nth-child(2){transform:rotate(-1deg)}.choice:hover{transform:translateX(4px)}.choice[aria-pressed=true]{background:#d4bd8055;border:2px solid var(--red);padding:8px}.choice img{width:75px;height:85px;object-fit:cover;filter:sepia(.2)}.choice>span{flex:1}.choice small{display:block;font-size:9px;letter-spacing:1px;color:var(--red)}.choice strong{display:block;font:bold 18px/1.2 Georgia,serif;margin:6px 0}.choice span span{display:block;font:12px/1.4 Georgia,serif;color:var(--muted)}.choice b{padding-right:3px;color:var(--red)}fieldset{padding:0;border:0;margin:0 0 20px}legend{margin-bottom:15px;font:14px Georgia,serif;color:var(--muted)}.details-leaf form{margin-top:4px}.time-options{display:flex;gap:8px;flex-wrap:wrap}.time-option{position:relative;cursor:pointer}.time-option input{position:absolute;opacity:0;width:1px;height:1px}.time-option span{display:block;padding:8px 12px;border:1px solid #9b805077;font:12px Georgia,serif;background:#fff6d333}.time-option input:checked+span{background:#6b4430;color:#fff1c9;border-color:#6b4430}.time-option input:focus-visible+span{outline:3px solid #a76b31;outline-offset:3px}.note-label{margin:20px 0 8px}.note-label span{color:var(--muted);font-size:10px}textarea{resize:vertical;min-height:88px;max-height:220px}.fine-print{font:11px/1.65 'Courier New',monospace;color:var(--muted);margin:13px 0 0}.error{font:13px/1.5 Georgia,serif;color:#9b291e;margin:10px 0}.text-button{border:0;background:none;padding:10px 0;color:var(--red);text-decoration:underline;text-underline-offset:5px;align-self:flex-start}.confirmation{justify-content:center}.confirmation .stamp{animation:stamp .6s .3s both}.saved-summary{border-top:1px dashed #a98e58;border-bottom:1px dashed #a98e58;padding:15px 0;font-size:18px}.logout{margin:22px 0 0;text-align:center}.logout button{color:#c9c1a8;font-size:10px}footer{position:relative;max-width:1160px;padding:10px 30px 24px;margin:auto;text-align:center;font:9px/1.8 'Courier New',monospace;letter-spacing:1.5px;color:#b9bea9}footer>span{display:inline-block}#secret{border:0;background:transparent;color:#d9bd7d;font-size:23px;padding:0 30px}#secret-message{color:#e5d6b4;font:italic 16px Georgia,serif;margin:18px auto}details{margin-top:20px;font:10px/1.7 Georgia,serif;letter-spacing:0;color:#a1aa9a}summary{cursor:pointer}details p{margin:10px auto;max-width:550px}details a{color:inherit}.fireflies{position:fixed;inset:0;pointer-events:none;z-index:-1;overflow:hidden}.fireflies i{position:absolute;width:4px;height:4px;border-radius:50%;background:#efd891;box-shadow:0 0 14px 4px #d5c77350;animation:firefly 8s ease-in-out infinite;top:35%;left:12%}.fireflies i:nth-child(2){left:80%;top:60%;animation-delay:-2s}.fireflies i:nth-child(3){left:37%;top:80%;animation-delay:-4s}.fireflies i:nth-child(4){left:90%;top:25%;animation-delay:-6s}.fireflies i:nth-child(5){left:65%;top:15%;animation-delay:-3s}.fireflies i:nth-child(6){left:6%;top:75%;animation-delay:-1s}@keyframes firefly{0%,100%{opacity:0;transform:translate(0,0)}40%,60%{opacity:.8}50%{transform:translate(30px,-45px)}}@keyframes hover-book{0%,100%{transform:rotate(-9deg) rotateY(-12deg) translateY(0)}50%{transform:rotate(-7deg) rotateY(-8deg) translateY(-8px)}}@keyframes mist{to{transform:translateX(5%);opacity:.5}}@keyframes page-in{from{opacity:0;transform:rotateY(12deg)}to{opacity:1;transform:rotateY(0)}}@keyframes stamp{from{opacity:0;transform:scale(1.7) rotate(-15deg)}to{opacity:1;transform:scale(1) rotate(-8deg)}}
@media(min-width:1500px){.entrance{min-height:690px}}@media(max-width:950px){.entrance{gap:40px;grid-template-columns:1fr 380px}.closed-book{width:245px;height:345px}.entry-note{padding:35px 30px}.leaf{padding:30px 25px}.choice img{width:55px;height:75px}.choice strong{font-size:16px}}@media(max-width:700px){.masthead{padding:24px}.wordmark{font-size:16px}.wordmark span{font-size:23px}.wordmark small{font-size:8px}.coordinates{font-size:8px;letter-spacing:0}main{padding:16px 19px 22px}.entrance{display:flex;flex-direction:column;gap:36px;min-height:0}.book-display{width:100%}.closed-book{width:155px;height:210px;margin-bottom:24px}.book-caption{font-size:8px}.cover-note{display:none}.entry-note{width:100%;max-width:410px;transform:rotate(1deg);padding:32px 28px}.entry-note h1{font-size:49px;margin:18px 0}.entry-note p{font-size:14px}.entry-note .postscript{font-size:13px}.progress{gap:15px;font-size:8px;letter-spacing:0;margin-bottom:20px}.journal-shell{border-width:5px}.spread{grid-template-columns:1fr}.leaf{padding:28px 24px}.leaf:first-child{border-right:0;box-shadow:none;border-bottom:1px dashed #aa8c53}.leaf:last-child{box-shadow:none}.illustrated-leaf{display:none}.leaf h1{font-size:56px}.leaf h2{font-size:38px;margin:16px 0}.leaf>.primary{margin-top:18px}.choice img{width:65px;height:74px}.choice strong{font-size:17px}.choice-leaf>.page-number{display:none}.choice-leaf .text-button{font-size:10px}.details-leaf{padding-top:24px}.choices{gap:10px}.confirmation{min-height:440px}footer{padding:15px 22px;font-size:7px;letter-spacing:1px}#secret{padding:0 14px}.forest{background-position:42% center}.authenticated main{padding-top:5px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* "Продолжение следует" - gentle camera parallax (no duplicate/misaligned layers). */
#done .continued-view {
  display: block;
  width: 100%;
  height: 210px;
  overflow: hidden;
  position: relative;
  isolation: isolate;
  background: #aa8c6b;
}
#done .continued-view img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  max-width: none;
  filter: sepia(.12);
  transform: translate3d(0,0,0) scale(1.065);
  transform-origin: center;
  backface-visibility: hidden;
  will-change: transform;
}
/* The existing journal hides all illustrated pages on mobile; restore only this photo. */
@media (max-width: 700px) {
  #done .illustrated-leaf { display: flex; order: 2; min-height: 0; }
  #done .confirmation { order: 1; }
  #done .illustrated-leaf > .page-number { display: none; }
  #done .illustrated-leaf .big-note { font-size: 18px; }
  #done .continued-view { height: 220px; }
}
@media (prefers-reduced-motion: reduce) {
  #done .continued-view img { transform: none !important; will-change: auto; }
}