:root{color-scheme:light;font-family:Georgia,Times New Roman,serif;--ink: #26170c;--ink-soft: #63431f;--gold: #94621d;--gold-bright: #ddb45f;--paper: #ebc98e;--paper-light: #f5dfb2;--paper-dark: #c8954e;--leather: #20130c;--leather-warm: #4b2b16;--line: rgba(107, 70, 28, .28);--ui-bg: rgba(239, 214, 171, .58);--ui-border: rgba(92, 58, 24, .23);--shadow: rgba(55, 31, 11, .32);--radius: 8px}*{box-sizing:border-box}html,body,#root{height:100%;min-height:0;margin:0;overflow:hidden}body{color:var(--ink);background:radial-gradient(circle at 18% 20%,rgba(255,244,213,.7),transparent 32rem),radial-gradient(circle at 82% 82%,rgba(156,97,33,.18),transparent 26rem),linear-gradient(115deg,#f1d8a7,#dfb978 48%,#f2dcad);overflow:hidden}button,input{font:inherit}button{color:inherit}button:focus-visible,input:focus-visible{outline:3px solid rgba(184,135,45,.42);outline-offset:3px}.app-shell{position:relative;height:100svh;min-height:0;overflow:hidden;isolation:isolate}.app-shell:before,.app-shell:after{content:"";position:fixed;inset:0;z-index:-3;pointer-events:none}.app-shell:before{background:radial-gradient(ellipse at 18% 42%,rgba(112,70,27,.12),transparent 25rem),radial-gradient(ellipse at 77% 24%,rgba(255,246,220,.28),transparent 32rem),radial-gradient(circle at 47% 35%,rgba(255,255,255,.18),transparent 35rem),repeating-linear-gradient(104deg,rgba(116,73,25,.025) 0 1px,transparent 1px 16px),repeating-linear-gradient(12deg,rgba(255,248,222,.04) 0 1px,transparent 1px 22px);opacity:.72}.app-shell:after{z-index:-2;background-image:radial-gradient(rgba(83,48,18,.12) 1px,transparent 1px),radial-gradient(rgba(255,246,221,.28) 1px,transparent 1px);background-position:0 0,12px 18px;background-size:30px 30px,42px 42px;opacity:.32;mix-blend-mode:multiply}.topbar{position:fixed;top:28px;left:28px;right:28px;z-index:40;display:flex;align-items:center;justify-content:space-between;gap:24px;pointer-events:none}.brand-pill,.nav-button,.secondary-action,.primary-action{border:1px solid var(--ui-border);background:linear-gradient(180deg,#fff1d0c7,#e7c790a8),var(--ui-bg);box-shadow:inset 0 1px #ffffff85,0 4px 14px #4d2f1121;color:var(--ink)}.brand-pill{display:inline-flex;min-height:54px;align-items:center;gap:12px;padding:0 24px;border-radius:999px;font-size:18px;line-height:1;pointer-events:auto}.brand-pill-button{cursor:pointer;transition:transform .16s ease,box-shadow .16s ease,background .16s ease}.brand-pill-button:hover{transform:translateY(-1px);box-shadow:inset 0 1px #ffffff94,0 8px 20px #4d2f112e}.brand-pill-button:active{transform:translateY(1px) scale(.99)}.nav-actions{display:flex;align-items:center;gap:14px;pointer-events:auto}.nav-button{position:relative;display:inline-flex;min-height:50px;align-items:center;justify-content:center;gap:9px;padding:0 19px;border-radius:999px;font-size:18px;cursor:pointer;transition:transform .16s ease,box-shadow .16s ease,background .16s ease}.nav-button:hover,.secondary-action:hover,.primary-action:hover,.closed-book:hover{transform:translateY(-1px);box-shadow:inset 0 1px #ffffff94,0 8px 20px #4d2f112e}.nav-button:active,.secondary-action:active,.primary-action:active,.closed-book:active{transform:translateY(1px) scale(.99)}.language-switcher{position:relative}.language-button{min-width:74px;padding:0 15px 0 18px}.language-menu{position:absolute;right:0;top:calc(100% + 10px);display:grid;min-width:182px;padding:8px;border:1px solid rgba(88,56,24,.23);border-radius:var(--radius);background:repeating-radial-gradient(circle at 37% 44%,rgba(103,66,23,.065) 0 1px,transparent 1px 9px),linear-gradient(145deg,#ffeecafa,#e5c48af7);box-shadow:0 22px 44px #3e270f38}.language-option{display:flex;width:100%;align-items:center;justify-content:flex-start;gap:12px;padding:10px 12px;border:0;border-radius:6px;background:transparent;color:var(--ink);font-size:15px;text-align:left;cursor:pointer}.language-option span{min-width:26px;color:#805721;font-size:12px;letter-spacing:0}.language-option:hover,.language-option.active{background:#764d1d1f}.page{position:relative;display:grid;height:100svh;min-height:0;padding:76px 28px 28px;overflow:hidden}.hero-copy{position:relative;z-index:8;margin:0 auto;text-align:center}.hero-copy h1{position:relative;display:inline-flex;align-items:center;gap:clamp(14px,1.7vw,24px);margin:0;color:#795018;font-size:clamp(54px,6.2vw,104px);font-weight:500;line-height:1.02;text-shadow:0 2px 0 #f7d897,0 5px 11px rgba(71,41,11,.18)}.hero-copy h1:before,.hero-copy h1:after{content:"";display:inline-block;width:.62em;height:.34em;border-radius:80% 0;background:linear-gradient(90deg,transparent 0 46%,rgba(103,74,34,.8) 47% 55%,transparent 56%),radial-gradient(ellipse at 24% 58%,#7f612d 0 34%,transparent 36%),radial-gradient(ellipse at 76% 42%,#7f612d 0 34%,transparent 36%);opacity:.82;transform:rotate(23deg)}.hero-copy h1:after{transform:rotate(203deg)}.hero-copy p{max-width:1340px;margin:16px auto 0;color:#2d1c10;font-size:clamp(28px,2.8vw,44px);line-height:1.12}.cover-page{grid-template-rows:auto minmax(0,1fr) auto;gap:16px}.cover-stage,.book-stage{position:relative;display:grid;place-items:center}.cover-stage{min-height:0;perspective:1500px}.closed-book{position:relative;width:min(35vw,490px,calc((100svh - 300px)*.78));min-width:330px;aspect-ratio:.78;padding:0;border:0;background:transparent;cursor:pointer;transform:rotateX(3deg) rotate(.5deg);transform-style:preserve-3d;filter:drop-shadow(28px 34px 36px rgba(50,28,11,.38));transition:transform .9s cubic-bezier(.2,.75,.2,1),filter .16s ease}.closed-book:before{content:"";position:absolute;inset:20px 19px 30px 34px;z-index:3;border:2px solid rgba(132,88,34,.34);border-radius:19px 13px 17px 16px;background:linear-gradient(90deg,rgba(87,49,17,.3),transparent 8% 90%,rgba(130,78,23,.18)),repeating-radial-gradient(circle at 47% 45%,rgba(101,68,31,.08) 0 1px,transparent 1px 10px),linear-gradient(135deg,#f3dcab,#deb066 62%,#c58b42);box-shadow:inset 18px 0 24px #47270d38,inset -10px 0 18px #ffeeb833;opacity:.92;transform:translateZ(-1px)}.closed-book:after{content:"";position:absolute;left:21px;top:24px;bottom:35px;z-index:4;width:22px;border-radius:16px 0 0 16px;background:linear-gradient(90deg,rgba(27,16,8,.52),rgba(120,78,31,.18),transparent);opacity:0;transform-origin:left center;pointer-events:none}.closed-book:disabled{cursor:wait}.cover-page.is-opening .closed-book{transform:translate(6px) rotateX(7deg) rotate(-.7deg) scale(1.015)}.cover-page.is-opening .closed-book:after{animation:spineOpeningShadow 1.28s cubic-bezier(.16,.72,.22,1) both}.book-cover-face{position:absolute;inset:0;z-index:8;overflow:hidden;border:3px solid #130e0b;border-radius:26px 21px 24px 22px;background:radial-gradient(circle at 35% 18%,rgba(255,219,131,.15),transparent 28%),radial-gradient(circle at 68% 70%,rgba(255,186,79,.08),transparent 24%),linear-gradient(135deg,rgba(255,214,91,.11),transparent 23%),repeating-linear-gradient(105deg,rgba(231,163,58,.13) 0 1px,transparent 1px 12px),repeating-linear-gradient(18deg,rgba(0,0,0,.16) 0 1px,transparent 1px 18px),linear-gradient(145deg,#1b130e,#372113 48%,#17100c);box-shadow:inset 0 0 0 15px #170d0742,inset 0 0 0 22px #bc882833,inset 0 0 36px #0000008c;transform-origin:left center;transform-style:preserve-3d;backface-visibility:visible;will-change:transform,box-shadow;transition:transform 1s cubic-bezier(.2,.75,.2,1)}.cover-page.is-opening .book-cover-face{animation:bookCoverOpen 1.28s cubic-bezier(.16,.72,.22,1) both}@keyframes bookCoverOpen{0%{transform:translate(0) rotateY(0) rotate(0);box-shadow:inset 0 0 0 15px #170d0742,inset 0 0 0 22px #bc882833,inset 0 0 36px #0000008c,0 0 #0000}14%{transform:translate(-2px) rotateY(-12deg) rotate(-.15deg)}45%{transform:translate(-16px) rotateY(-55deg) rotate(-.9deg);box-shadow:inset 0 0 0 15px #170d0742,inset 0 0 0 22px #bc882833,inset 0 0 42px #0000009e,34px 12px 28px #28160747}74%{transform:translate(-31px) rotateY(-93deg) rotate(-1.5deg)}to{transform:translate(-39px) rotateY(-116deg) rotate(-2deg);box-shadow:inset 0 0 0 15px #170d0742,inset 0 0 0 22px #bc88282b,inset 0 0 46px #000000a8,44px 15px 32px #2816073d}}@keyframes spineOpeningShadow{0%,18%{opacity:0;transform:scaleX(.45)}55%{opacity:.72;transform:scaleX(1)}to{opacity:.45;transform:scaleX(.72)}}.book-cover-face:before{content:"";position:absolute;inset:42px;border:2px solid rgba(227,170,53,.78);box-shadow:0 0 0 5px #dca7421f,inset 0 0 0 2px #7348128a}.book-cover-face:after{content:"";position:absolute;inset:0;background:linear-gradient(100deg,rgba(255,228,119,.16),transparent 17% 76%,rgba(0,0,0,.28)),radial-gradient(circle at 21% 11%,transparent 0 7px,rgba(231,163,58,.2) 8px 9px,transparent 10px),radial-gradient(circle at 61% 73%,transparent 0 9px,rgba(231,163,58,.12) 10px 12px,transparent 13px);mix-blend-mode:screen;opacity:.82}.book-spine{position:absolute;z-index:6;left:-32px;top:18px;bottom:26px;width:76px;border-radius:30px 4px 4px 30px;background:repeating-linear-gradient(180deg,rgba(230,166,58,.26) 0 3px,transparent 3px 51px),linear-gradient(90deg,#0e0a08,#392315 45%,#17100c);box-shadow:inset 14px 0 20px #ffca5b21,inset -16px 0 25px #00000085}.book-pages-edge{position:absolute;z-index:2;left:14px;right:18px;bottom:-22px;height:52px;border-radius:0 0 28px 28px;background:repeating-linear-gradient(180deg,#b48b50 0 2px,#52351c 2px 4px,#d0a869 4px 6px),linear-gradient(90deg,#65401f,#c19657,#6d421f);transform:skew(4deg);box-shadow:inset 0 -10px 15px #00000042}.cover-title{position:absolute;inset:0;z-index:4;display:grid;place-content:center;gap:7px;color:#ffe8a8;text-align:center;text-shadow:0 2px 0 #3d210d,0 0 12px rgba(248,210,113,.4)}.cover-title span,.cover-title i{display:block;line-height:.95}.cover-title span{font-size:clamp(36px,4.2vw,60px)}.cover-title i{font-size:clamp(28px,3vw,42px);font-style:normal}.cover-flourish{position:absolute;left:50%;top:28%;z-index:4;width:64px;height:32px;transform:translate(-50%)}.cover-flourish:before,.cover-flourish:after{content:"";position:absolute;top:14px;width:28px;height:2px;background:linear-gradient(90deg,transparent,var(--gold-bright))}.cover-flourish:before{left:0}.cover-flourish:after{right:0;transform:scaleX(-1)}.cover-flourish.bottom{top:auto;bottom:23%}.gold-corner{position:absolute;z-index:5;width:94px;height:94px;opacity:.86}.gold-corner:before,.gold-corner:after{content:"";position:absolute;width:32px;height:32px;border:2px solid var(--gold-bright);border-radius:50%;opacity:.76}.corner-tl{top:36px;left:36px;border-top:3px solid var(--gold-bright);border-left:3px solid var(--gold-bright)}.corner-tr{top:36px;right:36px;border-top:3px solid var(--gold-bright);border-right:3px solid var(--gold-bright)}.corner-bl{bottom:36px;left:36px;border-bottom:3px solid var(--gold-bright);border-left:3px solid var(--gold-bright)}.corner-br{right:36px;bottom:36px;border-right:3px solid var(--gold-bright);border-bottom:3px solid var(--gold-bright)}.corner-tl:before,.corner-tr:before{top:12px}.corner-bl:before,.corner-br:before{bottom:12px}.corner-tl:before,.corner-bl:before{left:12px}.corner-tr:before,.corner-br:before{right:12px}.corner-tl:after,.corner-bl:after{left:48px;top:48px;width:22px;height:22px}.corner-tr:after,.corner-br:after{right:48px;top:48px;width:22px;height:22px}.book-clasp{position:absolute;right:-16px;top:45%;z-index:6;width:78px;height:84px;border:3px solid #56340f;border-radius:18px;background:radial-gradient(circle at 50% 50%,#f1c96f 0 10px,#624019 11px 17px,transparent 18px),linear-gradient(145deg,#d6a84f,#6b4517);box-shadow:0 8px 16px #00000047}.opening-leaves{position:absolute;inset:24px 22px 35px 44px;z-index:7;overflow:visible;border-radius:20px 16px 20px 18px;pointer-events:none;perspective:1200px;transform-style:preserve-3d}.opening-leaves i{position:absolute;inset:0 4px 0 0;border-radius:16px 8px 12px 15px;background:linear-gradient(90deg,rgba(80,46,15,.18),transparent 8%),repeating-radial-gradient(circle at 44% 43%,rgba(107,71,28,.09) 0 1px,transparent 1px 9px),linear-gradient(135deg,#f5dfad,#dba85d);box-shadow:-12px 0 22px #2a180938;opacity:0;transform-origin:left center;backface-visibility:visible;will-change:transform,opacity}.cover-page.is-opening .opening-leaves i:nth-child(1){animation:coverLeaf 1.06s 80ms cubic-bezier(.2,.72,.16,1) both}.cover-page.is-opening .opening-leaves i:nth-child(2){animation:coverLeaf .96s .18s cubic-bezier(.2,.72,.16,1) both}.cover-page.is-opening .opening-leaves i:nth-child(3){animation:coverLeaf .86s .3s cubic-bezier(.2,.72,.16,1) both}.cover-page.is-opening .opening-leaves i:nth-child(4){animation:coverLeaf .76s .43s cubic-bezier(.2,.72,.16,1) both}@keyframes coverLeaf{0%{opacity:0;transform:translate(1px) rotateY(0) rotate(0) skewY(0) scaleX(.98)}16%{opacity:.76;transform:translate(0) rotateY(-18deg) rotate(-.25deg) skewY(-.4deg) scaleX(.99)}48%{opacity:.74;transform:translate(-8px) rotateY(-72deg) rotate(-1.1deg) skewY(-1.4deg) scaleX(1)}78%{opacity:.46;transform:translate(-19px) rotateY(-132deg) rotate(-2deg) skewY(-2deg) scaleX(.98)}to{opacity:0;transform:translate(-29px) rotateY(-176deg) rotate(-2.6deg) skewY(-2.4deg) scaleX(.96)}}.desk-prop{position:absolute;z-index:1;pointer-events:none}.loose-paper{width:300px;height:390px;opacity:.62;filter:drop-shadow(8px 12px 12px rgba(80,49,17,.19));background:repeating-linear-gradient(164deg,rgba(102,71,34,.16) 0 1px,transparent 1px 28px),linear-gradient(130deg,#ead0a0,#f6e4bd 45%,#d2aa72);clip-path:polygon(6% 7%,91% 1%,98% 28%,91% 31%,100% 55%,86% 100%,8% 91%,0 72%,7% 56%,0 30%)}.paper-left{left:-40px;bottom:-16px;transform:rotate(-13deg)}.paper-right{right:-14px;top:36px;width:246px;height:350px;transform:rotate(17deg)}.wax-seal{left:45px;bottom:16px;width:86px;height:86px;border-radius:50%;background:radial-gradient(circle at 45% 43%,#8a3f1e 0 22px,#4a1f12 23px 35px,#2d130c 36px),conic-gradient(from 0deg,#5e2814,#a95625,#5e2814,#a95625,#5e2814);box-shadow:inset 0 0 0 9px #ffc86b1f,0 8px 16px #43261242}.wax-seal:after{content:"";position:absolute;inset:23px;border:2px solid rgba(216,168,86,.82);border-radius:50%;box-shadow:inset 0 0 0 8px #d8a8561a}.fountain-pen{right:56px;bottom:-22px;width:28px;height:280px;border-radius:20px;background:linear-gradient(90deg,#090807,#2d2319 28%,#0a0908 68%,#55401f),#111;transform:rotate(31deg);box-shadow:8px 10px 12px #3e250e3d}.fountain-pen:before{content:"";position:absolute;top:-44px;left:-2px;width:32px;height:58px;background:linear-gradient(160deg,#f3ce83,#4a3517);clip-path:polygon(50% 0,100% 72%,50% 100%,0 72%)}.fountain-pen:after{content:"";position:absolute;top:47px;left:-6px;width:40px;height:11px;background:#d2a659;box-shadow:0 33px #d2a659,0 170px #d2a659}.dried-flowers{left:42px;top:155px;width:180px;height:330px;transform:rotate(-12deg)}.dried-flowers:before,.dried-flowers:after{content:"";position:absolute;background:#7a5628}.dried-flowers:before{left:80px;top:10px;width:2px;height:310px;transform:rotate(14deg)}.dried-flowers:after{left:74px;top:58px;width:2px;height:225px;transform:rotate(-26deg);opacity:.75}.dried-flowers span{position:absolute;width:24px;height:24px;border-radius:50%;background:radial-gradient(circle at 48% 48%,#f8e9bf 0 18%,#d3aa63 19% 32%,transparent 34%),radial-gradient(ellipse at 28% 50%,#e9c984 0 42%,transparent 44%),radial-gradient(ellipse at 72% 50%,#e9c984 0 42%,transparent 44%),radial-gradient(ellipse at 50% 28%,#f0d499 0 42%,transparent 44%),radial-gradient(ellipse at 50% 72%,#c9984d 0 42%,transparent 44%);filter:drop-shadow(4px 8px 9px rgba(60,38,16,.25))}.dried-flowers span:nth-child(1){left:65px;top:0}.dried-flowers span:nth-child(2){left:38px;top:70px;transform:scale(.9)}.dried-flowers span:nth-child(3){left:98px;top:96px;transform:scale(.8)}.dried-flowers span:nth-child(4){left:25px;top:151px;transform:scale(.72)}.dried-flowers span:nth-child(5){left:112px;top:181px;transform:scale(.68)}.cover-actions,.action-bar{position:relative;z-index:12;display:flex;width:100%;align-items:end;justify-content:center;gap:clamp(42px,7vw,110px);padding-bottom:12px}.primary-action-wrap{display:grid;justify-items:center;gap:13px}.primary-action-wrap span{position:relative;z-index:8;padding:2px 10px;border-radius:999px;background:#f4daab8f;color:#3d2515;font-size:20px;text-shadow:0 1px 0 rgba(255,244,216,.7)}.primary-action,.secondary-action{display:inline-flex;align-items:center;justify-content:center;gap:13px;min-height:62px;border-radius:999px;cursor:pointer;white-space:nowrap;transition:transform .16s ease,box-shadow .16s ease,opacity .16s ease}.secondary-action{min-width:188px;padding:0 24px;font-size:22px}.primary-action{position:relative;min-width:352px;padding:0 35px;border:2px solid rgba(220,168,66,.68);color:#fff1cd;font-size:31px;text-shadow:0 2px 0 #3c2210;background:radial-gradient(circle at 28% 24%,rgba(255,217,122,.25),transparent 25%),repeating-linear-gradient(92deg,rgba(255,208,95,.1) 0 1px,transparent 1px 11px),repeating-linear-gradient(18deg,rgba(0,0,0,.14) 0 1px,transparent 1px 16px),linear-gradient(145deg,#332013,#5c3719 52%,#21140d);box-shadow:inset 0 0 0 5px #fddc7e1f,inset 0 0 30px #0000006b,0 8px 18px #4e2f1138}.primary-action:disabled,.secondary-action:disabled{cursor:wait;opacity:.68}.leaf{display:inline-block;width:42px;height:22px;opacity:.88;background:radial-gradient(ellipse at 19% 55%,transparent 0 5px,var(--gold-bright) 5px 7px,transparent 8px),linear-gradient(20deg,transparent 30%,var(--gold-bright) 31% 37%,transparent 38%),linear-gradient(120deg,transparent 25%,var(--gold-bright) 26% 34%,transparent 35%)}.leaf.left{transform:rotate(180deg)}.result-page{grid-template-rows:auto minmax(0,1fr) auto;gap:12px}.result-copy h1{font-size:clamp(52px,5.6vw,95px)}.result-copy p{max-width:1320px;font-size:clamp(25px,2.55vw,40px)}.result-stage{min-height:0;perspective:1500px}.result-flowers{left:8px;top:52px;opacity:.86}.result-paper-left{left:-40px;bottom:-48px}.result-paper-right{right:-18px;top:56px}.result-seal{left:38px;bottom:-10px}.result-pen{right:20px;bottom:-72px}.open-book{position:relative;z-index:10;display:grid;width:min(87vw,1240px,calc((100svh - 292px)*1.84));min-width:760px;aspect-ratio:1.84;grid-template-columns:1fr 1fr;padding:34px 47px 46px;overflow:hidden;contain:paint;border-radius:42px;filter:drop-shadow(0 28px 28px rgba(61,37,14,.32));transform-style:preserve-3d}@keyframes bookArrive{0%{opacity:0;transform:translateY(20px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}.book-back-cover{position:absolute;inset:24px 18px 18px;border-radius:34px;background:repeating-radial-gradient(circle at 30% 42%,rgba(231,166,57,.12) 0 2px,transparent 2px 11px),linear-gradient(120deg,#17100c,#55331b 48%,#15100c);box-shadow:inset 0 0 0 10px #e6aa3d26,inset 0 0 52px #0000008f}.page-stack{position:absolute;top:82px;bottom:50px;width:92px;background:repeating-linear-gradient(90deg,#573719 0 3px,#c2924f 3px 5px,#8b5a28 5px 8px);opacity:.78}.left-stack{left:24px;border-radius:25px 0 0 28px}.right-stack{right:24px;border-radius:0 25px 28px 0}.book-ribbon{position:absolute;left:48%;bottom:12px;z-index:11;width:38px;height:112px;background:linear-gradient(90deg,#672313,#a1472f,#6d2415);clip-path:polygon(0 0,100% 0,100% 100%,51% 78%,0 100%);opacity:.82;transform:rotate(5deg);box-shadow:0 6px 12px #411c0f47}.book-page{position:relative;min-width:0;overflow:hidden;padding:clamp(42px,4.2vw,70px) clamp(42px,4.6vw,78px);background:radial-gradient(ellipse at 33% 25%,rgba(255,249,220,.46),transparent 30%),radial-gradient(ellipse at 76% 82%,rgba(143,83,23,.18),transparent 32%),radial-gradient(ellipse at 44% 55%,rgba(170,101,25,.08),transparent 27%),repeating-linear-gradient(101deg,rgba(120,77,29,.035) 0 1px,transparent 1px 14px),repeating-linear-gradient(3deg,rgba(255,250,224,.09) 0 2px,transparent 2px 18px),linear-gradient(135deg,#e5bd75,#f3dcae 22%,#e6bd77 85%);box-shadow:inset 0 0 0 1px #7b4f1e24,inset 0 0 44px #6e411433}.book-page:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 22% 18%,rgba(101,62,19,.11),transparent 20%),radial-gradient(ellipse at 88% 78%,rgba(255,244,210,.18),transparent 24%),repeating-linear-gradient(87deg,rgba(98,62,21,.035) 0 1px,transparent 1px 19px),repeating-linear-gradient(8deg,rgba(255,247,214,.055) 0 2px,transparent 2px 23px);opacity:.54;pointer-events:none}.book-page:after{content:"";position:absolute;inset:9px;border:1px solid rgba(130,83,31,.17);pointer-events:none}.left-page{border-radius:30px 8px 21px 31px;clip-path:polygon(1.6% 2.8%,98.5% .8%,100% 8%,98.7% 96%,4.5% 99.2%,.6% 92%,0 10%);transform:rotate(-1.5deg)}.right-page{display:grid;align-content:center;place-items:center;gap:16px;border-radius:8px 30px 31px 21px;clip-path:polygon(.4% 1.1%,97.8% 2.5%,100% 10%,99.1% 92%,95.5% 99.1%,1.4% 96%,0 8%);transform:rotate(1.5deg)}.book-spread-spine{position:absolute;left:50%;top:44px;bottom:42px;z-index:13;width:44px;transform:translate(-50%);background:radial-gradient(ellipse at 50% 50%,rgba(23,13,7,.52),rgba(76,43,16,.26) 42%,transparent 70%);pointer-events:none}.torn-piece{position:absolute;z-index:2;width:150px;height:108px;background:repeating-linear-gradient(135deg,rgba(122,79,31,.11) 0 1px,transparent 1px 14px),linear-gradient(145deg,#f0d49e,#c8954a);opacity:.73;filter:drop-shadow(4px 7px 7px rgba(79,48,18,.17));clip-path:polygon(0 0,82% 8%,100% 35%,83% 48%,92% 100%,34% 88%,10% 100%,19% 48%)}.torn-left-top{top:-6px;left:8px;transform:rotate(-7deg)}.torn-left-bottom{left:-12px;bottom:24px;transform:rotate(14deg) scale(.9)}.torn-right-top{top:-9px;right:10px;transform:rotate(12deg)}.torn-right-bottom{right:-7px;bottom:18px;transform:rotate(-13deg) scale(1.1)}.page-topline{position:relative;z-index:5;display:flex;align-items:center;justify-content:center;gap:16px;margin-bottom:8px}.ornament-line{width:76px;height:1px;background:linear-gradient(90deg,transparent,rgba(113,72,28,.6),transparent)}.page-number-button,.choose-page-link{position:relative;z-index:6;border:0;background:transparent;color:#4c2c15;cursor:pointer}.page-number-button{padding:3px 9px;border-radius:999px;font-size:clamp(19px,1.6vw,25px);font-weight:600;letter-spacing:0;transition:background .16s ease,color .16s ease}.choose-page-link{display:flex;align-items:center;justify-content:center;gap:6px;margin:0 auto 20px;padding:7px 12px;border:1px solid rgba(113,72,28,.18);border-radius:999px;background:#f4daab42;color:#745027;font-size:14px;box-shadow:inset 0 1px #fff6dc5c}.choose-page-link:hover,.page-number-button:hover{background:#88561a1f;color:#8c5d1e}.book-label{position:relative;z-index:5;margin:0;font-size:clamp(20px,1.7vw,28px);font-weight:600;text-align:center}.small-divider{position:relative;z-index:5;display:block;width:122px;height:17px;margin:21px auto;background:radial-gradient(circle at 50% 50%,#98692a 0 4px,transparent 5px),linear-gradient(90deg,transparent,rgba(113,72,28,.5),transparent)}.answer-text{position:relative;z-index:5;display:grid;min-height:186px;place-items:center;margin:0;color:#25160d;font-size:clamp(35px,4.15vw,61px);font-weight:500;line-height:1.06;text-align:center;text-wrap:balance}.lower{margin-top:14px}.companion-stage{position:relative;z-index:5;display:grid;width:min(55%,330px);height:clamp(255px,27vw,330px);place-items:end center;margin-top:-8px}.companion-stage:after{content:"";position:absolute;left:16%;right:16%;bottom:2px;height:28px;border-radius:50%;background:#53311229;filter:blur(8px)}.companion-image,.character-illustration{position:relative;z-index:2;display:block;width:auto;max-width:100%;max-height:100%;object-fit:contain;filter:drop-shadow(0 10px 7px rgba(86,52,19,.25)) saturate(1.02)}.character-illustration{width:min(53%,330px);min-width:220px}.companion-image-gugugaga{max-height:92%}.companion-image-furina,.companion-image-rhiannon{max-height:104%}.companion-line{position:relative;z-index:5;max-width:510px;margin:0;color:#2d1b10;font-size:clamp(21px,2.05vw,31px);line-height:1.14;text-align:center;text-wrap:balance}.companion-divider{margin-top:0}.turning-pages{position:absolute;z-index:30;left:calc(50% + 5px);top:40px;bottom:48px;width:calc(50% - 57px);overflow:hidden;border-radius:12px 28px 28px 12px;transform-style:preserve-3d;perspective:1000px;pointer-events:none}.turning-pages i{position:absolute;inset:0;border-radius:8px 28px 28px 8px;background:radial-gradient(circle at 70% 20%,rgba(255,252,229,.62),transparent 28%),repeating-radial-gradient(circle at 44% 43%,rgba(107,71,28,.07) 0 1px,transparent 1px 9px),linear-gradient(135deg,#f1d7a5,#d29c54);box-shadow:-14px 0 24px #3c220c38;opacity:0;transform-origin:left center;backface-visibility:hidden;will-change:transform,opacity}.open-book.is-turning .turning-pages i:nth-child(1){animation:turnSheet .82s cubic-bezier(.25,.76,.16,1)}.open-book.is-turning .turning-pages i:nth-child(2){animation:turnSheet .76s 70ms cubic-bezier(.25,.76,.16,1)}.open-book.is-turning .turning-pages i:nth-child(3){animation:turnSheet .68s .14s cubic-bezier(.25,.76,.16,1)}.open-book.is-turning .book-page>:not(.torn-piece){animation:pageContentFade .86s ease}@keyframes turnSheet{0%{opacity:0;transform:translate(0) rotateY(0) skewY(0)}14%{opacity:.86}42%{opacity:.78;transform:translate(-18%) rotateY(-54deg) skewY(-1.5deg)}72%{opacity:.46;transform:translate(-38%) rotateY(-88deg) skewY(-2.5deg)}to{opacity:0;transform:translate(-50%) rotateY(-106deg) skewY(-3deg)}}@keyframes pageContentFade{0%,to{opacity:1}30%,62%{opacity:.18}}.action-bar{align-items:center;padding-bottom:4px}.modal-layer{position:fixed;inset:0;z-index:80;display:grid;place-items:center;padding:24px}.modal-scrim{position:absolute;inset:0;background:#321d0b47;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.paper-modal{position:relative;z-index:2;width:min(92vw,460px);padding:31px;border:1px solid rgba(105,69,28,.28);border-radius:8px;background:repeating-radial-gradient(circle at 38% 44%,rgba(115,76,30,.08) 0 1px,transparent 1px 10px),linear-gradient(145deg,#f4dcae,#dfb875);box-shadow:inset 0 0 0 1px #fff7da6b,0 30px 70px #2b190a57}.page-number-modal{transform:rotate(-.7deg)}.paper-modal h2{margin:0;font-size:34px;font-weight:500}.paper-modal p{margin:12px 0 22px;color:var(--ink-soft);font-size:18px;line-height:1.45}.paper-modal input{width:100%;height:58px;padding:0 18px;border:1px solid rgba(97,62,24,.34);border-radius:7px;background:#fff2d3c2;color:var(--ink);font-size:28px;text-align:center}.form-error{display:block;margin-top:11px;color:#7d2616;font-size:15px}.modal-actions{display:flex;gap:13px;margin-top:22px}.modal-primary,.modal-secondary{min-width:0;flex:1;min-height:54px;padding:0 17px;font-size:18px;text-shadow:none}.modal-secondary{background:linear-gradient(180deg,#fff1d0c2,#e7c790a8),var(--ui-bg)}.companion-role{padding-top:14px;border-top:1px solid rgba(97,62,24,.18);font-style:italic}.history-drawer{position:fixed;z-index:70;top:0;right:0;width:min(420px,92vw);height:100vh;padding:28px;border-left:1px solid rgba(94,59,22,.24);background:repeating-radial-gradient(circle at 37% 39%,rgba(120,75,27,.07) 0 1px,transparent 1px 10px),linear-gradient(145deg,#f7deb0fa,#ddb46dfa);box-shadow:-20px 0 45px #35200c42;transform:translate(105%);transition:transform .26s ease;overflow-y:auto}.history-drawer.open{transform:translate(0)}.drawer-header{display:flex;align-items:center;justify-content:space-between;gap:20px}.drawer-header h2{margin:0;font-size:32px;font-weight:500}.drawer-close{display:grid;width:42px;height:42px;place-items:center;border:1px solid rgba(90,57,24,.25);border-radius:50%;background:#ffedc799;cursor:pointer;font-family:Arial,sans-serif;font-size:30px;line-height:1}.history-list{display:grid;gap:13px;margin:26px 0 0;padding:0;list-style:none}.history-item{display:grid;gap:5px;padding:15px;border:1px solid rgba(97,62,24,.18);border-radius:8px;background:#fff1d16b}.history-page,.history-item time,.history-item span:last-of-type{color:#78562c;font-size:14px}.history-item strong{font-size:20px;font-weight:500}.history-empty{margin-top:26px;color:var(--ink-soft);font-size:18px}.toast{position:fixed;bottom:30px;left:50%;z-index:100;max-width:min(92vw,520px);padding:13px 19px;border:1px solid rgba(91,58,24,.25);border-radius:999px;background:linear-gradient(180deg,#fff4daf5,#e4c185f5);box-shadow:0 12px 30px #3b240e40;font-size:17px;transform:translate(-50%)}.rotate-notice{position:fixed;inset:0;z-index:95;display:grid;place-items:center;padding:24px;background:#3c250f73;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.rotate-card{display:grid;width:min(92vw,360px);justify-items:center;gap:19px;padding:30px;border-radius:8px;background:linear-gradient(145deg,#f4dcae,#dfb875);text-align:center;box-shadow:0 28px 60px #2b190a54}.rotate-phone{width:76px;height:118px;border:6px solid #5b3917;border-radius:18px;background:#fff1d185;transform:rotate(90deg)}.rotate-card p{margin:0;font-size:21px;line-height:1.3}@media(max-width:1120px){.topbar{top:18px;left:18px;right:18px}.brand-pill{min-height:46px;padding:0 16px;font-size:15px}.nav-actions{gap:8px}.nav-button{min-height:43px;padding:0 13px;font-size:15px}.cover-actions,.action-bar{gap:22px}.secondary-action{min-width:154px;min-height:54px;font-size:18px}.primary-action{min-width:270px;min-height:58px;font-size:25px}.open-book{width:min(94vw,1040px);padding:29px 39px 39px}}@media(max-height:790px)and (min-width:860px){.page{padding-top:58px}.hero-copy h1{font-size:clamp(46px,5.1vw,78px)}.hero-copy p{margin-top:8px;font-size:clamp(22px,2.5vw,37px)}.cover-stage{min-height:0}.closed-book{width:min(33vw,430px,calc((100svh - 250px)*.78))}.result-stage{min-height:0}.open-book{width:min(82vw,1040px,calc((100svh - 276px)*1.84));min-width:680px}.action-bar,.cover-actions{padding-bottom:0}}@media(max-width:960px)and (max-height:480px)and (orientation:landscape){html,body,#root{height:100%;overflow:hidden}.app-shell{height:100svh;overflow:hidden}.topbar{top:8px;left:10px;right:10px;gap:10px}.brand-pill{min-height:32px;max-width:32vw;gap:6px;padding:0 11px;font-size:12px}.brand-pill svg,.nav-button svg{width:14px;height:14px}.nav-actions{gap:6px}.nav-button{min-height:32px;gap:5px;padding:0 10px;font-size:12px}.language-button{min-width:58px}.language-menu{min-width:156px;max-height:320px;overflow-y:auto}.language-option{min-height:32px;padding:0 10px;font-size:12px}.page{height:100svh;padding:45px 10px 8px;gap:6px}.hero-copy h1:before,.hero-copy h1:after{display:none}.cover-copy h1{font-size:34px}.cover-copy p{margin-top:5px;max-width:620px;font-size:16px}.cover-page{grid-template-rows:auto minmax(0,1fr) auto}.cover-stage{min-height:0}.closed-book{width:min(28vw,230px,calc((100svh - 118px)*.78));min-width:176px}.cover-actions,.action-bar{position:fixed;right:16px;bottom:8px;left:16px;width:auto;gap:8px;padding-bottom:0;align-items:center;justify-content:center}.primary-action-wrap{gap:3px}.primary-action-wrap>span{display:none}.secondary-action,.primary-action{min-height:34px;gap:6px;padding:0 12px;font-size:12px}.secondary-action{min-width:112px}.primary-action{min-width:178px;border-width:1px;font-size:17px}.secondary-action svg,.primary-action svg{width:14px;height:14px}.leaf{width:20px;height:11px}.result-page{grid-template-rows:minmax(0,1fr);padding-bottom:50px}.result-copy{display:none}.result-stage{min-height:0;align-items:center}.result-flowers,.result-paper-left,.result-paper-right,.result-seal,.result-pen{opacity:.22}.open-book{width:min(86vw,620px,calc((100svh - 94px)*1.84));min-width:0;padding:18px 25px 23px;border-radius:23px;filter:drop-shadow(0 14px 16px rgba(61,37,14,.25))}.book-back-cover{inset:12px 9px 9px;border-radius:20px}.page-stack{top:42px;bottom:27px;width:40px}.left-stack{left:12px}.right-stack{right:12px}.book-ribbon{bottom:6px;width:18px;height:56px}.book-page{padding:24px 28px}.left-page{border-radius:18px 5px 14px 18px}.right-page{grid-template-rows:92px auto 8px;align-content:center;justify-items:center;gap:5px;border-radius:5px 18px 18px 14px}.book-spread-spine{top:22px;bottom:21px;width:24px}.torn-piece{width:72px;height:52px}.page-topline{gap:7px;margin-bottom:2px}.ornament-line{width:34px}.page-number-button{padding:1px 5px;font-size:13px}.choose-page-link{gap:3px;margin-bottom:6px;padding:3px 7px;font-size:9px}.choose-page-link svg{width:10px;height:10px}.book-label{display:none}.small-divider{width:62px;height:8px;margin:7px auto}.answer-text{min-height:70px;font-size:clamp(20px,3.5vw,29px);line-height:1.04}.lower{margin-top:5px}.companion-stage{width:150px;height:92px;margin-top:0;place-items:end center}.companion-stage:after{height:15px;filter:blur(5px)}.companion-image,.character-illustration,.companion-image-gugugaga,.companion-image-furina,.companion-image-rhiannon{max-width:150px;max-height:92px}.companion-line{max-width:220px;min-height:32px;margin:0;font-size:clamp(12px,2.1vw,16px);line-height:1.12}.turning-pages{top:20px;bottom:24px;width:calc(50% - 30px);border-radius:8px 17px 17px 8px}.rotate-notice{display:none}}@media(max-width:760px){html,body,#root{height:auto;min-height:100%;overflow:auto}body{overflow-x:hidden}.app-shell{height:auto;min-height:100svh;overflow-y:auto}.topbar{position:absolute;align-items:flex-start}.brand-pill{max-width:58vw}.nav-actions{flex-wrap:wrap;justify-content:flex-end}.nav-button span{display:none}.language-button{min-width:62px}.page{height:auto;min-height:100svh;padding:88px 14px 18px}.hero-copy h1{font-size:42px}.hero-copy h1:before,.hero-copy h1:after{display:none}.hero-copy p{max-width:520px;font-size:23px}.cover-stage{min-height:360px}.closed-book{width:min(74vw,380px);min-width:260px}.desk-prop{opacity:.35}.cover-actions,.action-bar{display:grid;width:min(420px,100%);grid-template-columns:1fr;gap:12px;margin:0 auto}.secondary-action,.primary-action{width:100%;min-width:0}.primary-action-wrap{order:-1}.open-book{width:min(1320px,138vw);min-width:720px;contain:none}.portrait-simple .result-page{gap:18px}.portrait-simple .open-book{display:grid;width:min(94vw,420px);min-width:0;grid-template-columns:1fr;gap:16px;padding:0;aspect-ratio:auto;overflow:visible;filter:none}.portrait-simple .book-back-cover,.portrait-simple .book-ribbon,.portrait-simple .book-spread-spine,.portrait-simple .page-stack,.portrait-simple .turning-pages{display:none}.portrait-simple .book-page{min-height:360px;padding:34px 28px;border-radius:8px;box-shadow:0 14px 28px #472a0f33;transform:none}.portrait-simple .answer-text{min-height:150px;font-size:42px}.portrait-simple .companion-stage{width:82%;height:285px}.portrait-simple .companion-line{font-size:25px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:1ms!important;transition-duration:1ms!important}}