:root{--brown:#51341f;--ink:#65432c;--paper:#f0dfbd;--script:'Allura',cursive;--write-size:32px}*{box-sizing:border-box}body{margin:0;color:#4a3020;background:#2a180e radial-gradient(ellipse at 50% 15%,#684025 0%,#28180e 75%);font-family:'Cormorant Garamond',Georgia,serif;font-size:20px}button,input,textarea,select{font:inherit}button,a{cursor:pointer}button{border:0}a{color:inherit;text-decoration:none}.masthead{max-width:1510px;margin:auto;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:20px 32px;color:#e7c69a}.masthead h1{font-size:clamp(32px,4vw,56px);font-weight:400;margin:0;letter-spacing:.04em}.masthead p{font-size:15px;letter-spacing:.2em;margin:0}.mast-quote{font-family:var(--script);font-size:30px;line-height:1.05;transform:rotate(-3deg);background:#ead5ae;color:#5b3b22;padding:13px 38px;box-shadow:2px 5px 12px #0006;text-align:center}.mast-quote span{display:block}.journal-layout{display:grid;grid-template-columns:205px 360px minmax(0,1fr);max-width:1510px;margin:0 auto 32px;min-height:740px;box-shadow:0 15px 40px #0008;border:8px solid #452716;border-radius:15px;overflow:hidden}.side{background:linear-gradient(95deg,#23150e,#49301d);color:#d6ae7b;padding:24px 14px;display:flex;flex-direction:column;gap:4px;border-right:5px solid #1c1009}.side-title{background:#704927;padding:14px;font-size:25px;color:#f5dbb4;border-radius:6px;margin-bottom:10px}.side a,.logout{display:block;padding:12px 14px;border-bottom:1px solid #a8835233;background:transparent;color:inherit;text-align:left;width:100%;font-size:21px}.side a:hover,.logout:hover{background:#674125}.side-poem{margin:auto 10px 15px;text-align:center;font-size:24px;line-height:1.3;color:#d9b789;font-style:italic}.archive,.page{background-color:var(--paper);background-image:radial-gradient(ellipse at 15% 10%,#fff5dc77,transparent 60%),repeating-linear-gradient(0deg,#8a58250a 0 1px,transparent 1px 7px);padding:28px 28px;box-shadow:inset 0 0 38px #9c6c3966}.archive{border-right:4px double #a58058;overflow:hidden}.archive h2{font-weight:400;font-size:32px;margin:0 0 16px}.archive form{display:flex;margin-bottom:18px}.archive input{width:100%;background:#f8ecd5;border:1px solid #bd9c73;border-radius:5px 0 0 5px;padding:9px 12px;color:#553c27}.archive form button{background:#795032;color:#fff0d9;padding:0 14px}.entry-list{max-height:620px;overflow:auto}.entry-link{display:flex;gap:12px;align-items:center;border-bottom:1px solid #b58d6340;padding:12px 8px}.entry-link:hover,.entry-link.selected{background:#b98a5050;border-radius:5px}.entry-mini{display:grid;place-items:center;width:58px;height:60px;flex-shrink:0;background:#d7b68a;color:#866345;font-size:30px;border:1px solid #c59c70}.entry-link strong{font-family:var(--script);font-size:29px;font-weight:400;display:block;line-height:1}.entry-link small{font-size:16px}.empty{font-style:italic}.page{padding:26px clamp(18px,4vw,62px);display:flex;flex-direction:column;min-width:0}.page-date{text-align:center}.page-date input{border:0;background:transparent;color:#583820;font-family:var(--script);font-size:33px;text-align:center;max-width:100%;padding:2px}.rule{text-align:center;color:#946c46;border-bottom:1px solid #a57d5266;line-height:0;margin:18px 0 20px}.rule:first-letter{background:var(--paper);padding:0 20px}.tools{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap;font-size:17px;border-bottom:1px solid #aa875a44;padding-bottom:16px}.tools select{background:#f9edda;border:1px solid #c1a27c;color:#553c2a;padding:5px;max-width:150px}.tools button:not(.ink){background:#f8e7c8;border:1px solid #c7a680;color:#634327;padding:3px 9px;border-radius:4px}.ink-label{margin-left:12px}.inks{display:flex;gap:8px}.ink{width:26px;height:26px;border-radius:50%;background:var(--ink);border:2px solid #f4e2c4;box-shadow:0 0 0 1px #bda07b}.ink.active{box-shadow:0 0 0 3px #8c643e}.entry-title{border:0;background:transparent;color:#6d4a2c;font-size:32px;margin-top:26px;outline-offset:3px;width:100%;font-style:italic}.entry-title::placeholder{color:#977b5d}#entry-body{width:100%;flex:1;min-height:400px;resize:vertical;border:0;background:transparent;outline-offset:4px;color:var(--ink);font-family:var(--script);font-size:var(--write-size);line-height:1.42;padding:12px 2px}#entry-body::placeholder{color:#9d7d5f}#photo-preview img{max-width:220px;max-height:180px;object-fit:contain;border:6px solid #f9edd9;box-shadow:0 2px 8px #63402166}.page-footer{display:flex;align-items:center;gap:12px;flex-wrap:wrap;justify-content:space-between;border-top:1px solid #ae895c77;padding:18px 0}.extras{display:flex;gap:10px;flex-wrap:wrap}.extras button,.photo-control{font-size:17px;background:transparent;color:#6a4a30;padding:8px 4px;cursor:pointer}.extras button:hover,.photo-control:hover{background:#d9bd94}.save,.gate button{background:#6b4228;color:#ffeed4;border-radius:5px;padding:11px 22px;box-shadow:0 2px 4px #4b281e55}.save:hover,.gate button:hover{background:#855435}#save-status{font-size:16px;font-style:italic;color:#72583d}.page-bottom{display:flex;justify-content:space-between;align-items:center;gap:10px}.turn-page{font-family:var(--script);font-size:30px;color:#724c2c}.delete{background:transparent;color:#8a5343;text-decoration:underline;font-size:15px}.gate{min-height:100vh;display:flex;justify-content:center;align-items:center;gap:0;padding:25px}.book-cover,.gate-paper{min-height:530px;width:min(450px,100%);padding:50px 35px;box-shadow:0 14px 40px #0009}.book-cover{background:radial-gradient(ellipse at center,#70472b,#2d1a10);border:12px double #8e643d;color:#e4b97c;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center}.book-cover h1{font-size:52px;line-height:1.05;font-weight:400}.book-cover p{letter-spacing:.1em}.ornament{font-size:52px}.keyhole{font-size:65px}.gate-paper{background:#f1e1c3;box-shadow:inset 0 0 60px #9f724d80,0 14px 40px #0008;display:flex;flex-direction:column;justify-content:center;gap:10px}.gate-paper h2{font-size:36px;font-weight:400;margin:0}.gate-paper p{margin:0 0 10px}.gate-paper label{display:block;font-size:19px}.gate-paper input{display:block;width:100%;padding:9px 12px;border:1px solid #bca078;background:#f9edd9;border-radius:4px;font-family:Georgia,serif;font-size:16px}.gate-paper small{font-size:15px}.lock{text-align:center;font-size:46px}.error{background:#f1cebe;padding:10px;color:#782d20}.modal{position:fixed;inset:0;background:#0009;display:grid;place-items:center;padding:20px}.modal[hidden]{display:none}.modal-content{position:relative;max-width:500px;padding:30px;background:#f1dfbd;box-shadow:0 12px 50px #0008}.modal-close{position:absolute;right:12px;top:8px;font-size:32px;background:none;color:#6b4327}@media(max-width:1100px){.journal-layout{grid-template-columns:165px 270px minmax(0,1fr)}.side a,.logout{font-size:18px}.archive{padding:22px 14px}.page{padding:22px}}@media(max-width:780px){.masthead{padding:16px}.mast-quote{font-size:22px;padding:8px}.journal-layout{display:flex;flex-direction:column;margin:0 8px}.side{flex-direction:row;flex-wrap:wrap;align-items:center;gap:2px;padding:8px}.side-title{font-size:20px;margin:0}.side a,.logout{width:auto;border:0;padding:8px;font-size:17px}.side-poem{display:none}.archive{max-height:260px}.entry-list{max-height:150px}.page{min-height:650px}.gate{flex-direction:column}.book-cover,.gate-paper{min-height:auto}.book-cover{padding:25px}.book-cover h1{font-size:40px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}

/* Forgotten Journal: softened handmade parchment, October 2026 */
.archive,.page,.gate-paper,.modal-content{
  background-color:#f0dfbd;
  background-image:
    radial-gradient(ellipse at 0% 0%,rgba(124,77,35,.20),transparent 23%),
    radial-gradient(ellipse at 100% 3%,rgba(138,90,44,.16),transparent 25%),
    radial-gradient(ellipse at 3% 96%,rgba(145,95,51,.16),transparent 24%),
    radial-gradient(ellipse at 99% 99%,rgba(109,68,35,.18),transparent 24%),
    radial-gradient(ellipse at 27% 37%,rgba(255,249,224,.42),transparent 48%),
    radial-gradient(circle at 83% 29%,rgba(143,99,56,.07) 0 2px,transparent 4px),
    repeating-linear-gradient(87deg,rgba(108,77,41,.019) 0 1px,transparent 1px 6px),
    repeating-linear-gradient(0deg,rgba(120,83,47,.022) 0 1px,transparent 1px 5px);
  box-shadow:inset 0 0 54px rgba(125,77,35,.19);
}
.journal-layout{overflow:visible;border-radius:24px 18px 28px 20px;gap:0;background:#442919}
.side{border-radius:14px 0 0 18px}
.archive{border-radius:12px 20px 16px 11px;position:relative;box-shadow:inset 0 0 48px #99673936,4px 0 12px #2d1b1226}
.page{border-radius:26px 13px 25px 19px;position:relative;margin:9px 10px 10px 0;border:1px solid #c6a57b;box-shadow:inset 0 0 54px #91603930,3px 6px 13px #1f110d55}
.page:before{content:"";position:absolute;inset:5px;pointer-events:none;border:1px solid rgba(140,100,56,.14);border-radius:21px 10px 23px 15px}
.page:after{content:"";position:absolute;right:1px;bottom:1px;width:55px;height:55px;pointer-events:none;border-radius:0 0 22px 0;background:linear-gradient(135deg,transparent 48%,rgba(164,117,69,.16) 50%,rgba(255,249,227,.54) 72%,rgba(164,117,69,.18) 100%);filter:drop-shadow(-2px -2px 2px rgba(92,60,31,.12))}
.entry-mini{border-radius:5px 10px 7px 12px;box-shadow:2px 2px 3px #6c442d2b}
.tools button:not(.ink),.save,.archive input,.archive form button{border-radius:9px 6px 11px 7px}
.gate-paper,.modal-content{border-radius:20px 12px 24px 15px;border:1px solid #b9956b}
@media(max-width:780px){.journal-layout{overflow:hidden}.side{border-radius:12px 12px 0 0}.page{margin:7px;border-radius:20px 11px 22px 14px}}

/* Botanical corners and deep sepia book gutter — decorative only. */
.page{
  background-image:
    url('floral-corner.svg'),url('floral-corner.svg'),
    linear-gradient(to right,rgba(51,25,12,.62) 0%,rgba(74,37,17,.43) 1.4%,rgba(96,54,28,.22) 4%,rgba(96,54,28,.06) 8%,transparent 14%),
    radial-gradient(ellipse at 0% 0%,rgba(124,77,35,.20),transparent 23%),
    radial-gradient(ellipse at 100% 3%,rgba(138,90,44,.16),transparent 25%),
    radial-gradient(ellipse at 3% 96%,rgba(145,95,51,.16),transparent 24%),
    radial-gradient(ellipse at 99% 99%,rgba(109,68,35,.18),transparent 24%),
    radial-gradient(ellipse at 27% 37%,rgba(255,249,224,.42),transparent 48%),
    repeating-linear-gradient(87deg,rgba(108,77,41,.019) 0 1px,transparent 1px 6px),
    repeating-linear-gradient(0deg,rgba(120,83,47,.022) 0 1px,transparent 1px 5px);
  background-repeat:no-repeat,no-repeat,no-repeat,repeat,repeat,repeat,repeat,repeat,repeat,repeat;
  background-position:right 8px top 66px,right 8px bottom 8px,left top,center,center,center,center,center,center,center;
  background-size:115px 138px,115px 138px,100% 100%,auto,auto,auto,auto,auto,auto,auto;
  box-shadow:inset 14px 0 19px -13px rgba(43,19,9,.76),inset 0 0 54px rgba(125,77,35,.19),3px 6px 13px #1f110d55;
}
.archive{
  background-image:
    url('floral-corner.svg'),
    linear-gradient(to left,rgba(55,27,12,.51),rgba(88,48,25,.18) 5%,transparent 13%),
    radial-gradient(ellipse at 0% 0%,rgba(124,77,35,.20),transparent 23%),
    radial-gradient(ellipse at 100% 3%,rgba(138,90,44,.16),transparent 25%),
    radial-gradient(ellipse at 27% 37%,rgba(255,249,224,.42),transparent 48%),
    repeating-linear-gradient(87deg,rgba(108,77,41,.019) 0 1px,transparent 1px 6px);
  background-repeat:no-repeat,no-repeat,repeat,repeat,repeat,repeat;
  background-position:left 5px bottom 5px,center,center,center,center,center;
  background-size:105px 126px,100% 100%,auto,auto,auto,auto;
}
@media(max-width:780px){.page{background-size:78px 94px,78px 94px,100% 100%,auto,auto,auto,auto,auto,auto,auto}}

/* Antique book treatment v3: preserve clear centre writing space */
.journal-layout{background:#321b10;border-color:#402514;box-shadow:0 24px 48px #100904a8,0 0 0 2px #8b603b50;}
.archive,.page{isolation:isolate;background-color:#efdab4;background-blend-mode:normal,multiply,normal,normal,normal,normal,normal,normal,normal,normal;}
.archive{border-radius:19px 8px 15px 20px;border-right:0;box-shadow:inset -25px 0 28px -23px #32170bc4,inset 0 0 60px #8d522d3b,4px 3px 9px #170c0866;}
.page{border:1px solid #a67c4f;border-radius:15px 24px 27px 11px;box-shadow:inset 27px 0 30px -22px #251006e0,inset 0 0 62px #7e48284a,3px 5px 11px #160a065e;}
.page{background-image:url('floral-corner.svg'),url('floral-corner.svg'),url('antique-paper.svg'),linear-gradient(90deg,#2e160bd9 0%,#653a20a8 1.3%,#9a69487d 3.5%,transparent 12%),radial-gradient(ellipse at 50% 45%,#fff4d45e,transparent 75%);background-repeat:no-repeat,no-repeat,repeat,no-repeat,no-repeat;background-size:120px 145px,120px 145px,420px 420px,100% 100%,100% 100%;background-position:right 8px top 66px,right 8px bottom 8px,center,left top,center;}
.archive{background-image:url('floral-corner.svg'),url('antique-paper.svg'),linear-gradient(270deg,#3b1d0f9e 0%,#8a593a57 3%,transparent 13%);background-repeat:no-repeat,repeat,no-repeat;background-size:110px 132px,420px 420px,100% 100%;background-position:left 5px bottom 5px,center,center;}
.page:before{inset:7px;border:1px solid #8f60372e;border-radius:11px 18px 23px 8px;box-shadow:inset 0 0 24px #b27e4d1e;}
.page:after{width:76px;height:76px;right:0;bottom:0;border-radius:0 0 24px 0;background:linear-gradient(135deg,transparent 46%,#5c321a45 48%,#f9e8c9 52%,#e0c095 68%,#b08254 97%);filter:drop-shadow(-4px -4px 3px #45230f4f);}
.archive input,.tools select,.tools button:not(.ink),.save,.archive form button,.side-title{border-radius:13px 7px 15px 9px;}
.entry-link{border-radius:11px 6px 13px 8px;}
.turn-page{border:0;background:transparent;padding:8px 10px;border-radius:10px;transition:background .2s;}
.turn-page:hover{background:#aa774329;}
.page{perspective:1200px;transform-style:preserve-3d;}
.page-turn-leaf{position:absolute;inset:0;z-index:30;pointer-events:none;transform-origin:left center;transform:rotateY(0deg);border-radius:15px 24px 27px 11px;background:linear-gradient(90deg,#a5774a 0%,#ead0a5 6%,#f2dfbc 52%,#b78b5a 98%);box-shadow:inset 0 0 55px #86532e66,0 0 0 1px #7d522f55;backface-visibility:visible;opacity:0;}
.page.is-turning .page-turn-leaf{opacity:1;animation:fj-page-turn 1.05s cubic-bezier(.42,.03,.38,1) forwards;}
@keyframes fj-page-turn{0%{transform:rotateY(0deg);filter:brightness(1)}45%{transform:rotateY(-82deg);filter:brightness(.78);box-shadow:-25px 12px 35px #25110788}100%{transform:rotateY(-178deg);filter:brightness(.95);opacity:0}}
@media(max-width:780px){.page{background-size:78px 95px,78px 95px,420px 420px,100% 100%,100% 100%;}.page-turn-leaf{display:none}}
@media(prefers-reduced-motion:reduce){.page.is-turning .page-turn-leaf{animation:none;display:none}}

/* Rich parchment edition: real raster paper grain, organic worn edges, strong central gutter. */
.archive,.page{background-color:#ecd2a6;background-blend-mode:normal;}
.archive{background-image:url('floral-corner.svg'),linear-gradient(to left,rgba(38,16,7,.83) 0%,rgba(65,32,14,.51) 2%,rgba(101,56,26,.21) 7%,transparent 19%),url('handmade-parchment.jpg');background-repeat:no-repeat,no-repeat,repeat;background-position:left 5px bottom 6px,center,center;background-size:115px 140px,100% 100%,cover;border-radius:18px 5px 13px 21px;box-shadow:inset 0 0 24px #5b2c0e70,inset -21px 0 21px -17px #210e07df,4px 2px 12px #1c0b0688;}
.page{background-image:url('floral-corner.svg'),url('floral-corner.svg'),linear-gradient(to right,rgba(29,11,5,.91) 0%,rgba(52,22,10,.68) 1.5%,rgba(82,40,17,.42) 4%,rgba(122,74,35,.17) 9%,transparent 18%),url('handmade-parchment.jpg');background-repeat:no-repeat,no-repeat,no-repeat,repeat;background-position:right 10px top 68px,right 10px bottom 12px,left top,center;background-size:125px 151px,125px 151px,100% 100%,cover;border-radius:12px 22px 28px 8px;box-shadow:inset 0 0 28px #62320f85,inset 19px 0 25px -17px #1c0903,4px 6px 15px #1b0c0770;}
.page:before{inset:5px;border:0;border-radius:inherit;box-shadow:inset 0 0 13px #70421e70;}
.page:after{width:85px;height:85px;background:linear-gradient(135deg,transparent 46%,#4d29134f 48%,#fff1d4 51%,#d2a978 79%,#8a542b 100%);filter:drop-shadow(-5px -4px 3px #34180888);}
.journal-layout{border-radius:25px 21px 27px 19px;box-shadow:0 25px 45px #100904bd,0 0 0 2px #7a4b2855;}
.side-title,.save,.archive form button{border-radius:12px 7px 13px 8px;}
.page-turn-leaf{background-image:linear-gradient(90deg,#7c4d2b88,#f2dcb6 13%,#f0d5a7 75%,#966139aa),url('handmade-parchment.jpg');background-size:100% 100%,cover;}
.sound-choice{display:flex;gap:10px;align-items:center;padding:12px 0;font-size:20px}.sound-choice input{width:20px;height:20px;accent-color:#795032}
@media(max-width:780px){.page{background-size:84px 101px,84px 101px,100% 100%,cover}.archive{background-size:80px 97px,100% 100%,cover}}