:root{--ink-burgundy: #7B1E3A;--ink-burgundy-light: #A03050;--ink-green: #2D4A3E;--ink-green-light: #3E6355;--ink-blue: #1A1A3E;--ink-blue-light: #2A2A5E;--ink-gold: #C6A94E;--ink-gold-light: #D4BD6E;--ink-black: #1C1812;--ink-sepia: #5C4A32;--mahogany: #2C1810;--mahogany-light: #3D2418;--mahogany-dark: #1A0E08;--leather: #3A2820;--leather-light: #4D3828;--charcoal-felt: #2A2626;--parchment: #E8DCC8;--parchment-dark: #D4C8AE;--parchment-light: #F2EDE0;--linen: #DDD5C0;--cream: #F5F0E1;--wax-crimson: #8B1A1A;--wax-gold: #B8960C;--wax-emerald: #1A5C3A;--brass: #B08D57;--brass-light: #D4AD6A;--brass-dark: #8A6D3B;--brass-glow: rgba(212, 173, 106, .4);--brass-etched: #6B5530;--candle-warm: rgba(255, 185, 80, .08);--candle-glow: rgba(255, 170, 50, .15);--candle-flicker: rgba(255, 200, 100, .05);--shadow-deep: rgba(10, 6, 2, .6);--shadow-mid: rgba(20, 12, 4, .35);--shadow-soft: rgba(30, 20, 8, .2);--font-display: "Playfair Display", Georgia, serif;--font-body: "IM Fell English", "Palatino Linotype", serif;--font-elegant: "Cormorant Garamond", Garamond, serif;--font-cursive: "Great Vibes", cursive;--font-handwritten: "Great Vibes", cursive;--fs-xs: .7rem;--fs-sm: .85rem;--fs-md: 1rem;--fs-lg: 1.25rem;--fs-xl: 1.6rem;--fs-2xl: 2.2rem;--fs-3xl: 3rem;--fs-4xl: 4rem;--lh-tight: 1.2;--lh-normal: 1.5;--lh-relaxed: 1.8;--sp-xs: 4px;--sp-sm: 8px;--sp-md: 16px;--sp-lg: 24px;--sp-xl: 32px;--sp-2xl: 48px;--sp-3xl: 64px;--radius-sm: 3px;--radius-md: 6px;--radius-lg: 12px;--radius-round: 50%;--border-ink: 1px solid var(--ink-sepia);--border-brass: 2px solid var(--brass);--ease-page: cubic-bezier(.4, 0, .2, 1);--ease-bounce: cubic-bezier(.68, -.55, .27, 1.55);--dur-fast: .2s;--dur-normal: .4s;--dur-slow: .8s;--dur-page-turn: 1.2s;--z-base: 1;--z-content: 10;--z-overlay: 100;--z-modal: 500;--z-nav: 900;--z-candle: 950;--z-tooltip: 1000}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}body{font-family:var(--font-body);color:var(--ink-black);background:var(--mahogany-dark);min-height:100vh;overflow-x:hidden;cursor:default;-webkit-user-select:none;user-select:none;touch-action:manipulation}input,textarea,[contenteditable]:not([data-allow-input]){display:none!important}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-2;background:repeating-linear-gradient(87deg,transparent,transparent 2px,rgba(60,30,15,.08) 2px,rgba(60,30,15,.08) 4px),repeating-linear-gradient(92deg,transparent,transparent 8px,rgba(80,40,20,.05) 8px,rgba(80,40,20,.05) 10px),radial-gradient(ellipse at 30% 20%,var(--mahogany-light) 0%,var(--mahogany) 50%,var(--mahogany-dark) 100%)}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.04'/%3E%3C/svg%3E");pointer-events:none}#candlelight-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-candle);pointer-events:none;background:radial-gradient(ellipse 600px 400px at 25% 15%,var(--candle-glow),transparent),radial-gradient(ellipse 400px 300px at 75% 25%,var(--candle-warm),transparent),radial-gradient(ellipse 300px 250px at 50% 80%,var(--candle-flicker),transparent);animation:candleFlicker 4s ease-in-out infinite alternate;mix-blend-mode:screen}@keyframes candleFlicker{0%{opacity:.6;background:radial-gradient(ellipse 600px 400px at 25% 15%,var(--candle-glow),transparent),radial-gradient(ellipse 400px 300px at 75% 25%,var(--candle-warm),transparent),radial-gradient(ellipse 300px 250px at 50% 80%,var(--candle-flicker),transparent)}25%{opacity:.75;background:radial-gradient(ellipse 580px 420px at 26% 14%,var(--candle-glow),transparent),radial-gradient(ellipse 420px 280px at 74% 26%,var(--candle-warm),transparent),radial-gradient(ellipse 320px 260px at 48% 82%,var(--candle-flicker),transparent)}50%{opacity:.55;background:radial-gradient(ellipse 620px 380px at 24% 16%,var(--candle-glow),transparent),radial-gradient(ellipse 380px 320px at 76% 24%,var(--candle-warm),transparent),radial-gradient(ellipse 280px 240px at 52% 78%,var(--candle-flicker),transparent)}75%{opacity:.7;background:radial-gradient(ellipse 590px 410px at 27% 13%,var(--candle-glow),transparent),radial-gradient(ellipse 410px 290px at 73% 27%,var(--candle-warm),transparent),radial-gradient(ellipse 310px 250px at 49% 81%,var(--candle-flicker),transparent)}to{opacity:.65;background:radial-gradient(ellipse 610px 390px at 23% 17%,var(--candle-glow),transparent),radial-gradient(ellipse 390px 310px at 77% 23%,var(--candle-warm),transparent),radial-gradient(ellipse 290px 240px at 51% 79%,var(--candle-flicker),transparent)}}#app{position:relative;min-height:100vh;padding-bottom:80px;z-index:var(--z-content)}.page-enter{animation:pageIn var(--dur-slow) var(--ease-page) forwards}.page-exit{animation:pageOut var(--dur-normal) var(--ease-page) forwards}@keyframes pageIn{0%{opacity:0;transform:perspective(1200px) rotateY(-3deg) translate(30px);filter:brightness(.7)}to{opacity:1;transform:perspective(1200px) rotateY(0) translate(0);filter:brightness(1)}}@keyframes pageOut{0%{opacity:1;transform:perspective(1200px) rotateY(0) translate(0)}to{opacity:0;transform:perspective(1200px) rotateY(3deg) translate(-30px);filter:brightness(.7)}}.parchment{background:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23g)' opacity='0.06'/%3E%3C/svg%3E"),linear-gradient(168deg,var(--parchment-light) 0%,var(--parchment) 40%,var(--parchment-dark) 100%);color:var(--ink-black);border:1px solid rgba(92,74,50,.3);box-shadow:0 2px 8px var(--shadow-soft),0 8px 24px var(--shadow-mid),inset 0 1px #ffffff4d}.parchment-torn{position:relative}.parchment-torn:after{content:"";position:absolute;bottom:-4px;left:0;right:0;height:8px;background:var(--parchment);mask-image:url("data:image/svg+xml,%3Csvg width='200' height='8' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0,4 Q10,0 20,4 Q30,8 40,4 Q50,0 60,4 Q70,8 80,4 Q90,0 100,4 Q110,8 120,4 Q130,0 140,4 Q150,8 160,4 Q170,0 180,4 Q190,8 200,4' fill='white'/%3E%3C/svg%3E");mask-size:200px 8px;mask-repeat:repeat-x;-webkit-mask-image:url("data:image/svg+xml,%3Csvg width='200' height='8' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0,4 Q10,0 20,4 Q30,8 40,4 Q50,0 60,4 Q70,8 80,4 Q90,0 100,4 Q110,8 120,4 Q130,0 140,4 Q150,8 160,4 Q170,0 180,4 Q190,8 200,4' fill='white'/%3E%3C/svg%3E");-webkit-mask-size:200px 8px;-webkit-mask-repeat:repeat-x}.leather{background:url("data:image/svg+xml,%3Csvg viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='l'%3E%3CfeTurbulence type='turbulence' baseFrequency='0.5' numOctaves='5' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23l)' opacity='0.08'/%3E%3C/svg%3E"),linear-gradient(135deg,var(--leather) 0%,var(--leather-light) 50%,var(--leather) 100%);box-shadow:inset 0 2px 4px #0000004d,0 4px 12px var(--shadow-mid)}.long-shadow{text-shadow:1px 1px 0 rgba(0,0,0,.1),2px 2px 0 rgba(0,0,0,.08),3px 3px 0 rgba(0,0,0,.06),4px 4px 0 rgba(0,0,0,.04),5px 5px 8px rgba(0,0,0,.15)}.deckle-edge{border-radius:2px;filter:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='d'%3E%3CfeTurbulence type='turbulence' baseFrequency='0.04' numOctaves='5' result='noise'/%3E%3CfeDisplacementMap in='SourceGraphic' in2='noise' scale='3' xChannelSelector='R' yChannelSelector='G'/%3E%3C/filter%3E%3C/svg%3E#d")}.font-display{font-family:var(--font-display)}.font-body{font-family:var(--font-body)}.font-elegant{font-family:var(--font-elegant)}.font-cursive{font-family:var(--font-cursive)}.font-handwritten{font-family:var(--font-handwritten)}.handwritten-title{font-family:var(--font-handwritten);color:var(--ink-gold);letter-spacing:1px}.handwritten-subtitle{font-family:var(--font-body);color:var(--parchment-dark);font-style:italic;letter-spacing:1px}.handwritten-desc{font-family:var(--font-body);color:var(--ink-sepia);line-height:var(--lh-relaxed)}.text-gold{color:var(--ink-gold)}.text-burgundy{color:var(--ink-burgundy)}.text-green{color:var(--ink-green)}.text-blue{color:var(--ink-blue)}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--mahogany-dark)}::-webkit-scrollbar-thumb{background:var(--brass-dark);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--brass)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.envelope{position:relative;width:340px;max-width:90vw;height:220px;background:linear-gradient(170deg,#c4b9a0,#b8a88c 40%,#a89878);border-radius:4px;box-shadow:0 4px 16px var(--shadow-mid),0 12px 40px var(--shadow-deep),inset 0 1px #fff3;cursor:pointer;transition:transform var(--dur-normal) var(--ease-page),box-shadow var(--dur-normal);perspective:1000px}.envelope:hover{transform:translateY(-4px) rotateX(2deg);box-shadow:0 8px 24px var(--shadow-mid),0 20px 60px var(--shadow-deep)}.envelope-flap{position:absolute;top:0;left:0;right:0;height:50%;background:linear-gradient(180deg,#b8a88c,#a89878);clip-path:polygon(0 0,50% 100%,100% 0);transform-origin:top center;transition:transform var(--dur-slow) var(--ease-page);z-index:2}.envelope.open .envelope-flap{transform:rotateX(180deg)}.envelope-letter{position:absolute;top:10px;right:10px;bottom:10px;left:10px;background:var(--parchment);border-radius:2px;transform:translateY(0);transition:transform var(--dur-slow) var(--ease-page);z-index:1;overflow:hidden}.envelope.open .envelope-letter{transform:translateY(-80%)}.envelope-seal{position:absolute;bottom:30%;left:50%;transform:translate(-50%);width:48px;height:48px;border-radius:50%;z-index:3;box-shadow:0 2px 6px #0006,inset 0 -2px 4px #0003,inset 0 2px 4px #ffffff26}.seal-crimson{background:radial-gradient(circle at 40% 35%,#C42020,var(--wax-crimson) 60%,#5A0A0A)}.seal-gold{background:radial-gradient(circle at 40% 35%,#DAB020,var(--wax-gold) 60%,#7A5A00)}.seal-emerald{background:radial-gradient(circle at 40% 35%,#28884A,var(--wax-emerald) 60%,#0A3A1A)}#brass-nav{position:fixed;bottom:0;left:0;right:0;height:68px;z-index:var(--z-nav);display:flex;align-items:center;justify-content:space-around;background:repeating-linear-gradient(90deg,transparent,transparent 1px,rgba(0,0,0,.03) 1px,rgba(0,0,0,.03) 2px),linear-gradient(180deg,var(--brass-light) 0%,var(--brass) 40%,var(--brass-dark) 100%);border-top:1px solid rgba(255,255,255,.15);box-shadow:0 -2px 12px var(--shadow-mid),inset 0 1px #fff3,inset 0 -1px #0003}.nav-btn{display:flex;flex-direction:column;align-items:center;gap:2px;padding:8px 12px;background:none;border:none;cursor:pointer;color:var(--mahogany-dark);transition:all var(--dur-fast);position:relative;-webkit-tap-highlight-color:transparent}.nav-btn svg{width:26px;height:26px;stroke:var(--mahogany-dark);stroke-width:1.5;fill:none;filter:drop-shadow(0 1px 1px rgba(0,0,0,.15));transition:all var(--dur-fast)}.nav-btn span{font-family:var(--font-elegant);font-size:var(--fs-xs);letter-spacing:.5px;text-transform:uppercase;opacity:.7;transition:opacity var(--dur-fast)}.nav-btn.active svg{stroke:var(--mahogany-dark);filter:drop-shadow(0 0 6px var(--brass-glow))}.nav-btn.active span{opacity:1}.nav-btn.active:after{content:"";position:absolute;bottom:4px;left:50%;transform:translate(-50%);width:4px;height:4px;border-radius:50%;background:var(--mahogany-dark);box-shadow:0 0 6px #0000004d}.bookshelf{display:flex;align-items:flex-end;gap:3px;padding:var(--sp-lg);perspective:800px}.book-spine{width:50px;height:200px;border-radius:3px 6px 6px 3px;cursor:pointer;transition:transform var(--dur-normal) var(--ease-bounce);transform-origin:left center;position:relative;box-shadow:2px 0 4px #0000004d,inset -2px 0 4px #0003,inset 2px 0 4px #ffffff1a}.book-spine:hover{transform:rotateY(-25deg) translate(8px);z-index:10}.book-spine-title{writing-mode:vertical-rl;text-orientation:mixed;font-family:var(--font-display);font-size:var(--fs-xs);color:var(--ink-gold);text-shadow:0 1px 2px rgba(0,0,0,.5);padding:var(--sp-md) var(--sp-xs);letter-spacing:1px;text-transform:uppercase}.book-burgundy{background:linear-gradient(90deg,#5a1525,#7b1e3a,#5a1525)}.book-green{background:linear-gradient(90deg,#1a3028,#2d4a3e,#1a3028)}.book-blue{background:linear-gradient(90deg,#12122a,#1a1a3e,#12122a)}.book-brown{background:linear-gradient(90deg,#2a1a10,#3d2418,#2a1a10)}.book-gold{background:linear-gradient(90deg,#6a5a20,#8a7a30,#6a5a20)}.wax-seal{width:80px;height:80px;border-radius:50%;position:relative;cursor:pointer;transition:transform var(--dur-fast);box-shadow:0 3px 8px #0006,inset 0 -3px 6px #0000004d,inset 0 3px 6px #ffffff26}.wax-seal:active{transform:scale(.95)}.wax-seal-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:40px;height:40px;opacity:.3}.catalog-card{width:200px;padding:var(--sp-md) var(--sp-lg);background:var(--cream);border:1px solid rgba(92,74,50,.2);border-radius:2px;font-family:var(--font-body);font-size:var(--fs-sm);color:var(--ink-sepia);box-shadow:0 2px 6px var(--shadow-soft);position:relative}.catalog-card:before{content:"";position:absolute;top:8px;left:8px;right:8px;height:1px;background:repeating-linear-gradient(90deg,var(--ink-sepia) 0,var(--ink-sepia) 4px,transparent 4px,transparent 8px);opacity:.3}.catalog-card-label{font-family:var(--font-elegant);font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:1.5px;color:var(--brass-dark);margin-bottom:var(--sp-xs)}.catalog-card-value{font-family:var(--font-cursive);font-size:var(--fs-xl);color:var(--ink-burgundy)}.painting-frame{position:relative;display:inline-block;padding:12px;background:linear-gradient(135deg,#c6a94e,#a08530,#d4bd6e,#a08530,#c6a94e);border-radius:4px;box-shadow:0 4px 16px var(--shadow-mid),inset 0 2px 4px #ffffff4d,inset 0 -2px 4px #0000004d}.painting-frame-inner{border:3px solid var(--brass-dark);box-shadow:inset 0 2px 8px #0006;overflow:hidden}.ink-bottle{width:36px;height:48px;position:relative;cursor:pointer;transition:transform var(--dur-fast)}.ink-bottle:hover{transform:translateY(-4px) rotate(-5deg)}.ink-bottle-body{width:100%;height:36px;border-radius:4px 4px 8px 8px;position:absolute;bottom:0;box-shadow:inset 0 -4px 8px #0000004d,inset 0 2px 4px #ffffff26,0 2px 6px #0000004d}.ink-bottle-neck{width:16px;height:14px;position:absolute;top:0;left:50%;transform:translate(-50%);border-radius:2px 2px 0 0;background:#3c3228e6;box-shadow:inset 0 1px 2px #0000004d}.ink-bottle.active{transform:translateY(-6px) rotate(-8deg)}.polaroid{background:#f5f2ea;padding:12px 12px 40px;box-shadow:0 4px 12px var(--shadow-mid),0 1px 3px var(--shadow-soft);transform:rotate(-2deg);transition:transform var(--dur-normal)}.polaroid img{width:100%;display:block;filter:sepia(15%) contrast(1.05)}.torn-photo{position:relative;display:inline-block}.torn-photo:before,.torn-photo:after{content:"";position:absolute;left:0;right:0;height:6px;background:#fff;mask-image:url("data:image/svg+xml,%3Csvg width='200' height='6' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0,3 Q5,0 10,3 Q15,6 20,3 Q25,0 30,3 Q35,6 40,3 Q45,0 50,3 Q55,6 60,3 Q65,0 70,3 Q75,6 80,3 Q85,0 90,3 Q95,6 100,3 Q105,0 110,3 Q115,6 120,3 Q125,0 130,3 Q135,6 140,3 Q145,0 150,3 Q155,6 160,3 Q165,0 170,3 Q175,6 180,3 Q185,0 190,3 Q195,6 200,3' fill='white'/%3E%3C/svg%3E");-webkit-mask-image:url("data:image/svg+xml,%3Csvg width='200' height='6' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0,3 Q5,0 10,3 Q15,6 20,3 Q25,0 30,3 Q35,6 40,3 Q45,0 50,3 Q55,6 60,3 Q65,0 70,3 Q75,6 80,3 Q85,0 90,3 Q95,6 100,3 Q105,0 110,3 Q115,6 120,3 Q125,0 130,3 Q135,6 140,3 Q145,0 150,3 Q155,6 160,3 Q165,0 170,3 Q175,6 180,3 Q185,0 190,3 Q195,6 200,3' fill='white'/%3E%3C/svg%3E");mask-size:200px 6px;-webkit-mask-size:200px 6px;mask-repeat:repeat-x;-webkit-mask-repeat:repeat-x}.torn-photo:before{top:-3px}.torn-photo:after{bottom:-3px;transform:scaleY(-1)}.stamp-tray{display:flex;gap:var(--sp-sm);padding:var(--sp-sm) var(--sp-md);background:var(--leather);border-radius:var(--radius-md);box-shadow:inset 0 2px 6px #0000004d}.stamp-btn{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:none;border:none;cursor:pointer;font-size:22px;opacity:.7;transition:all var(--dur-fast);-webkit-tap-highlight-color:transparent}.stamp-btn:active{transform:scale(1.3);opacity:1}.placed-stamp{position:absolute;font-size:28px;animation:stampPress .3s var(--ease-bounce) forwards;pointer-events:none}@keyframes stampPress{0%{transform:scale(2) rotate(0);opacity:0}60%{transform:scale(.9) rotate(-5deg);opacity:1}to{transform:scale(1) rotate(-3deg);opacity:.85}}.wooden-drawer{background:repeating-linear-gradient(88deg,transparent,transparent 3px,rgba(60,30,15,.06) 3px,rgba(60,30,15,.06) 5px),linear-gradient(180deg,var(--mahogany-light) 0%,var(--mahogany) 100%);border-radius:var(--radius-sm);padding:var(--sp-md);box-shadow:0 4px 12px var(--shadow-mid),inset 0 1px #ffffff1a,inset 0 -1px #0003;overflow:hidden;transition:max-height var(--dur-slow) var(--ease-page)}.drawer-handle{width:40px;height:8px;margin:0 auto var(--sp-sm);background:var(--brass);border-radius:4px;box-shadow:0 1px 3px #0000004d,inset 0 1px #fff3;cursor:pointer}.scroll-container{position:relative;margin:var(--sp-lg) auto;max-width:500px}.scroll-body{background:var(--parchment);padding:var(--sp-2xl) var(--sp-lg);border-left:3px solid var(--parchment-dark);border-right:3px solid var(--parchment-dark);min-height:400px;box-shadow:-4px 0 8px var(--shadow-soft),4px 0 8px var(--shadow-soft)}.scroll-top,.scroll-bottom{height:30px;background:linear-gradient(180deg,var(--parchment-dark),var(--parchment));border-radius:50%/100%;box-shadow:0 2px 8px var(--shadow-soft)}.scroll-bottom{background:linear-gradient(0deg,var(--parchment-dark),var(--parchment))}.ink-toolbar{display:flex;align-items:center;gap:var(--sp-sm);padding:var(--sp-sm) var(--sp-md);background:var(--leather);border-radius:var(--radius-lg);box-shadow:0 4px 16px var(--shadow-mid),inset 0 1px #ffffff14}.tool-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:#ffffff0d;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-md);cursor:pointer;transition:all var(--dur-fast);color:var(--parchment);-webkit-tap-highlight-color:transparent}.tool-btn:hover{background:#ffffff1f}.tool-btn.active{background:#ffffff26;border-color:var(--brass);box-shadow:0 0 8px var(--brass-glow)}.tool-btn svg{width:20px;height:20px;stroke:var(--parchment);stroke-width:1.5;fill:none}.tool-separator{width:1px;height:24px;background:#ffffff1a}.fade-in{animation:fadeIn var(--dur-normal) var(--ease-page) forwards}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.slide-up{animation:slideUp var(--dur-normal) var(--ease-page) forwards}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}