@import"https://fonts.googleapis.com/css2?family=Jersey+20&family=Lobster&family=Roboto+Condensed:ital,wght@0,100..900;1,100..900&family=Roboto+Mono:ital,wght@0,100..700;1,100..700&family=Sixtyfour+Convergence&family=Ubuntu:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swap";@import"https://fonts.googleapis.com/css2?family=Jersey+20&family=Libre+Baskerville:ital,wght@0,400;0,700;1,400&family=Lobster&family=Roboto+Condensed:ital,wght@0,100..900;1,100..900&family=Roboto+Mono:ital,wght@0,100..700;1,100..700&family=Sixtyfour+Convergence&family=Ubuntu:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swap";@import"https://fonts.googleapis.com/css2?family=Caveat:wght@400..700&family=Englebert&family=Indie+Flower&family=Just+Another+Hand&family=Miltonian&family=Montez&family=Pinyon+Script&display=swap";@import"https://fonts.googleapis.com/css2?family=Caveat:wght@400;600;700&family=Reenie+Beanie&family=Indie+Flower&family=Lato:wght@300;400&display=swap";@import"https://fonts.googleapis.com/css2?family=Caveat:wght@400;600;700&family=Reenie+Beanie&family=Indie+Flower&display=swap";@import"https://fonts.googleapis.com/css2?family=Reenie+Beanie&family=Caveat:wght@400;600;700&family=Indie+Flower&display=swap";:root{--cover-rose: #f2a7c0;--cover-rose-deep: #c96488;--cover-rose-light: #fce4ec;--spine-rose: #e08aa4;--spine-deep: #b8607a;--pastel-mint: #a8e6c4;--pastel-mint-dark: #82d4aa;--page-cream: #fdf8f0;--ink: #4a3a4a;--ink-light: #7a6a7a;--ink-faint: #c0b0c0;--rule-line: #e8d8d4}*,*:before,*:after{box-sizing:border-box}body{margin:0}.home-container{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:2rem 1rem;background:#fce4ec;position:relative;overflow:hidden;animation:fadeIn 1.2s ease-out forwards}.home-container:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.doodle{display:none}.doodle--star1{top:8%;left:7%;font-size:2.6rem;animation-delay:0s;animation-duration:7s}.doodle--star2{top:15%;right:9%;font-size:2rem;animation-delay:1.2s;animation-duration:5.5s}.doodle--star3{bottom:18%;left:11%;font-size:2.4rem;animation-delay:.6s;animation-duration:8s}.doodle--heart{bottom:12%;right:8%;font-size:2.8rem;animation-delay:2s;animation-duration:6.5s}.doodle--leaf{top:50%;left:4%;font-size:1.9rem;animation-delay:1.8s;animation-duration:7.5s}.settings-link-button{position:absolute;top:20px;right:24px;padding:.35rem .55rem;background:#ffffffb3;border:2px solid rgba(190,120,150,.4);border-radius:10px;font-size:1.9rem;cursor:pointer;z-index:100;pointer-events:all;transition:transform .25s ease,background .2s ease,box-shadow .2s ease;line-height:1;box-shadow:2px 3px #be789640}.settings-link-button:hover{transform:rotate(30deg) scale(1.12);background:#fffffff2;box-shadow:3px 5px #be789659}.settings-link-button:active{transform:rotate(15deg) scale(1)}.cover-flip-scene{perspective:1400px;perspective-origin:left center}.cover-book{display:flex;align-items:stretch;filter:drop-shadow(6px 12px 28px rgba(150,80,110,.3));animation:riseUp 1s ease-out .2s both;transform-origin:left center;transform-style:preserve-3d;transition:none}.cover-book.is-flipping{animation:pageFlip .7s ease-in forwards}@keyframes pageFlip{0%{transform:rotateY(0) scale(1);filter:drop-shadow(6px 12px 28px rgba(150,80,110,.3))}40%{transform:rotateY(-25deg) scale(1.03);filter:drop-shadow(12px 16px 32px rgba(150,80,110,.35))}to{transform:rotateY(-100deg) scale(.95);filter:drop-shadow(2px 4px 8px rgba(150,80,110,.1));opacity:0}}.cover-spine{width:40px;background:linear-gradient(180deg,var(--spine-rose) 0%,var(--spine-deep) 100%);border-radius:8px 0 0 8px;box-shadow:inset -3px 0 8px #0000001f,inset 3px 0 6px #ffffff47;flex-shrink:0;position:relative}.cover-spine:after{content:"";position:absolute;top:10%;bottom:10%;left:9px;width:2px;background:#ffffff52;border-radius:2px}.cover-page{position:relative;width:min(460px,90vw);background-color:var(--cover-rose-light);background-image:repeating-linear-gradient(180deg,transparent,transparent 31px,var(--rule-line) 31px,var(--rule-line) 32px),linear-gradient(160deg,#f2b0c6,#f5cce0 60%,#cab2e1);border-radius:0 12px 12px 0;padding:3.4rem 3rem 3rem;box-shadow:4px 0 #fff9 inset,7px 7px #e0aac4,12px 12px #d09ab4;overflow:hidden}.cover-tape{position:absolute;width:56px;height:20px;background:#fef3c0e0;border:1px solid rgba(200,170,100,.35);border-radius:2px;box-shadow:1px 2px 4px #00000014;z-index:5}.cover-tape--tl{top:20px;left:24px;transform:rotate(-10deg)}.cover-tape--tr{top:20px;right:24px;transform:rotate(9deg)}.cover-inner{display:flex;flex-direction:column;align-items:center;text-align:center;position:relative;z-index:2}.cover-label{font-family:Caveat,cursive;font-size:1.15rem;color:var(--ink-light);letter-spacing:.14em;text-transform:lowercase;margin:0 0 1rem;opacity:0;animation:slideInDown .6s ease-out .5s forwards}.home-title{font-family:Reenie Beanie,cursive;font-size:4.6rem;font-weight:400;color:var(--cover-rose-deep);line-height:1.12;margin:0 0 .6rem;opacity:0;animation:slideInDown .6s ease-out .7s forwards;text-shadow:1px 2px 0 rgba(255,255,255,.7),0 0 24px rgba(200,100,140,.2)}.cover-divider{font-size:.9rem;color:var(--ink-faint);letter-spacing:.55em;margin:.4rem 0 1.1rem;opacity:0;animation:fadeIn .6s ease-out .9s forwards;-webkit-user-select:none;user-select:none}.home-subtitle{font-family:Indie Flower,cursive;font-size:1.4rem;color:var(--ink-light);font-style:italic;margin:0 0 2.2rem;line-height:1.65;opacity:0;animation:slideInDown .6s ease-out 1s forwards}.home-button{font-family:Caveat,cursive;font-size:1.6rem;font-weight:700;color:var(--ink);background:var(--pastel-mint);border:2px solid rgba(120,190,155,.5);border-radius:999px;padding:.75rem 2.8rem;cursor:pointer;box-shadow:3px 5px #78be9b73;transition:transform .2s ease,box-shadow .2s ease,background .2s ease;opacity:0;animation:slideInDown .6s ease-out 1.2s forwards;letter-spacing:.03em}.home-button:hover:not(:disabled){background:var(--pastel-mint-dark);transform:translateY(-3px);box-shadow:3px 8px #78be9b80}.home-button:active:not(:disabled){transform:translateY(0);box-shadow:2px 2px #78be9b66}.home-button:disabled{opacity:.7;cursor:default}.cover-footer{font-family:Caveat,cursive;font-size:1.05rem;color:#000;margin:1.5rem 0 0;letter-spacing:.12em;opacity:0;animation:fadeIn 1s ease-out 1.6s forwards}.page-curl{position:absolute;bottom:0;right:0;width:40px;height:40px;background:linear-gradient(225deg,#e8c8d8 45%,transparent 46%);border-top-left-radius:6px;box-shadow:-2px -2px 6px #0000000f;pointer-events:none}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInDown{0%{opacity:0;transform:translateY(-16px)}to{opacity:1;transform:translateY(0)}}@keyframes riseUp{0%{opacity:0;transform:translateY(32px)}to{opacity:1;transform:translateY(0)}}@media (min-width: 1200px){.home-container{justify-content:center}.cover-page{width:520px;padding:4rem 3.6rem 3.6rem}.home-title{font-size:5.4rem}}@media (max-width: 860px){.home-container{justify-content:center;padding:2rem 1.5rem}.cover-page{width:min(420px,86vw);padding:3rem 2.4rem 2.8rem}.home-title{font-size:4rem}.home-subtitle{font-size:1.3rem}}@media (max-width: 540px){.home-container{justify-content:center;align-items:flex-start;padding:4rem 1rem 2rem}.cover-spine{display:none}.cover-flip-scene{width:100%;max-width:480px;margin:0 auto}.cover-book{width:100%}.cover-page{width:100%;max-width:100%;border-radius:12px;padding:2.8rem 1.8rem 2.4rem;box-shadow:4px 6px 20px #96506e33,6px 6px #e0aac4}.cover-label{margin-bottom:1.2rem;font-size:1.05rem}.home-title{font-size:3.4rem;margin-bottom:.8rem}.cover-divider{margin:.6rem 0 1.4rem}.home-subtitle{font-size:1.2rem;margin-bottom:2.4rem;line-height:1.7}.home-button{font-size:1.45rem;padding:.75rem 2.2rem}.cover-footer{margin-top:1.8rem;font-size:1rem}.settings-link-button{top:14px;right:14px;font-size:1.7rem}}@media (max-width: 360px){.home-container{padding:3.5rem .7rem 1.5rem}.cover-page{padding:2.4rem 1.4rem 2rem}.home-title{font-size:2.9rem}.home-subtitle{font-size:1.1rem;margin-bottom:2rem}.home-button{font-size:1.3rem;padding:.65rem 1.8rem}.cover-footer{margin-top:1.4rem;font-size:.95rem}}.journal-page-wrap{display:flex;align-items:stretch;justify-content:center;padding:3rem 1rem 4rem;gap:0}.journal-spine{width:42px;background:linear-gradient(180deg,var(--spine-rose) 0%,var(--spine-deep) 100%);border-radius:6px 0 0 6px;display:flex;align-items:center;justify-content:center;box-shadow:-4px 0 12px var(--shadow-page),inset -3px 0 8px #00000014;flex-shrink:0;position:relative;overflow:hidden}.journal-spine:before{content:"";position:absolute;top:0;left:6px;width:2px;height:100%;background:#ffffff40;border-radius:2px}.journal-container{position:relative;width:100%;max-width:820px;background-color:var(--page-cream);background-image:repeating-linear-gradient(180deg,transparent,transparent 31px,var(--rule-line) 31px,var(--rule-line) 32px),linear-gradient(135deg,#fdf8f0,#faf2e8);border-radius:0 10px 10px 0;padding:2.5rem 3.5rem 3rem 3rem;box-shadow:4px 6px 28px var(--shadow-page),8px 8px #e8c8d0,12px 12px #ddbcca;border-left:3px solid var(--page-cream-dark);box-sizing:border-box;overflow:hidden}.journal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.8rem;padding-bottom:.8rem;border-bottom:2px dashed var(--ink-faint);position:relative;z-index:2}h2{opacity:0;text-align:center;color:var(--spine-deep);font-family:Reenie Beanie,cursive;font-size:2.2rem;font-weight:400;margin:0;letter-spacing:.04em;animation:popOutAndBack 1.1s ease-out .4s forwards}.journalhome-button,.history-button{background:var(--pastel-pink);color:var(--ink);border:2px solid rgba(200,130,150,.35);padding:.35rem .6rem;font-size:1.5rem;border-radius:10px;cursor:pointer;transition:transform .2s ease,background-color .2s ease,box-shadow .2s ease;box-shadow:2px 3px #c882964d;line-height:1}.journalhome-button:hover,.history-button:hover{background:var(--pastel-pink-dark);transform:translateY(-2px);box-shadow:2px 5px #c8829666}.journalhome-button:active,.history-button:active{transform:translateY(0);box-shadow:1px 2px #c882964d}.ruled-lines{position:absolute;left:0;right:0;top:220px;padding:0 3.5rem 0 3rem;pointer-events:none;z-index:0}.ruled-line{height:1px;background:var(--rule-line);margin-bottom:31px}.mood-section{position:relative;z-index:2;margin-bottom:.5rem}.mood-label{font-family:Caveat,cursive;font-size:1.2rem;color:var(--ink-light);margin:0 0 .7rem .2rem;letter-spacing:.03em}.mood-buttons{display:flex;flex-wrap:wrap;gap:.55rem;justify-content:center;margin-bottom:1rem}.mood-button{opacity:0;animation:zoomIn 1s ease-out forwards;background-color:var(--pastel-mint);border:2px solid rgba(140,200,170,.4);padding:.4rem 1.1rem;border-radius:999px;cursor:pointer;font-family:Caveat,cursive;font-size:1.4rem;font-weight:600;color:var(--ink);transition:transform .25s ease,background-color .25s ease,box-shadow .25s ease;box-shadow:2px 3px #8cc8aa59;letter-spacing:.02em}.mood-button:hover{transform:translateY(-3px) scale(1.05);box-shadow:2px 6px #8cc8aa80}.mood-button.selected{background-color:var(--pastel-mint-dark);border-color:#64b48c99;transform:scale(1.08) translateY(-2px);box-shadow:2px 5px #64b48c73;font-weight:700}.mood-button.dimmed{opacity:.3;transform:scale(.93);pointer-events:none}.mood-button:nth-child(1){animation-delay:.4s}.mood-button:nth-child(2){animation-delay:.55s}.mood-button:nth-child(3){animation-delay:.7s}.mood-button:nth-child(4){animation-delay:.85s}.mood-button:nth-child(5){animation-delay:1s}.mood-button:nth-child(6){animation-delay:1.15s}.custom-mood{display:block;margin:0 auto .8rem;padding:.55rem 1rem;width:240px;border-radius:999px;border:2px solid rgba(200,180,220,.5);background:#ffffffb3;font-family:Caveat,cursive;font-size:1.2rem;color:var(--ink);text-align:center;outline:none;transition:border-color .2s,box-shadow .2s;box-shadow:inset 0 1px 3px #0000000d}.custom-mood::placeholder{color:var(--ink-faint)}.custom-mood:focus{border-color:#b48cd2b3;box-shadow:0 0 0 3px #c8aae633,inset 0 1px 3px #0000000d}.highlighted-mood{display:flex;align-items:center;gap:.6rem;width:fit-content;margin:.6rem auto .4rem;padding:.5rem 1.8rem;border-radius:999px;background:linear-gradient(120deg,var(--pastel-mint) 0%,var(--pastel-lavender) 100%);box-shadow:2px 4px #a08cc84d;animation:fadeIn .35s ease-out;transition:transform .2s ease}.highlighted-mood:hover{transform:scale(1.03)}.highlighted-mood p{margin:0;font-family:Caveat,cursive;font-size:1rem;color:var(--ink-light)}.highlighted-mood h3{margin:0;font-family:Caveat,cursive;font-size:1.5rem;font-weight:700;color:var(--ink)}.page-divider{text-align:center;margin:1rem 0 .6rem;font-size:.9rem;color:var(--ink-faint);letter-spacing:.5em;-webkit-user-select:none;user-select:none;position:relative;z-index:2}.writing-section{position:relative;z-index:2;margin-bottom:1rem}.writing-label{font-family:Caveat,cursive;font-size:1.2rem;color:var(--ink-light);margin:0 0 .5rem .2rem}.journal-entry{width:100%;height:170px;padding:1rem 1.2rem;border-radius:8px;border:2px solid rgba(200,180,190,.4);background:#ffffff8c;resize:none;font-family:Indie Flower,cursive;font-size:1.2rem;color:var(--ink);line-height:2rem;outline:none;box-sizing:border-box;transition:border-color .2s,box-shadow .2s;box-shadow:inset 0 1px 4px #0000000a}.journal-entry::placeholder{color:var(--ink-faint);font-style:italic}.journal-entry:focus{border-color:#c896aaa6;box-shadow:0 0 0 3px #f0bed240,inset 0 1px 4px #0000000a}.journal-actions{display:flex;flex-wrap:wrap;gap:.6rem;justify-content:center;margin-bottom:1.2rem;position:relative;z-index:2}.voice-button,.enter-button,.submit-button{font-family:Caveat,cursive;font-size:1.2rem;font-weight:600;border:none;border-radius:999px;padding:.55rem 1.4rem;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,filter .2s ease;letter-spacing:.02em}.voice-button{background:var(--pastel-blue);color:var(--ink);box-shadow:2px 3px #8cb4dc66;border:2px solid rgba(140,180,220,.3)}.voice-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:2px 6px #8cb4dc80}.voice-button:disabled{opacity:.45;cursor:not-allowed}.enter-button{background:var(--pastel-lavender);color:var(--ink);box-shadow:2px 3px #aa8cdc66;border:2px solid rgba(170,140,220,.3)}.enter-button:hover{transform:translateY(-2px);box-shadow:2px 6px #aa8cdc80}.submit-button{background:var(--pastel-pink);color:var(--ink);box-shadow:2px 3px #dc8ca066;border:2px solid rgba(220,140,160,.3)}.submit-button:hover{transform:translateY(-2px);box-shadow:2px 6px #dc8ca080}.voice-button:active,.enter-button:active,.submit-button:active{transform:translateY(0)}.ai-response{position:relative;z-index:2;background:linear-gradient(135deg,#ffffffbf,#fcf0ffbf);border:2px solid rgba(200,170,220,.45);border-radius:12px;padding:1.2rem 1.5rem;margin-top:1rem;overflow-y:auto;max-height:280px;box-shadow:3px 5px #be96d233;animation:fadeIn .7s ease-out}.ai-response:before{content:"🌸";position:absolute;top:-14px;left:18px;font-size:1.4rem}.ai-response h3{font-family:Caveat,cursive;font-size:1.5rem;font-weight:700;color:var(--spine-deep);margin:0 0 .6rem}.ai-response p{font-family:Indie Flower,cursive;font-size:1.15rem;color:var(--ink);line-height:1.9;margin:0}@keyframes zoomIn{0%{transform:scale(.75);opacity:0}to{transform:scale(1);opacity:1}}@media (min-width: 1400px){.journal-page-wrap{padding:4rem 2rem 5rem;justify-content:center}.journal-container{max-width:900px;padding:3rem 4.5rem 4rem 4rem}}@media (max-width: 1100px){.journal-page-wrap{padding:3rem 2rem 4rem;justify-content:center}.journal-container{padding:2.5rem 3rem 3rem 2.8rem}}@media (max-width: 900px){.journal-page-wrap{padding:2.5rem 1.5rem 4rem;justify-content:center}.journal-container{padding:2.2rem 2.5rem 3rem 2.2rem}}@media (max-width: 640px){.journal-page-wrap{display:flex;flex-direction:column;align-items:center;padding:1.8rem 1rem 4rem}.journal-spine{display:none}.journal-container{width:100%;max-width:520px;border-radius:12px;border-left:none;border-top:6px solid var(--spine-rose);padding:2rem 1.6rem 2.5rem;box-shadow:0 4px 24px var(--shadow-page),0 8px #e8c8d0;box-sizing:border-box;overflow:visible}.journal-header{margin-bottom:2rem;padding-bottom:1rem}h2{font-size:1.6rem}.journalhome-button,.history-button{font-size:1.3rem;padding:.4rem .65rem}.corner-tape--tl{left:12px;top:14px}.corner-tape--tr{right:12px;top:14px}.mood-section{margin-bottom:1.5rem}.mood-label{font-size:1.15rem;margin-bottom:1rem}.mood-buttons{gap:.55rem;margin-bottom:1.2rem}.mood-button{font-size:1.15rem;padding:.45rem 1rem}.custom-mood{width:100%;max-width:300px;font-size:1.1rem}.highlighted-mood{margin:.8rem auto .6rem}.page-divider{margin:1.2rem 0 1rem}.writing-section{margin-bottom:1.5rem}.writing-label{font-size:1.15rem;margin-bottom:.8rem}.journal-entry{font-size:1.1rem;height:160px;line-height:1.9rem}.journal-actions{gap:.6rem;margin-bottom:1.5rem}.voice-button,.enter-button,.submit-button{font-size:1.05rem;padding:.6rem 1.2rem}.ai-response{margin-top:1.2rem;padding:1.2rem 1.1rem}.ai-response h3{font-size:1.3rem}.ai-response p{font-size:1.05rem;line-height:1.8}}@media (max-width: 400px){.journal-page-wrap{padding:1.2rem .75rem 3.5rem}.journal-container{padding:1.8rem 1.2rem 2.2rem}h2{font-size:1.4rem}.mood-button{font-size:1.05rem;padding:.4rem .85rem}.journal-entry{font-size:1rem;height:140px}.voice-button,.enter-button,.submit-button{font-size:.95rem;padding:.55rem 1rem}}:root{--page-cream: #fdf8f0;--page-cream-dark: #f5ede0;--spine-rose: #e8a0b0;--spine-deep: #c97a90;--pastel-mint: #c2f0d8;--pastel-mint-dark: #9ddcbe;--pastel-pink: #fbc8d8;--pastel-pink-dark: #f79ab5;--pastel-lavender: #ddd0f5;--pastel-yellow: #fef3c0;--pastel-blue: #c8e6f9;--ink: #5a4a5a;--ink-light: #8a7a8a;--ink-faint: #c8bcc8;--rule-line: #e8ddd0;--shadow-soft: rgba(120, 90, 100, .12);--shadow-page: rgba(100, 70, 80, .18)}body{background:linear-gradient(135deg,#fce4ec,#f3e5f5 40%,#e8f5e9);min-height:100vh;margin:0}.history-page-wrap{display:flex;align-items:stretch;justify-content:center;padding:3rem 1rem 4rem;gap:0;min-height:100vh;box-sizing:border-box}.history-spine{width:42px;background:linear-gradient(180deg,var(--spine-rose) 0%,var(--spine-deep) 100%);border-radius:6px 0 0 6px;display:flex;align-items:center;justify-content:center;box-shadow:-4px 0 12px var(--shadow-page),inset -3px 0 8px #00000014;flex-shrink:0;position:relative;overflow:hidden}.history-spine:before{content:"";position:absolute;top:0;left:6px;width:2px;height:100%;background:#ffffff40;border-radius:2px}.spine-title{writing-mode:vertical-rl;transform:rotate(180deg);font-family:Caveat,cursive;font-size:1.1rem;font-weight:700;color:#ffffffe0;letter-spacing:.18em;text-transform:lowercase;-webkit-user-select:none;user-select:none}.history-container{position:relative;width:100%;max-width:820px;background-color:var(--page-cream);background-image:repeating-linear-gradient(180deg,transparent,transparent 31px,var(--rule-line) 31px,var(--rule-line) 32px),linear-gradient(135deg,#fdf8f0,#faf2e8);border-radius:0 10px 10px 0;padding:2.5rem 3.5rem 3rem 3rem;box-shadow:4px 6px 28px var(--shadow-page),8px 8px #e8c8d0,12px 12px #ddbcca;border-left:3px solid var(--page-cream-dark);box-sizing:border-box;overflow:hidden;display:flex;flex-direction:column;align-items:center}.corner-tape{position:absolute;width:56px;height:20px;background:#fef3c0d1;border:1px solid rgba(200,170,100,.3);border-radius:2px;box-shadow:1px 2px 4px #00000014;z-index:10}.corner-tape--tl{top:20px;left:28px;transform:rotate(-12deg)}.corner-tape--tr{top:20px;right:28px;transform:rotate(10deg)}.history-header{display:flex;align-items:center;justify-content:space-between;width:100%;margin-bottom:1.4rem;padding-bottom:.8rem;border-bottom:2px dashed var(--ink-faint);position:relative;z-index:2}.header-nav{display:flex;gap:.4rem}h2{font-family:Reenie Beanie,cursive;font-size:2.2rem;font-weight:400;color:var(--spine-deep);margin:0;letter-spacing:.04em;animation:popOutAndBack 1.1s ease-out .3s both;opacity:0}.page-badge{display:flex;align-items:baseline;gap:2px;background:var(--pastel-yellow);border:2px solid rgba(200,170,100,.4);border-radius:999px;padding:.2rem .8rem;font-family:Caveat,cursive;font-size:1.1rem;font-weight:700;color:var(--ink);box-shadow:1px 2px #c8aa644d}.page-badge-sep{font-size:.9rem;color:var(--ink-faint);margin:0 1px}.journalhome-button{background:var(--pastel-pink);color:var(--ink);border:2px solid rgba(200,130,150,.35);padding:.35rem .6rem;font-size:1.4rem;border-radius:10px;cursor:pointer;transition:transform .2s ease,background-color .2s ease,box-shadow .2s ease;box-shadow:2px 3px #c882964d;line-height:1}.journalhome-button:hover{background:var(--pastel-pink-dark);transform:translateY(-2px);box-shadow:2px 5px #c8829666}.history-actions{display:flex;gap:.6rem;flex-wrap:wrap;justify-content:center;margin-bottom:.6rem;position:relative;z-index:2}.action-button{font-family:Caveat,cursive;font-size:1.15rem;font-weight:600;border-radius:999px;padding:.45rem 1.2rem;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease;letter-spacing:.02em;border:2px solid transparent}.export-button{background:var(--pastel-blue);border-color:#8cb4dc66;color:var(--ink);box-shadow:2px 3px #8cb4dc59}.import-label{background:var(--pastel-mint);border-color:#8cc8aa66;color:var(--ink);box-shadow:2px 3px #8cc8aa59;display:inline-flex;align-items:center;gap:.3rem}.clear-button{background:#ffd6d6;border-color:#dc8c8c80;color:#7a3a3a;box-shadow:2px 3px #dc8c8c4d}.action-button:hover{transform:translateY(-2px)}.export-button:hover{box-shadow:2px 6px #8cb4dc80}.import-label:hover{box-shadow:2px 6px #8cc8aa80}.clear-button:hover{box-shadow:2px 6px #dc8c8c66;background:#ffbdbd}.import-input{display:none}.page-divider{width:100%;text-align:center;margin:.4rem 0 1rem;font-size:.9rem;color:var(--ink-faint);letter-spacing:.5em;-webkit-user-select:none;user-select:none;position:relative;z-index:2}.no-entries-wrap{padding:3rem 0;text-align:center}.no-entries{font-family:Indie Flower,cursive;font-size:1.4rem;color:var(--ink-light);font-style:italic}.page-container{width:100%;display:flex;align-items:center;justify-content:center;gap:.5rem;perspective:1500px;position:relative;z-index:2;margin-bottom:1.5rem}.journal-entry-card{background-color:#ffffffb3;background-image:repeating-linear-gradient(180deg,transparent,transparent 31px,rgba(200,180,190,.25) 31px,rgba(200,180,190,.25) 32px);border:2px solid rgba(200,180,190,.4);border-left:6px solid var(--spine-rose);border-radius:4px 10px 10px 4px;padding:1.4rem 1.6rem 1.6rem;width:100%;max-width:540px;min-height:240px;box-shadow:3px 5px 16px var(--shadow-soft),0 1px #fffc inset;transform-style:preserve-3d;backface-visibility:hidden;transition:transform .3s ease;position:relative}.journal-entry-card:hover{transform:translateY(-3px);box-shadow:3px 8px 20px var(--shadow-soft)}.card-top-bar{display:flex;align-items:center;justify-content:space-between;margin-bottom:.5rem}.entry-mood-chip{display:inline-block;background:linear-gradient(120deg,var(--pastel-mint),var(--pastel-lavender));border-radius:999px;padding:.2rem 1rem;font-family:Caveat,cursive;font-size:1.3rem;font-weight:700;color:var(--ink);box-shadow:1px 2px #a08cc84d}.entry-date{font-family:Caveat,cursive;font-size:1rem;color:var(--ink-light);margin-bottom:.8rem}.entry-text{font-family:Indie Flower,cursive;font-size:1.2rem;color:var(--ink);line-height:2rem;white-space:pre-wrap;margin:0 0 1rem}.entry-ai-response{margin-top:.8rem;border-top:1px dashed var(--ink-faint);padding-top:.7rem}.toggle-advice{background:var(--pastel-lavender);border:2px solid rgba(170,140,220,.35);border-radius:999px;padding:.3rem 1rem;font-family:Caveat,cursive;font-size:1.1rem;font-weight:600;color:var(--ink);cursor:pointer;transition:transform .2s,box-shadow .2s;box-shadow:1px 2px #aa8cdc4d}.toggle-advice:hover{transform:translateY(-1px);box-shadow:1px 4px #aa8cdc66}.advice-text{font-family:Indie Flower,cursive;font-size:1.1rem;color:var(--ink);line-height:1.8;margin:.7rem 0 0;padding:.8rem 1rem;background:#fff9;border-radius:8px;border-left:3px solid var(--pastel-lavender)}.delete-entry-button{background:#ffd6d6;border:2px solid rgba(220,140,140,.4);border-radius:50%;width:28px;height:28px;display:flex;align-items:center;justify-content:center;font-size:.8rem;color:#7a3a3a;cursor:pointer;transition:background .2s,transform .2s;padding:0;line-height:1;flex-shrink:0}.delete-entry-button:hover{background:#ffbdbd;transform:scale(1.1)}.arrow-button{background:var(--pastel-pink);border:2px solid rgba(200,130,150,.35);border-radius:50%;width:48px;height:48px;font-size:1.8rem;color:var(--ink);cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:transform .2s,background .2s,box-shadow .2s;box-shadow:2px 3px #c882964d;line-height:1}.arrow-button:hover:not(:disabled){transform:scale(1.1);background:var(--pastel-pink-dark);box-shadow:2px 5px #c8829673}.arrow-button:disabled{opacity:.3;cursor:not-allowed}.flip-next{animation:flipNext .3s ease-out}.flip-prev{animation:flipPrev .3s ease-out}@keyframes flipNext{0%{transform:rotateY(20deg) translate(10px);opacity:.6}to{transform:rotateY(0) translate(0);opacity:1}}@keyframes flipPrev{0%{transform:rotateY(-20deg) translate(-10px);opacity:.6}to{transform:rotateY(0) translate(0);opacity:1}}.info-toggle-section{width:100%;max-width:560px;text-align:center;margin:.5rem 0 .8rem;position:relative;z-index:2}.toggle-info-button{background:var(--pastel-yellow);border:2px solid rgba(200,170,100,.45);border-radius:999px;padding:.4rem 1.2rem;font-family:Caveat,cursive;font-size:1.1rem;font-weight:600;color:var(--ink);cursor:pointer;transition:transform .2s,box-shadow .2s;box-shadow:2px 3px #c8aa644d}.toggle-info-button:hover{transform:translateY(-2px);box-shadow:2px 5px #c8aa6466}.info-box{background:#fffcebd9;border:2px solid rgba(200,170,100,.4);border-radius:12px;padding:1.2rem 1.5rem;text-align:center;box-shadow:2px 4px #c8aa6433;animation:fadeIn .3s ease-out}.info-box p{font-family:Indie Flower,cursive;font-size:1.1rem;line-height:1.8;color:var(--ink);margin:.3rem 0}.info-box strong{font-family:Caveat,cursive;font-size:1.3rem;color:var(--spine-deep)}.tip-container{position:relative;margin:.5rem 0 1rem;z-index:2}.tip-bubble{display:inline-block;position:relative;cursor:pointer;background:var(--pastel-pink);border:2px solid rgba(200,130,150,.45);border-radius:999px;padding:.5rem 1.4rem;font-family:Caveat,cursive;font-size:1rem;box-shadow:2px 3px #c882964d;transition:transform .2s}.tip-bubble:hover{transform:translateY(-2px)}.tip-bubble:hover .tip-info{visibility:visible;opacity:1}.tip-text{font-weight:700;color:var(--ink)}.tip-info{position:absolute;bottom:calc(100% + 10px);left:50%;transform:translate(-50%);background:#fff6faf5;border:2px solid rgba(200,130,150,.4);border-radius:16px;padding:1rem 1.3rem;width:240px;text-align:center;font-family:Indie Flower,cursive;font-size:1rem;color:var(--ink);visibility:hidden;opacity:0;transition:opacity .25s ease;box-shadow:3px 5px 12px var(--shadow-soft);z-index:20}.tip-info p{margin:0;line-height:1.7}.reminder-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#5a3c4666;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:flex;align-items:center;justify-content:center;z-index:999}.reminder-popup{background:#fffce6f7;border:2px solid rgba(200,170,100,.5);border-radius:16px;padding:1.5rem 2rem;max-width:380px;width:90%;text-align:center;box-shadow:4px 8px 24px #64465033;font-family:Caveat,cursive;font-size:1.3rem;color:var(--ink);animation:fadeIn .3s ease-out}.reminder-popup p{margin:0 0 1rem;line-height:1.6}.reminder-buttons{display:flex;gap:.7rem;justify-content:center;flex-wrap:wrap}.reminder-buttons button{font-family:Caveat,cursive;font-size:1.1rem;font-weight:600;background:var(--pastel-yellow);border:2px solid rgba(200,170,100,.45);border-radius:999px;padding:.4rem 1.1rem;cursor:pointer;color:var(--ink);box-shadow:2px 3px #c8aa644d;transition:transform .2s,background .2s}.reminder-buttons button:hover{transform:translateY(-2px);background:#fde68a}.page-curl{position:absolute;bottom:0;right:0;width:40px;height:40px;background:linear-gradient(225deg,#f0e0e8 45%,transparent 46%);border-top-left-radius:6px;box-shadow:-2px -2px 5px #0000000f;pointer-events:none}@keyframes popOutAndBack{0%{transform:scale(.8);opacity:0}50%{transform:scale(1.15);opacity:1}to{transform:scale(1);opacity:1}}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@media (min-width: 1400px){.history-page-wrap{padding:4rem 2rem 5rem;justify-content:center}.history-container{max-width:900px;padding:3rem 4.5rem 4rem 4rem}.journal-entry-card{max-width:600px}}@media (max-width: 1100px){.history-page-wrap{padding:3rem 2rem 4rem;justify-content:center}.history-container{padding:2.5rem 3rem 3rem 2.8rem}}@media (max-width: 900px){.history-page-wrap{padding:2.5rem 1.5rem 4rem;justify-content:center}.history-container{padding:2.2rem 2.5rem 3rem 2.2rem}.journal-entry-card{max-width:100%}}@media (max-width: 640px){.history-page-wrap{display:flex;flex-direction:column;align-items:center;padding:1.8rem 1rem 4rem;min-height:unset}.history-spine{display:none}.history-container{width:100%;max-width:520px;border-radius:12px;border-left:none;border-top:6px solid var(--spine-rose);padding:2rem 1.6rem 2.5rem;box-shadow:0 4px 24px var(--shadow-page),0 8px #e8c8d0;box-sizing:border-box}.history-header{margin-bottom:1.6rem;padding-bottom:1rem}h2{font-size:1.6rem}.journalhome-button{font-size:1.3rem;padding:.4rem .65rem}.corner-tape--tl{left:12px;top:14px}.corner-tape--tr{right:12px;top:14px}.history-actions{gap:.55rem;margin-bottom:1.2rem}.action-button{font-size:1rem;padding:.5rem 1rem}.page-divider{margin:.8rem 0 1.2rem}.page-container{gap:.6rem;margin-bottom:2rem}.journal-entry-card{padding:1.4rem 1.3rem 1.6rem;min-height:unset}.card-top-bar{margin-bottom:.8rem}.entry-mood-chip{font-size:1.2rem}.entry-date{font-size:1rem;margin-bottom:1rem}.entry-text{font-size:1.05rem;line-height:1.9rem;margin-bottom:1.2rem}.arrow-button{width:44px;height:44px;font-size:1.6rem}.info-toggle-section{margin:.8rem 0 1rem}.tip-container{margin:.8rem 0 1.2rem}.tip-info{width:220px;font-size:.95rem}.reminder-popup{font-size:1.1rem;padding:1.4rem 1.6rem}}@media (max-width: 400px){.history-page-wrap{padding:1.2rem .75rem 3.5rem}.history-container{padding:1.8rem 1.2rem 2.2rem}h2{font-size:1.4rem}.action-button{font-size:.9rem;padding:.45rem .85rem}.arrow-button{width:36px;height:36px;font-size:1.4rem}.journal-entry-card{padding:1.2rem 1rem 1.4rem}.entry-text{font-size:1rem;line-height:1.8rem}.page-badge{font-size:.95rem;padding:.2rem .65rem}}.error-box{background-color:#ffe5e5;border:1px solid #ff9999;padding:1rem;margin-top:1rem;color:#c00;border-radius:8px;text-align:center}.spinner-container{display:flex;flex-direction:column;align-items:center;margin-top:1.5rem}.spinner-image{width:48px;height:48px;animation:spin 1.2s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-text{margin-top:.5rem;color:#888;font-style:italic;font-family:Caveat,cursive;font-size:1rem}body.dark-mode .loading-text{color:#fff}.settings-outer{min-height:100vh;background:#fce4ec;display:flex;flex-direction:column;align-items:center;padding:0 1rem 4rem;position:relative;overflow-x:hidden}.settings-outer:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.s-doodle{display:none}.s-doodle--1{top:6%;left:5%;font-size:2.4rem;animation-delay:0s;animation-duration:7s}.s-doodle--2{top:14%;right:6%;font-size:1.8rem;animation-delay:1.2s;animation-duration:5.5s}.s-doodle--3{bottom:20%;left:8%;font-size:2rem;animation-delay:.6s;animation-duration:8s}.s-doodle--4{bottom:10%;right:7%;font-size:2.6rem;animation-delay:2s;animation-duration:6.5s}.settings-header{display:flex;justify-content:center;gap:.8rem;padding:1.8rem 0 2rem;position:relative;z-index:10}.settings-nav-btn{background:#ffffffb3;border:2px solid rgba(190,120,150,.4);border-radius:10px;padding:.35rem .6rem;font-size:1.6rem;line-height:1;cursor:pointer;box-shadow:2px 3px #be789640;transition:transform .2s ease,background .2s ease,box-shadow .2s ease}.settings-nav-btn:hover{background:#fffffff2;transform:translateY(-2px);box-shadow:2px 5px #be789659}.settings-nav-btn:active{transform:translateY(0)}.settings-book-wrap{display:flex;align-items:stretch;position:relative;z-index:2;perspective:1600px;perspective-origin:left center;animation:riseUp .8s ease-out .1s both}.settings-spine{width:42px;background:linear-gradient(180deg,#e8a0b0,#c97a90);border-radius:6px 0 0 6px;display:flex;align-items:center;justify-content:center;box-shadow:-4px 0 12px #6446502e,inset -3px 0 8px #00000014;flex-shrink:0;position:relative;overflow:hidden}.settings-spine:before{content:"";position:absolute;top:0;left:6px;width:2px;height:100%;background:#ffffff40;border-radius:2px}.settings-spine-title{writing-mode:vertical-rl;transform:rotate(180deg);font-family:Caveat,cursive;font-size:1.1rem;font-weight:700;color:#ffffffe0;letter-spacing:.18em;text-transform:lowercase;-webkit-user-select:none;user-select:none}.settings-page{position:relative;width:min(520px,90vw);min-height:0;background-color:#fdf8f0;background-image:repeating-linear-gradient(180deg,transparent,transparent 31px,#e8ddd0 31px,#e8ddd0 32px),linear-gradient(135deg,#fdf8f0,#faf2e8);border-radius:0 10px 10px 0;padding:2.2rem 3.8rem 2rem 2.6rem;box-shadow:4px 6px 28px #6446502e,8px 8px #e8c8d0,12px 12px #ddbcca;border-left:3px solid #f5ede0;box-sizing:border-box;overflow:hidden;transform-origin:left center;transform-style:preserve-3d;transition:none}.settings-page.flip-forward{animation:flipForward .48s ease-in-out forwards}.settings-page.flip-backward{animation:flipBackward .48s ease-in-out forwards}@keyframes flipForward{0%{transform:rotateY(0) scale(1);opacity:1}35%{transform:rotateY(-22deg) scale(1.02);opacity:1}50%{transform:rotateY(-90deg) scale(.96);opacity:.4}65%{transform:rotateY(-158deg) scale(.97);opacity:.7}to{transform:rotateY(-180deg) scale(1);opacity:1}}@keyframes flipBackward{0%{transform:rotateY(0) scale(1);opacity:1}35%{transform:rotateY(22deg) scale(1.02);opacity:1}50%{transform:rotateY(90deg) scale(.96);opacity:.4}65%{transform:rotateY(158deg) scale(.97);opacity:.7}to{transform:rotateY(180deg) scale(1);opacity:1}}.s-tape{position:absolute;width:52px;height:18px;background:#fef3c0d9;border:1px solid rgba(200,170,100,.3);border-radius:2px;box-shadow:1px 2px 4px #00000012;z-index:10;pointer-events:none}.s-tape--tl{top:16px;left:20px;transform:rotate(-9deg)}.s-tape--tr{top:16px;right:44px;transform:rotate(8deg)}.page-tabs{position:absolute;top:50%;right:-2px;transform:translateY(-50%);display:flex;flex-direction:column;gap:6px;z-index:20}.page-tab{width:36px;height:44px;background:#f5e8e0;border:1px solid rgba(200,150,170,.4);border-left:none;border-radius:0 8px 8px 0;font-size:1.2rem;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:3px 2px 6px #a0647826;transition:background .2s ease,transform .15s ease,box-shadow .15s ease;line-height:1}.page-tab:hover{background:#fce4ec;transform:translate(4px);box-shadow:5px 2px 8px #a0647838}.page-tab--active{background:#fbc8d8;transform:translate(6px);box-shadow:6px 2px 10px #a0647847;border-color:#c8789680;font-size:1.3rem}.settings-page-header{display:flex;align-items:baseline;justify-content:space-between;border-bottom:2px dashed #d0bcc0;padding-bottom:.7rem;margin-bottom:1.4rem;position:relative;z-index:2}.settings-page-title{font-family:Reenie Beanie,cursive;font-size:2.9rem;font-weight:400;color:#c97a90;margin:0;letter-spacing:.03em}.settings-page-num{font-family:Caveat,cursive;font-size:1.1rem;color:#c8bcc8;letter-spacing:.08em}.settings-page-body{position:relative;z-index:2;min-height:380px}.page-content p{font-family:Indie Flower,cursive;font-size:1.25rem;color:#5a4a5a;line-height:1.85;margin:0 0 .9rem}.page-content h4{font-family:Caveat,cursive;font-size:1.6rem;font-weight:700;color:#c97a90;margin:1.1rem 0 .4rem}.page-content ol{padding-left:1.4rem;margin:0 0 1rem}.page-content li{font-family:Caveat,cursive;font-size:1.35rem;line-height:1.8;color:#4a3a4a;margin-bottom:.2rem}.tip-content{display:flex;flex-direction:column;align-items:center;text-align:center;padding-top:.5rem}.tip-intro{font-size:1.35rem!important;font-style:italic;max-width:360px}.tip-credit{color:#9a8a9a!important;font-size:1rem!important;margin-top:-.4rem!important}.disclaimer{font-family:Caveat,cursive!important;font-size:.98rem!important;color:#8b0000!important;background:#fff0f0;border-left:4px solid #c97090;border-radius:6px;padding:.75rem 1rem;line-height:1.6!important;margin-bottom:1rem!important}.page-action-btn{font-family:Caveat,cursive;font-size:1.3rem;font-weight:700;background:#c2f0d8;color:#4a3a4a;border:2px solid rgba(120,190,155,.5);border-radius:999px;padding:.6rem 2.2rem;cursor:pointer;box-shadow:3px 4px #78be9b66;margin-top:1rem;transition:transform .2s ease,box-shadow .2s ease,background .2s ease;display:block}.page-action-btn:hover{background:#9ddcbe;transform:translateY(-3px);box-shadow:3px 7px #78be9b80}.page-action-btn:active{transform:translateY(0)}.form-content .page-action-btn{background:#fbc8d8;border-color:#dc8ca080;box-shadow:3px 4px #dc8ca059;align-self:center;margin:.6rem auto 0}.form-content .page-action-btn:hover{background:#f79ab5;box-shadow:3px 7px #dc8ca073}.settings-form{display:flex;flex-direction:column;gap:.5rem}.form-label{font-family:Caveat,cursive;font-size:1.35rem;font-weight:700;color:#7a6a7a}.form-input{font-family:Indie Flower,cursive;font-size:1.15rem;padding:.55rem .9rem;border-radius:8px;border:2px solid rgba(200,170,190,.4);background:#fff9;color:#4a3a4a;outline:none;transition:border-color .2s,box-shadow .2s;margin-bottom:.3rem}.form-input:focus{border-color:#c88caab3;box-shadow:0 0 0 3px #f0bed233}.form-textarea{font-family:Indie Flower,cursive;font-size:1.15rem;padding:.7rem .9rem;min-height:110px;border-radius:8px;border:2px solid rgba(200,170,190,.4);background:#fff9;color:#4a3a4a;resize:vertical;outline:none;line-height:1.6;transition:border-color .2s,box-shadow .2s;margin-bottom:.2rem}.form-textarea:focus{border-color:#c88caab3;box-shadow:0 0 0 3px #f0bed233}.success-msg{font-family:Caveat,cursive;font-size:1.2rem;color:#3a8a5a;background:#e8f8ee;border-radius:8px;padding:.5rem 1rem;margin-bottom:.8rem}.page-nav-arrows{position:absolute;bottom:1.4rem;left:2.6rem;right:3.8rem;display:flex;align-items:center;justify-content:space-between;z-index:10}.arrow-btn{font-family:Caveat,cursive;font-size:1.25rem;font-weight:700;color:#c97a90;background:transparent;border:none;cursor:pointer;padding:.2rem .5rem;transition:transform .15s ease,opacity .15s ease;letter-spacing:.03em}.arrow-btn:hover:not(:disabled){transform:scale(1.1)}.arrow-btn:disabled{opacity:.25;cursor:default}.page-dots{display:flex;gap:6px;align-items:center}.page-dot{width:8px;height:8px;border-radius:50%;background:#d0bcc8;transition:background .2s ease,transform .2s ease}.page-dot--active{background:#c97a90;transform:scale(1.3)}.page-curl{position:absolute;bottom:0;right:0;width:38px;height:38px;background:linear-gradient(225deg,#f0e0e8 45%,transparent 46%);border-top-left-radius:6px;box-shadow:-2px -2px 5px #0000000f;pointer-events:none}@keyframes riseUp{0%{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}@keyframes floatDoodle{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-14px) rotate(8deg)}}@media (min-width: 1200px){.settings-outer{align-items:center}.settings-page{width:600px;padding:2.8rem 4.5rem 6rem 3.2rem}.settings-page-title{font-size:3.2rem}}@media (max-width: 1100px){.settings-outer{align-items:center}.settings-book-wrap{margin:0 auto}}@media (max-width: 860px){.settings-outer{align-items:center}.settings-book-wrap{margin:0 auto}.settings-page{width:min(480px,88vw)}}@media (max-width: 600px){.settings-outer{padding:0 1rem 4rem;align-items:center}.settings-header{padding:1.6rem 0 1.8rem;gap:.8rem}.settings-nav-btn{font-size:1.5rem;padding:.4rem .65rem}.settings-book-wrap{width:100%;max-width:520px;flex-direction:column}.settings-spine{display:none}.page-tabs{position:static;transform:none;flex-direction:row;justify-content:center;gap:8px;padding:0 0 .4rem;order:-1;width:100%}.page-tab{width:50px;height:40px;border-radius:10px 10px 0 0;border:2px solid rgba(200,150,170,.4);border-bottom:none;box-shadow:2px -2px 6px #a064781f}.page-tab:hover{transform:translateY(-3px)}.page-tab--active{transform:translateY(-5px);background:#fbc8d8}.settings-page{width:100%;border-radius:0 0 12px 12px;border-left:none;border-top:none;padding:2rem 1.6rem 6rem;box-shadow:0 6px 24px #6446502e,0 8px #e8c8d0;box-sizing:border-box}.s-tape--tl{left:14px;top:14px}.s-tape--tr{right:14px;top:14px}.settings-page-header{margin-bottom:1.6rem;padding-bottom:.9rem}.settings-page-title{font-size:2.2rem}.settings-page-num{font-size:1rem}.settings-page-body{min-height:unset}.page-content p{font-size:1.15rem;line-height:1.9;margin-bottom:1.1rem}.page-content h4{font-size:1.5rem;margin:1.4rem 0 .6rem}.page-content li{font-size:1.2rem;line-height:1.9;margin-bottom:.4rem}.tip-intro{font-size:1.2rem!important}.settings-form{gap:.7rem}.form-label{font-size:1.2rem}.form-input,.form-textarea{font-size:1.05rem;padding:.6rem .9rem}.page-action-btn{font-size:1.2rem;padding:.65rem 2rem;margin-top:1.2rem}.page-nav-arrows{left:1.4rem;right:1.4rem;bottom:1.6rem}.arrow-btn{font-size:1.2rem}}@media (max-width: 380px){.settings-outer{padding:0 .6rem 3.5rem}.settings-header{padding:1.2rem 0 1.4rem}.settings-nav-btn{font-size:1.3rem}.settings-book-wrap{max-width:100%}.page-tab{width:44px;height:36px;font-size:.95rem}.settings-page{padding:1.8rem 1.2rem 5.5rem}.settings-page-title{font-size:1.9rem}.page-content p{font-size:1.05rem}.page-content h4{font-size:1.35rem}.page-content li,.form-label{font-size:1.1rem}.form-input,.form-textarea{font-size:1rem}.page-action-btn{font-size:1.1rem;padding:.6rem 1.6rem}}.custom-cursor{position:fixed;top:0;left:0;width:45px;height:45px;background-size:contain;background-repeat:no-repeat;pointer-events:none;transform:translate(-50%,-50%);z-index:9999}@media (hover: none) and (pointer: coarse){.custom-cursor{display:none}}@media (min-width: 3000px){body{font-size:1.4rem}.home-title{font-size:7rem}.home-subtitle{font-size:3rem}.home-button{font-size:2rem}.history-header{font-size:8rem}h2{font-size:4rem}.entry-mood{font-size:2.6rem}.entry-date{font-size:1.8rem}.entry-text{font-size:2rem}.journal-entry-card,.export-button,.import-label,.clear-button,.delete-entry-button{font-size:1.6rem}.info-box p,.info-box strong{font-size:1.8rem}.journal-container{max-width:1400px}.custom-mood{font-size:2rem}.journal-entry{font-size:1.7rem}.voice-button,.submit-button,.enter-button{font-size:1.8rem}.mood-button{font-size:2.4rem}.highlighted-mood{font-size:1.8rem}.highlighted-mood h3{font-size:2.3rem}.ai-response{font-size:2.4rem}.ai-response h3{font-size:2.6rem}.ai-response p{font-size:1.7rem}.settings-title{font-size:3.2rem}.settings-label,.message-label{font-size:1.6rem}.message-submit-button{font-size:2rem}.about-section-container h3{font-size:2.4rem}.about-section-container p{font-size:1.4rem}.tip-box h3{font-size:2.6rem}.tip-box p{font-size:1.8rem}.add-homescreen h3,.add-homescreen h4{font-size:2.2rem}.add-homescreen p,.add-homescreen li{font-size:1.6rem}}@media (min-width: 3800px){body{font-size:1.65rem}.home-title{font-size:9rem}.home-subtitle{font-size:3.6rem}.home-button{font-size:2.4rem}.history-header{font-size:10rem}h2{font-size:4.8rem}.entry-mood{font-size:3.2rem}.entry-date{font-size:2.2rem}.entry-text{font-size:2.4rem}.journal-entry-card,.export-button,.import-label,.clear-button,.delete-entry-button{font-size:1.9rem}.info-box p,.info-box strong{font-size:2.2rem}.journal-container{max-width:1700px}.custom-mood{font-size:2.4rem}.journal-entry{font-size:2rem}.voice-button,.submit-button,.enter-button{font-size:2.2rem}.mood-button{font-size:2.9rem}.highlighted-mood{font-size:2.2rem}.highlighted-mood h3,.ai-response{font-size:2.8rem}.ai-response h3{font-size:3rem}.ai-response p{font-size:2rem}.settings-title{font-size:3.8rem}.settings-label,.message-label{font-size:1.9rem}.message-submit-button{font-size:2.4rem}.about-section-container h3{font-size:2.8rem}.about-section-container p{font-size:1.7rem}.tip-box h3{font-size:3rem}.tip-box p{font-size:2.2rem}.add-homescreen h3,.add-homescreen h4{font-size:2.6rem}.add-homescreen p,.add-homescreen li{font-size:1.9rem}}@media (min-width: 4800px){body{font-size:1.9rem}.home-title{font-size:11rem}.history-header{font-size:12rem}.mood-button{font-size:3.4rem}.ai-response{font-size:3.2rem}.settings-title{font-size:4.4rem}}#root{min-height:100vh}html,body{height:100%;margin:0;padding:0}body{background:#fce4ec}body.dark-mode{background-color:#5c396e}body::-webkit-scrollbar{width:12px}body::-webkit-scrollbar-track{background:#ffccdfd4;border-radius:10px}body::-webkit-scrollbar-thumb{background-color:#c2fbd7;border-radius:10px;border:3px solid #ffccdfd4}body::-webkit-scrollbar-thumb:hover{background-color:#91f8b7}body.dark-mode::-webkit-scrollbar-track{background:#5c396e}body.dark-mode::-webkit-scrollbar-thumb{background-color:#6ea79a;border:3px solid #5c396e}body.dark-mode::-webkit-scrollbar-thumb:hover{background-color:#568379}.journal-entry::-webkit-scrollbar,.ai-response::-webkit-scrollbar{width:10px}.journal-entry::-webkit-scrollbar-track,.ai-response::-webkit-scrollbar-track{background:#ffccdfd4;border-radius:10px}.journal-entry::-webkit-scrollbar-thumb,.ai-response::-webkit-scrollbar-thumb{background-color:#c2fbd7;border-radius:10px;border:2px solid #ffccdfd4}.journal-entry::-webkit-scrollbar-thumb:hover,.ai-response::-webkit-scrollbar-thumb:hover{background-color:#91f8b7}body.dark-mode .journal-entry::-webkit-scrollbar-track,body.dark-mode .ai-response::-webkit-scrollbar-track{background:#5c396e}body.dark-mode .journal-entry::-webkit-scrollbar-thumb,body.dark-mode .ai-response::-webkit-scrollbar-thumb{background-color:#6ea79a;border:2px solid #5c396e}body.dark-mode .journal-entry::-webkit-scrollbar-thumb:hover,body.dark-mode .ai-response::-webkit-scrollbar-thumb:hover{background-color:#568379}