@import"https://fonts.googleapis.com/css2?family=Crimson+Text:ital,wght@0,400;0,600;1,400&family=Dancing+Script:wght@400;500;600;700&display=swap";:root{--parchment-base: #f4f1e8;--parchment-aged: #e8e0d0;--parchment-shadow: #d4c5a9;--ink-dark: #2c1810;--ink-medium: #5d4e37;--ink-light: #8b7355;--quill-gold: #d4af37;--sepia-warm: #704214}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Crimson Text,serif;background:linear-gradient(45deg,var(--parchment-aged) 0%,var(--parchment-base) 50%,var(--parchment-aged) 100%);background-size:400% 400%;animation:parchmentShift 20s ease-in-out infinite;color:var(--ink-dark);line-height:1.6;min-height:100vh;position:relative}@keyframes parchmentShift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background-image:radial-gradient(circle at 25% 25%,rgba(139,115,85,.02) 0%,transparent 50%),radial-gradient(circle at 75% 75%,rgba(93,78,55,.03) 0%,transparent 50%),radial-gradient(circle at 15% 80%,rgba(44,24,16,.04) 0%,transparent 30%),repeating-linear-gradient(45deg,transparent,transparent 2px,rgba(212,197,169,.01) 2px,rgba(212,197,169,.01) 4px),repeating-linear-gradient(0deg,transparent,transparent 1px,rgba(139,115,85,.005) 1px,rgba(139,115,85,.005) 2px);pointer-events:none;z-index:-1}h1,h2,h3{font-family:Dancing Script,cursive;color:var(--sepia-warm);margin-bottom:1.5rem;text-shadow:1px 1px 2px rgba(212,197,169,.3)}h1{font-size:3rem;font-weight:700}h2{font-size:2.2rem;font-weight:600}h3{font-size:1.8rem;font-weight:500}.parchment{background:linear-gradient(135deg,var(--parchment-base) 0%,var(--parchment-aged) 100%);border:none;border-radius:0;box-shadow:0 4px 8px #2c18101a,inset 0 1px #fff6,inset 0 -1px #d4c5a94d;position:relative;margin:2rem 0;padding:2rem;clip-path:polygon(0% 1%,5% 0%,10% .5%,20% 0%,30% .5%,40% 0%,50% .5%,60% 0%,70% .5%,80% 0%,90% .5%,95% 0%,100% 1%,100% 99%,95% 100%,90% 99.5%,80% 100%,70% 99.5%,60% 100%,50% 99.5%,40% 100%,30% 99.5%,20% 100%,10% 99.5%,5% 100%,0% 99%)}.parchment:before{content:"";position:absolute;inset:-2px;background:var(--parchment-shadow);border-radius:10px;z-index:-1;transform:rotate(.5deg)}.parchment:after{content:"";position:absolute;inset:-1px;background:var(--parchment-aged);border-radius:9px;z-index:-1;transform:rotate(-.3deg)}.sticky-note{background:linear-gradient(45deg,#fff8dc,beige);border:none;box-shadow:0 4px 8px #0000001a,0 1px 2px #0000000f;padding:1.5rem;margin:1.5rem 0;position:relative;transform:rotate(-1deg);transition:transform .3s ease,box-shadow .3s ease;clip-path:polygon(0% .5%,10% 0%,20% .5%,30% 0%,40% .5%,50% 0%,60% .5%,70% 0%,80% .5%,90% 0%,100% .5%,99.5% 10%,100% 20%,99.5% 30%,100% 40%,99.5% 50%,100% 60%,99.5% 70%,100% 80%,99.5% 90%,100% 99.5%,90% 100%,80% 99.5%,70% 100%,60% 99.5%,50% 100%,40% 99.5%,30% 100%,20% 99.5%,10% 100%,0% 99.5%,.5% 90%,0% 80%,.5% 70%,0% 60%,.5% 50%,0% 40%,.5% 30%,0% 20%,.5% 10%)}.sticky-note:nth-child(2n):before{content:"";position:absolute;top:-8px;left:20%;width:60px;height:20px;background:#ffffffb3;border:1px solid rgba(0,0,0,.1);border-radius:2px;transform:rotate(-5deg);box-shadow:0 1px 2px #0000001a;z-index:1}.sticky-note:hover{transform:rotate(0) scale(1.02);box-shadow:0 8px 16px #00000026,0 2px 4px #0000001a}.sticky-note:nth-child(2n){transform:rotate(1deg);background:linear-gradient(45deg,#f0f8ff,#e6f3ff)}.sticky-note:nth-child(3n){background:linear-gradient(45deg,#f5fffa,#f0fff0);transform:rotate(-.5deg)}.corner-fold{position:relative;overflow:hidden}.corner-fold:before{content:"";position:absolute;top:0;right:0;width:20px;height:20px;background:linear-gradient(135deg,transparent 45%,var(--parchment-shadow) 50%,var(--parchment-aged) 55%);z-index:1}a{color:var(--sepia-warm);text-decoration:underline;text-decoration-style:wavy;text-decoration-color:var(--quill-gold);transition:all .3s ease}a:hover{color:var(--quill-gold);text-decoration-color:var(--sepia-warm)}blockquote{font-style:italic;border-left:3px solid var(--quill-gold);margin:2.5rem 0;padding:1rem 0 1rem 2rem;color:var(--ink-medium);position:relative}blockquote:before{content:'"';font-family:Dancing Script,cursive;font-size:4rem;color:var(--quill-gold);position:absolute;left:-.5rem;top:-1rem;opacity:.3}ul,ol{margin:1.5rem 0;padding-left:2.5rem}li{margin-bottom:.8rem;padding-left:.5rem}.ink-blot{width:8px;height:8px;background:var(--ink-dark);border-radius:50%;position:absolute;opacity:.1}main{max-width:800px;margin:0 auto;padding:3rem 2rem;position:relative}main:before{content:"✧";position:absolute;top:25%;left:-30px;font-size:1.2rem;color:#8b73554d;transform:rotate(15deg)}main:after{content:"※";position:absolute;top:65%;right:-25px;font-size:1rem;color:#5d4e3733;transform:rotate(-20deg)}.torn-edge{position:relative}.torn-edge:after{content:"";position:absolute;top:0;left:0;right:0;height:8px;background:repeating-linear-gradient(90deg,transparent 0px,transparent 4px,var(--parchment-shadow) 4px,var(--parchment-shadow) 6px,transparent 6px,transparent 10px);clip-path:polygon(0% 0%,8% 100%,16% 20%,24% 100%,32% 40%,40% 100%,48% 10%,56% 100%,64% 60%,72% 100%,80% 30%,88% 100%,96% 50%,100% 100%,100% 0%)}.logout-btn{background:none;border:none;color:var(--ink-medium);font-family:Dancing Script,cursive;font-size:.9rem;cursor:pointer;padding:.5rem;border-radius:4px;transition:color .3s ease,background-color .3s ease;opacity:.7;text-decoration:none;display:inline-block}.logout-btn:hover{color:var(--sepia-warm);background-color:#d4c5a91a;opacity:1;text-decoration:none}@keyframes pageCurl{0%,to{transform:rotateY(0) rotateX(0)}50%{transform:rotateY(.5deg) rotateX(-.2deg)}}.parchment:hover{animation:pageCurl 3s ease-in-out infinite}.margin-note{position:absolute;font-family:Dancing Script,cursive;font-size:.8rem;color:#2c181066;transform:rotate(-5deg);pointer-events:none}.margin-note:nth-child(odd){left:-80px;transform:rotate(5deg)}.margin-note:nth-child(2n){right:-70px;transform:rotate(-8deg)}.watercolor-stain{position:absolute;border-radius:50%;background:radial-gradient(ellipse at center,rgba(139,115,85,.03) 0%,rgba(139,115,85,.01) 70%,transparent 100%);pointer-events:none;z-index:-1}.watercolor-stain:nth-child(1){width:120px;height:80px;top:10%;left:5%;transform:rotate(25deg)}.watercolor-stain:nth-child(2){width:90px;height:60px;bottom:20%;right:8%;transform:rotate(-15deg)}.photo-insert{margin:3rem 0;text-align:center;padding:1rem 0}.photo-insert img{max-width:80%;height:auto;display:block;margin:0 auto}.photo-insert:nth-child(2n) img{transform:none}.photo-insert img:hover{transform:scale(1.02);box-shadow:none}.photo-caption{font-family:Dancing Script,cursive;font-size:1rem;color:var(--ink-medium);font-style:italic;margin-top:.5rem;transform:rotate(-1deg)}.photo-caption:nth-child(2n){transform:rotate(1deg)}.photo-insert:before{content:"";position:absolute;top:15%;left:50%;transform:translate(-50%) rotate(-8deg);width:40px;height:15px;background:#fffc;border:1px solid rgba(0,0,0,.1);border-radius:1px;box-shadow:0 1px 2px #0000001a;z-index:2}.photo-insert:nth-child(odd):before{top:10%;right:20%;left:auto;transform:rotate(12deg)}@media (max-width: 768px){h1{font-size:2.5rem}h2{font-size:2rem}h3{font-size:1.5rem}.parchment,.sticky-note{margin:1rem 0;padding:1rem}main{padding:2rem 1.5rem}main:before,main:after{display:none}.photo-insert img{max-width:95%}.photo-insert:before{display:none}}.reading-progress.svelte-1h2iumw{position:fixed;top:0;left:0;height:3px;background:linear-gradient(90deg,var(--ink-medium),var(--ink-dark));z-index:1000;transition:width .3s ease;box-shadow:0 0 10px #8b73554d}.back-to-top.svelte-1fosz2u{position:fixed;bottom:2rem;right:2rem;width:50px;height:50px;border:2px solid var(--parchment-border);border-radius:50%;background:var(--parchment-bg);color:var(--ink-dark);cursor:pointer;z-index:1000;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #2c181026;transition:all .3s ease;animation:svelte-1fosz2u-fadeInUp .3s ease-out}.back-to-top.svelte-1fosz2u:hover{transform:translateY(-2px) scale(1.05);box-shadow:0 6px 20px #2c181033;background:var(--parchment-aged)}@keyframes svelte-1fosz2u-fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.back-to-top.svelte-1fosz2u{bottom:1rem;right:1rem;width:45px;height:45px}}