*{margin:0;padding:0;box-sizing:border-box}body{font-family:Courier New,monospace;background:#8b6f47;display:flex;justify-content:flex-start;align-items:flex-start;min-height:100vh;padding:0;margin:0;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch}body:before{content:"";position:fixed;inset:0;background:repeating-linear-gradient(90deg,transparent,transparent 50px,rgba(101,67,33,.1) 50px,rgba(101,67,33,.1) 51px),repeating-linear-gradient(0deg,transparent,transparent 50px,rgba(101,67,33,.1) 50px,rgba(101,67,33,.1) 51px);pointer-events:none;z-index:1}:root{--wood-dark: #4a3728;--wood-medium: #6b5638;--wood-light: #8b6f47;--leather-brown: #6f4e37;--leather-tan: #9b7653;--paper-white: #faf8f3;--paper-cream: #f5f2ea;--paper-aged: #e8e4d8;--ink-blue: #2c4f6f;--ink-black: #1a1a1a}.journal-world{width:100vw;height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;perspective:2000px;perspective-origin:50% 50%;overflow:hidden}.stacks-scene{width:100%;max-width:1400px;height:80vh;display:flex;justify-content:space-between;align-items:center;padding:40px;position:relative;transform-style:preserve-3d}.stack-group{flex:1;display:flex;align-items:center;justify-content:center;transform-style:preserve-3d}.center-group{flex:2;z-index:10}.current-holder{width:100%;max-width:600px;min-height:400px;display:flex;align-items:center;justify-content:center;transform-style:preserve-3d;position:relative}.progress-whisper{position:fixed;bottom:40px;left:50%;transform:translate(-50%);font-size:14px;color:var(--paper-aged);text-align:center;opacity:.7;transition:opacity .3s;pointer-events:none;z-index:100;font-weight:500;letter-spacing:1px;text-shadow:0 1px 3px var(--shadow-soft)}.progress-whisper:hover{opacity:1}.notebook-stack{width:180px;height:240px;position:relative;transform-style:preserve-3d;transition:transform .6s cubic-bezier(.34,1.56,.64,1);cursor:pointer}.notebook-stack.unfilled-stack{transform:rotateY(-15deg) translateZ(50px)}.notebook-stack.completed-stack{transform:rotateY(15deg) translateZ(50px)}.notebook-stack:hover{transform:rotateY(0) translateZ(100px) scale(1.05)}.stack-label{position:absolute;top:-30px;left:50%;transform:translate(-50%);font-size:12px;color:var(--paper-aged);text-transform:uppercase;letter-spacing:2px;opacity:.6;font-weight:600}@media (max-width: 1024px){.stacks-scene{padding:20px;flex-direction:column;height:auto;min-height:100vh;gap:40px}.stack-group{width:100%}.center-group{order:2}.left-group{order:1}.right-group{order:3}.notebook-stack{width:150px;height:200px}.notebook-stack.unfilled-stack,.notebook-stack.completed-stack{transform:rotateY(0) translateZ(30px)}.current-holder{max-width:500px}}@media (max-width: 640px){.stacks-scene{padding:16px;gap:30px}.notebook-stack{width:120px;height:160px}.current-holder{max-width:100%;min-height:300px}.progress-whisper{bottom:20px;font-size:12px}.stack-label{font-size:10px;top:-25px}}.notebook-3d{width:100%;height:100%;position:absolute;transform-style:preserve-3d;transition:all .5s cubic-bezier(.4,0,.2,1)}.notebook-3d .notebook-cover{width:100%;height:100%;background:var(--leather-brown);border-radius:4px;position:relative;border:3px solid var(--wood-dark)}.notebook-3d .notebook-spine{position:absolute;left:12px;top:0;bottom:0;width:4px;background:var(--wood-dark);border-radius:2px}.notebook-3d .notebook-pages{position:absolute;right:0;top:4px;bottom:4px;width:6px;background:var(--paper-aged);border-left:2px solid var(--wood-dark)}.notebook-stack-item{position:absolute;width:100%;height:100%;transform-style:preserve-3d;transition:transform .4s ease-out}.notebook-stack-item:nth-child(1){transform:translateY(0) translateZ(0)}.notebook-stack-item:nth-child(2){transform:translateY(-6px) translateZ(-10px)}.notebook-stack-item:nth-child(3){transform:translateY(-12px) translateZ(-20px)}.notebook-stack-item:nth-child(4){transform:translateY(-18px) translateZ(-30px)}.notebook-stack-item:nth-child(5){transform:translateY(-24px) translateZ(-40px)}.notebook-stack-item:nth-child(6){transform:translateY(-30px) translateZ(-50px)}.notebook-stack-item:nth-child(7){transform:translateY(-36px) translateZ(-60px)}.open-notebook{width:100%;max-width:600px;aspect-ratio:3/4;position:relative;transform-style:preserve-3d;transition:transform .6s cubic-bezier(.34,1.56,.64,1)}.current-page{width:100%;height:100%;background:var(--paper-cream);border-radius:4px;border:4px solid var(--wood-dark);position:relative;padding:60px 50px;transform-style:preserve-3d}.page-number-display{position:absolute;bottom:30px;right:50px;font-size:14px;color:var(--wood-dark);font-weight:700;background:var(--paper-white);padding:6px 12px;border-radius:4px;border:3px solid var(--wood-dark);pointer-events:none}.page-writing-area{width:100%;height:100%;background:repeating-linear-gradient(transparent,transparent 35px,rgba(139,111,71,.08) 35px,rgba(139,111,71,.08) 36px);position:relative}.page-textarea{width:100%;height:100%;background:transparent;border:none;outline:none;font-family:Georgia,Times New Roman,serif;font-size:48px;line-height:72px;color:var(--ink-black);resize:none;padding:0;margin:0;transition:font-size .4s cubic-bezier(.4,0,.2,1),line-height .4s cubic-bezier(.4,0,.2,1)}.page-textarea::placeholder{color:#4a372840;font-style:italic;font-family:Courier New,monospace}.page-textarea:focus{outline:none}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:var(--ink-blue);opacity:.6}.empty-state-text{font-size:18px;margin-bottom:20px;text-align:center;line-height:1.6}.empty-state-hint{font-size:14px;opacity:.7;text-align:center}.ink-bottle-container{position:absolute;top:30px;right:50px;display:flex;flex-direction:column;align-items:center;gap:8px;z-index:20}.ink-bottle{width:50px;height:70px;position:relative}.ink-bottle-body{width:100%;height:100%;background:#fff3;border:3px solid var(--wood-dark);border-radius:8px 8px 4px 4px;position:relative;overflow:hidden}.ink-bottle-cap{position:absolute;top:-8px;left:50%;transform:translate(-50%);width:30px;height:12px;background:var(--wood-dark);border-radius:4px 4px 0 0;border:3px solid var(--ink-black)}.ink-level{position:absolute;bottom:0;left:0;right:0;background:var(--ink-blue);transition:height .4s cubic-bezier(.4,0,.2,1);border-radius:0 0 2px 2px}.ink-count{font-size:13px;color:var(--wood-dark);font-weight:700;background:var(--paper-aged);padding:4px 8px;border-radius:4px;border:2px solid var(--wood-dark)}.ink-drop{position:absolute;width:6px;height:6px;background:var(--ink-blue);border-radius:50%;pointer-events:none;animation:inkDrop .6s cubic-bezier(.4,0,.2,1) forwards;opacity:0}.paper-ripple{position:absolute;border:2px solid rgba(74,55,40,.2);border-radius:50%;pointer-events:none;animation:rippleOut .5s cubic-bezier(.4,0,.2,1) forwards}@media (max-width: 640px){.current-page{padding:40px 24px}.page-number-display{bottom:16px;right:24px;font-size:12px;padding:4px 8px}.ink-bottle-container{top:16px;right:24px}.ink-bottle{width:36px;height:50px}.ink-bottle-cap{width:20px;height:8px}.ink-count{font-size:10px;padding:3px 6px}}@media (max-width: 400px){.current-page{padding:32px 16px}.page-number-display{bottom:12px;right:16px;font-size:10px}.ink-bottle-container{top:12px;right:16px}}.page-filled{opacity:.9;cursor:default}.page-filled .page-textarea{color:var(--ink-blue);opacity:.8}@media (max-width: 640px){.current-page{padding:40px 30px}.page-textarea{font-size:14px;line-height:26px}.page-writing-area{background:repeating-linear-gradient(transparent,transparent 26px,rgba(139,111,71,.12) 26px,rgba(139,111,71,.12) 27px)}.page-number-display{bottom:20px;right:30px;font-size:12px}}@keyframes pageFlip{0%{transform:rotateY(0) translateZ(0);opacity:1}50%{transform:rotateY(90deg) translateZ(50px);opacity:.8}to{transform:rotateY(180deg) translateZ(0);opacity:0}}@keyframes pageFlipIn{0%{transform:rotateY(-180deg) translateZ(0);opacity:0}50%{transform:rotateY(-90deg) translateZ(50px);opacity:.8}to{transform:rotateY(0) translateZ(0);opacity:1}}@keyframes notebookTake{0%{transform:translateY(0) translateZ(0) scale(1);opacity:1}50%{transform:translateY(-100px) translateZ(200px) scale(1.2);opacity:.9}to{transform:translateY(0) translateZ(0) scale(1);opacity:1}}@keyframes notebookComplete{0%{transform:translateY(0) translateZ(0) scale(1) rotateY(0);opacity:1}50%{transform:translateY(-80px) translateZ(150px) scale(1.1) rotateY(180deg);opacity:.9}to{transform:translateY(0) translateZ(0) scale(1) rotateY(360deg);opacity:1}}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes stackBreath{0%,to{transform:rotateY(-15deg) translateZ(50px) scale(1)}50%{transform:rotateY(-15deg) translateZ(60px) scale(1.02)}}.page-flip-out{animation:pageFlip .8s cubic-bezier(.645,.045,.355,1) forwards;transform-origin:left center}.page-flip-in{animation:pageFlipIn .8s cubic-bezier(.645,.045,.355,1) forwards;transform-origin:left center}.notebook-taking{animation:notebookTake 1.2s cubic-bezier(.34,1.56,.64,1)}.notebook-completing{animation:notebookComplete 1.5s cubic-bezier(.34,1.56,.64,1)}.fade-in{animation:fadeIn .6s ease-out}.stack-breath{animation:stackBreath 3s ease-in-out infinite}@keyframes inkDrop{0%{opacity:1;transform:translateY(0) scale(1)}50%{opacity:.8;transform:translateY(10px) scale(1.2)}to{opacity:0;transform:translateY(20px) scale(.5)}}@keyframes rippleOut{0%{width:0;height:0;opacity:.6}to{width:50px;height:50px;opacity:0}}@keyframes inkShimmer{0%,to{opacity:.3;transform:translate(-100%)}50%{opacity:.6;transform:translate(100%)}}@keyframes inkSplatter{0%{opacity:0;transform:scale(0) rotate(0)}50%{opacity:.4;transform:scale(1.5) rotate(180deg)}to{opacity:0;transform:scale(2) rotate(360deg)}}@keyframes letterAppear{0%{opacity:0;transform:translateY(-2px)}to{opacity:1;transform:translateY(0)}}.paper-rustle{animation:paperRustle .3s ease-out}.ink-splash{animation:inkSplatter .5s ease-out}.dovekey-branding-footer[data-astro-cid-uv3mrguq]{position:fixed;bottom:8px;right:12px;display:flex;justify-content:center;align-items:center;padding:.5rem .75rem;background:#0009;border-radius:6px;text-decoration:none;transition:opacity .15s,background .15s;opacity:.5;z-index:50}.dovekey-branding-footer[data-astro-cid-uv3mrguq]:hover{opacity:1;background:#000c}.dovekey-branding-footer[data-astro-cid-uv3mrguq]:focus-visible{outline:none;box-shadow:0 0 0 2px #fff,0 0 0 4px #000;opacity:1}.dovekey-branding-inner[data-astro-cid-uv3mrguq]{display:flex;flex-direction:row;align-items:center;gap:.5rem}