:root{--flip-cover:0.78s;--flip-page:0.62s;--bg:#1e324d;--bg-2:#14263b;--bg-navy:#1e324d;--cloud:#6b7d96;--surface:hsla(0,0%,100%,.055);--surface-2:hsla(0,0%,100%,.09);--surface-solid:#221d46;--border:hsla(0,0%,100%,.1);--border-strong:hsla(0,0%,100%,.18);--text:#e7e5f0;--text-soft:#a09cc0;--text-dim:#6f6a96;--accent1:#7c3aed;--accent2:#ec4899;--cyan:#22d3ee;--grad:linear-gradient(135deg,#7c3aed,#ec4899);--grad-soft:linear-gradient(135deg,rgba(124,58,237,.22),rgba(236,72,153,.22));--glow:0 0 24px rgba(124,58,237,.45);--glow-pink:0 0 22px rgba(236,72,153,.4);--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-6:24px;--sp-8:32px;--r-bubble:18px;--r-btn:14px;--r-card:22px;--r-pill:999px;--r-thumb:12px;--font-sans:var(--font-noto),system-ui,-apple-system,sans-serif;--font-serif:var(--font-gowun),Georgia,serif;--font-hand:var(--font-gaegu),var(--font-noto),system-ui,sans-serif}*{box-sizing:border-box}body,html{margin:0;padding:0}body{min-height:100vh;font-family:var(--font-sans);color:var(--text);background:#02071b;-webkit-font-smoothing:antialiased;font-size:15px;line-height:1.6}button{font-family:inherit;cursor:pointer;color:inherit}:focus-visible{outline:2px solid var(--cyan);outline-offset:2px}.sky{position:fixed;inset:0;overflow:hidden;pointer-events:none;z-index:0;background:radial-gradient(1100px 620px at 50% -8%,#0e1636 0,transparent 62%),#02071b}.stars{position:absolute;top:0;left:0;border-radius:50%;background:transparent}.stars.s2{width:2px;height:2px;box-shadow:9vw 66vh 1px #fff,21vw 22vh 1px #dfe6ff,30vw 55vh 1px #fff,44vw 84vh 1px #cfe0ff,55vw 15vh 1px #fff,67vw 72vh 1px #dfe6ff,74vw 44vh 1px #fff,82vw 31vh 1px #cfe0ff,3vw 38vh 1px #fff,48vw 49vh 1px #fff,93vw 58vh 1px #dfe6ff,16vw 90vh 1px #fff,36vw 8vh 1px #fff,60vw 92vh 1px #cfe0ff,6vw 20vh 1px #fff,40vw 34vh 1px #dfe6ff,72vw 62vh 1px #fff,87vw 14vh 1px #cfe0ff,51vw 76vh 1px #fff,28vw 6vh 1px #dfe6ff;animation:twinkle 3.4s ease-in-out infinite;animation-delay:-.5s}.stars.s3{width:3px;height:3px;box-shadow:14vw 28vh 2px #fff,37vw 74vh 2px #eaf0ff,61vw 33vh 2px #fff,79vw 62vh 2px #cfe0ff,25vw 58vh 2px #fff,50vw 20vh 2px #eaf0ff,86vw 40vh 2px #fff,5vw 82vh 2px #cfe0ff,45vw 12vh 2px #fff,68vw 88vh 2px #eaf0ff,33vw 42vh 2px #fff,91vw 70vh 2px #cfe0ff,18vw 50vh 2px #fff,58vw 60vh 2px #eaf0ff;animation:twinkle 4.6s ease-in-out infinite;animation-delay:-1.8s}.stars.s4{width:4px;height:4px;box-shadow:22vw 18vh 3px .5px #fff3cf,47vw 70vh 3px .5px #fff,71vw 26vh 3px .5px #fff3cf,89vw 55vh 3px .5px #fff,33vw 44vh 3px .5px #fff3cf,63vw 88vh 3px .5px #fff,12vw 74vh 3px .5px #fff3cf,80vw 10vh 3px .5px #fff;animation:twinkle 5.6s ease-in-out infinite;animation-delay:-3s}.stars.s5{width:5px;height:5px;box-shadow:30vw 24vh 5px 1px #fff,64vw 52vh 5px 1px #fff3cf,84vw 78vh 5px 1px #fff,16vw 62vh 5px 1px #fff3cf,52vw 34vh 5px 1px #fff;animation:bigtwinkle 4.2s ease-in-out infinite;animation-delay:-2.2s}@keyframes twinkle{0%,to{opacity:.35}50%{opacity:1}}@keyframes bigtwinkle{0%,to{opacity:.5}45%{opacity:1}55%{opacity:1}}.shoot{--ang:147deg;--len:200px;--dist:120vmax;position:absolute;width:3px;height:3px;border-radius:50%;background:#fff;box-shadow:0 0 8px 2px hsla(0,0%,100%,.95);opacity:0}.shoot:before{content:"";position:absolute;top:50%;right:1.5px;width:var(--len);height:2px;transform:translateY(-50%);background:linear-gradient(270deg,hsla(0,0%,100%,.95),hsla(0,0%,100%,.5) 32%,transparent);border-radius:2px}.shoot.sh1{top:6%;left:70%;animation:shoot 6s ease-in infinite;animation-delay:1s}.shoot.sh2{top:2%;left:44%;animation:shoot 7.5s ease-in infinite;animation-delay:3.5s}.shoot.sh3{top:14%;left:88%;animation:shoot 8s ease-in infinite;animation-delay:5.5s}.shoot.sh4{top:22%;left:62%;animation:shoot 9.5s ease-in infinite;animation-delay:8s}@keyframes shoot{0%{opacity:0;transform:rotate(var(--ang)) translateX(0)}4%{opacity:1}15%{opacity:1}22%{opacity:0;transform:rotate(var(--ang)) translateX(var(--dist))}to{opacity:0;transform:rotate(var(--ang)) translateX(var(--dist))}}.spark{position:absolute;width:3px;height:3px;border-radius:50%;background:#fff;box-shadow:0 0 8px 3px hsla(0,0%,100%,.9),0 0 16px 6px rgba(207,224,255,.5);transform:translate(-50%,-50%) scale(var(--s,.4));opacity:var(--o,.5);animation:sparkPulse var(--dur,4s) ease-in-out infinite;animation-delay:var(--d,0s)}.spark:after,.spark:before{content:"";position:absolute;top:50%;left:50%;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.9),transparent);transform:translate(-50%,-50%)}.spark:before{width:40px;height:1.5px}.spark:after{width:1.5px;height:40px;background:linear-gradient(180deg,transparent,hsla(0,0%,100%,.9),transparent)}@keyframes sparkPulse{0%,to{opacity:.25;transform:translate(-50%,-50%) scale(.35) rotate(0deg)}50%{opacity:1;transform:translate(-50%,-50%) scale(1) rotate(45deg)}}.spark.k1{top:20%;left:30%;--dur:4.5s;--d:0s}.spark.k2{top:64%;left:74%;--dur:5.5s;--d:-2s}.spark.k3{top:38%;left:90%;--dur:6.5s;--d:-3.5s}.spark.k4{top:80%;left:48%;--dur:5s;--d:-1s}@media (prefers-reduced-motion:reduce){.stars{animation:none!important;opacity:.85}.shoot{display:none}.spark{animation:none!important;opacity:.8;transform:translate(-50%,-50%) scale(.8)}}.app{position:relative;z-index:1;min-height:100vh;display:flex;flex-direction:column}.logo{margin:0;font-weight:800;font-size:20px;letter-spacing:-.3px;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 0 14px rgba(124,58,237,.45))}.logo .badge{margin-left:8px;font-size:11px;font-weight:700;letter-spacing:.5px;color:var(--cyan);-webkit-text-fill-color:var(--cyan);border:1px solid rgba(34,211,238,.4);border-radius:var(--r-pill);padding:3px 9px;vertical-align:middle}.notice-mini{margin:0 0 2px;font-size:11px;font-weight:500;line-height:1.4;color:var(--text-dim);text-align:center}.shell{position:relative;z-index:1;flex:1 1;display:flex;gap:var(--sp-4);padding:var(--sp-4) var(--sp-6) var(--sp-6);min-height:0}.make-pane{flex:0 0 380px;min-width:0;transition:flex-basis .35s ease,opacity .25s ease}.result-pane{flex:1 1 auto;min-width:0}.shell.chat-closed{gap:0}.shell.chat-closed .make-pane{flex-basis:0;opacity:0;overflow:hidden;pointer-events:none;border-color:transparent}.pane{min-height:0;display:flex;flex-direction:column;overflow:hidden}.make-pane{background:#151b33;border-right:1px solid hsla(0,0%,100%,.06);box-shadow:1px 0 20px rgba(0,0,0,.4)}.result-pane{position:relative}.pane-head{padding:14px 18px;font-size:13px;font-weight:700;color:var(--text-soft);letter-spacing:.3px;display:flex;align-items:center;gap:8px}.pane-head .dotmark{width:8px;height:8px;border-radius:50%;background:var(--grad);box-shadow:var(--glow)}.pane-head .panel-x{margin-left:auto;width:30px;height:30px;border-radius:8px;font-size:13px;display:flex;align-items:center;justify-content:center;color:var(--text-soft);background:var(--surface-2);border:1px solid var(--border);transition:background .15s,color .15s}.pane-head .panel-x:hover{background:var(--surface);color:var(--text)}.panel-open{position:fixed;left:14px;top:50%;transform:translateY(-50%);z-index:40;width:46px;height:46px;border-radius:50%;font-size:20px;display:flex;align-items:center;justify-content:center;background:var(--grad);color:#fff;border:none;box-shadow:var(--glow);transition:transform .12s,box-shadow .15s}.panel-open:hover{box-shadow:var(--glow-pink)}.panel-open:active{transform:translateY(-50%) scale(.96)}.restart-btn{min-height:34px;padding:7px 14px;font-size:13px;font-weight:800;color:#fff;background:var(--grad);border:none;border-radius:var(--r-pill);box-shadow:var(--glow);cursor:pointer;transition:transform .12s,box-shadow .15s}.restart-btn:hover{box-shadow:var(--glow-pink)}.restart-btn:active{transform:scale(.97)}.restart-btn.floating{position:absolute;top:14px;right:16px;z-index:6}@media (max-width:880px){.shell{flex-direction:column}.make-pane{flex:0 0 auto;transition:max-height .35s ease,opacity .25s ease}.shell.chat-closed .make-pane{flex-basis:auto;max-height:0;opacity:0}}.make-pane{height:calc(100dvh - 40px)}@media (max-width:880px){.make-pane{height:70vh}}.chat{flex:1 1;display:flex;flex-direction:column;gap:var(--sp-3);padding:var(--sp-4);overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(124,58,237,.55) transparent;scroll-behavior:smooth;overscroll-behavior:contain}.chat::-webkit-scrollbar{width:8px}.chat::-webkit-scrollbar-track{background:transparent}.chat::-webkit-scrollbar-thumb{border-radius:999px;border:2px solid transparent;background-clip:padding-box;background-color:rgba(124,58,237,.5);-webkit-transition:background-color .15s;transition:background-color .15s}.chat::-webkit-scrollbar-thumb:hover{background-color:transparent;background-image:var(--grad);background-clip:padding-box}.chat:hover{scrollbar-color:rgba(124,58,237,.75) transparent}.chat:hover::-webkit-scrollbar-thumb{background-color:rgba(124,58,237,.7)}.row{display:flex;width:100%}.row.bot{justify-content:flex-start}.row.user{justify-content:flex-end}.bubble{max-width:86%;padding:12px 15px;font-size:15px;line-height:1.6;white-space:pre-line;animation:pop .32s ease both;word-break:keep-all;overflow-wrap:anywhere;min-width:0}.bubble.bot{background:hsla(0,0%,100%,.07);border:1px solid hsla(0,0%,100%,.1);border-radius:var(--r-bubble);border-top-left-radius:6px}.bubble.user{background:var(--grad);color:#fff;font-weight:600;border-radius:var(--r-bubble);border-top-right-radius:6px;box-shadow:var(--glow-pink)}.bubble.photo img,.bubble.user img{display:block;max-width:170px;width:100%;border-radius:12px}@keyframes pop{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.typing{display:inline-flex;gap:5px;align-items:center}.typing span{width:7px;height:7px;border-radius:50%;background:var(--accent2);animation:bounce 1.2s ease-in-out infinite}.typing span:nth-child(2){animation-delay:.18s}.typing span:nth-child(3){animation-delay:.36s}@keyframes bounce{0%,80%,to{transform:translateY(0);opacity:.5}40%{transform:translateY(-5px);opacity:1}}.inputzone{padding:var(--sp-3) var(--sp-4) var(--sp-4);border-top:1px solid var(--border);display:flex;flex-direction:column;gap:var(--sp-2);background:rgba(20,18,43,.4)}.choice{width:100%;min-height:44px;padding:13px;text-align:center;font-size:15px;font-weight:600;color:var(--text);background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r-btn);transition:border-color .15s,background .15s,transform .1s,box-shadow .15s}.choice:hover{border-color:var(--accent1);background:var(--grad-soft)}.choice:active{transform:scale(.99)}.choice.selected{border-color:transparent;background:var(--grad);color:#fff;box-shadow:var(--glow)}.choice.choice-thumb{display:flex;align-items:center;gap:12px;text-align:left;padding:10px 13px}.choice.choice-thumb .choice-thumb-img{width:56px;height:56px;border-radius:10px;object-fit:cover;flex:0 0 auto;border:1px solid var(--border)}.choice.choice-thumb span{flex:1 1}.thumb-skel{display:block;background:linear-gradient(100deg,var(--surface-2) 30%,hsla(0,0%,100%,.14) 50%,var(--surface-2) 70%);background-size:200% 100%;animation:shimmer 1.2s ease-in-out infinite}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.premise{display:flex;gap:var(--sp-3);align-items:center;width:100%;text-align:left;padding:var(--sp-3);background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r-card);transition:border-color .15s,transform .1s,box-shadow .15s;color:var(--text)}.premise:hover{border-color:var(--accent2);box-shadow:var(--glow-pink)}.premise:active{transform:scale(.99)}.premise .thumb{flex:0 0 72px;width:72px;height:72px;border-radius:var(--r-thumb);box-shadow:var(--glow)}.premise .ptitle{font-weight:700;font-size:16px;margin:0 0 4px}.premise .psyn{font-size:13px;color:var(--text-soft);margin:0}.textbar{display:flex;gap:var(--sp-2)}.textbar input{flex:1 1;min-height:44px;padding:0 16px;font-size:15px;font-family:inherit;color:var(--text);background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r-pill)}.textbar input::placeholder{color:var(--text-dim)}.textbar input:focus{border-color:var(--accent1)}.btn-primary{min-height:44px;padding:13px 22px;font-size:15px;font-weight:800;color:#fff;background:var(--grad);border:none;border-radius:var(--r-pill);box-shadow:var(--glow);transition:transform .1s,filter .15s}.btn-primary:hover{filter:brightness(1.08)}.btn-primary:active{transform:scale(.98)}.btn-primary:disabled{opacity:.45;box-shadow:none;cursor:default}.btn-ghost{min-height:44px;padding:12px 20px;font-size:15px;font-weight:600;color:var(--text);background:transparent;border:1px solid var(--border-strong);border-radius:var(--r-pill)}.btn-ghost:hover{border-color:var(--accent1)}.photo-cta{width:100%;min-height:120px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;font-size:15px;font-weight:700;color:var(--text);background:var(--grad-soft);border:1.5px dashed var(--accent1);border-radius:var(--r-card);transition:background .15s,box-shadow .15s}.photo-cta:hover{box-shadow:var(--glow)}.photo-cta .emoji{font-size:34px}.photo-cta .hint{font-size:12px;font-weight:500;color:var(--text-soft)}.result-pane{height:calc(100dvh - 40px)}@media (max-width:880px){.result-pane{height:auto;min-height:60vh}}.result-body{flex:1 1;overflow-y:auto;padding:var(--sp-4);position:relative;z-index:1}.summary{display:flex;flex-direction:column;gap:var(--sp-4);min-width:0}.chip,.field .v,.summary .muted,.summary h2{word-break:keep-all;overflow-wrap:anywhere}.summary .hero{position:relative;width:100%;aspect-ratio:16/10;border-radius:var(--r-card);overflow:hidden;background:var(--grad-soft);border:1px solid var(--border);display:flex;align-items:center;justify-content:center}.summary .hero img{width:100%;height:100%;object-fit:cover}.summary .hero .ph{font-size:46px;opacity:.6}.summary h2{margin:0;font-size:20px;font-weight:800}.summary .muted{color:var(--text-soft);font-size:14px;margin:0}.field{display:flex;flex-direction:column;gap:6px}.field .k{font-size:12px;font-weight:700;color:var(--text-dim);letter-spacing:.4px}.field .v{font-size:15px}.chips{display:flex;flex-wrap:wrap;gap:6px}.chip{font-size:13px;font-weight:600;padding:6px 11px;border-radius:var(--r-pill);background:var(--surface-2);border:1px solid var(--border)}.chip.on{background:var(--grad);color:#fff;border-color:transparent}.gallery h2{margin:0 0 4px;font-size:20px;font-weight:800}.gallery .progress{color:var(--cyan);font-size:13px;font-weight:700;margin:0 0 var(--sp-4)}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));grid-gap:var(--sp-3);gap:var(--sp-3)}.cell{position:relative;aspect-ratio:1/1;border-radius:var(--r-thumb);overflow:hidden;background:var(--surface-2);border:1px solid var(--border)}.cell img{width:100%;height:100%;object-fit:cover}.cell .cap{position:absolute;left:8px;bottom:6px;font-size:11px;font-weight:700;color:#fff;text-shadow:0 1px 4px rgba(0,0,0,.6)}.cell .ph{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:22px;color:var(--text-dim)}.cell.active{border-color:var(--accent2);box-shadow:var(--glow-pink)}.cell.active .ph{animation:pulse 1.1s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.4}50%{opacity:1}}.cell.cover{grid-column:1/-1;aspect-ratio:16/9}.spinner{width:22px;height:22px;border-radius:50%;border:3px solid var(--border);border-top-color:var(--accent2);animation:spin .85s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.genwrap{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--sp-4);text-align:center;height:100%;padding:var(--sp-8) var(--sp-4)}.genwrap h2{margin:0;font-size:20px;font-weight:800}.genwrap .sub{color:var(--cyan);font-size:14px;font-weight:700;margin:0}.bigspin{width:62px;height:62px;border-radius:50%;border-left:6px solid var(--border);border-bottom:6px solid var(--border);border-right-color:var(--border);border-top-color:var(--border);border-top:6px solid var(--accent2);border-right:6px solid var(--accent1);animation:spin .9s linear infinite;box-shadow:var(--glow)}.progbar{width:82%;max-width:320px;height:10px;border-radius:999px;background:var(--surface-2);border:1px solid var(--border);overflow:hidden}.progfill{height:100%;background:var(--grad);border-radius:999px;box-shadow:var(--glow);transition:width .4s ease}.progpct{font-size:13px;font-weight:700;color:var(--text-soft);margin:0}.viewer{flex-direction:column;gap:var(--sp-4);height:100%}.book,.viewer{display:flex;align-items:center}.book{--spread-w:min(1280px,100%,calc((100dvh - 360px) * 2));--page-w:calc(var(--spread-w) / 2);perspective:2600px;width:100%;flex:1 1;min-height:0;justify-content:center}.spread{position:relative;display:grid;grid-template-columns:1fr 1fr;aspect-ratio:2/1;width:var(--spread-w);background:#0c0a1c;border-radius:12px;box-shadow:0 26px 60px rgba(0,0,0,.55),0 0 0 1px hsla(0,0%,100%,.06)}.spread:after,.spread:before{content:"";position:absolute;top:6px;bottom:6px;width:7px;z-index:0;background:repeating-linear-gradient(90deg,#d8d2c4 0 1px,#efeadf 1px 3px);border-radius:2px}.spread:before{left:-6px;box-shadow:-2px 0 6px rgba(0,0,0,.4)}.spread:after{right:-6px;box-shadow:2px 0 6px rgba(0,0,0,.4)}.spine{position:absolute;top:0;bottom:0;left:50%;width:34px;transform:translateX(-50%);z-index:6;pointer-events:none;width:24px;background:linear-gradient(90deg,transparent 0,rgba(0,0,0,.18) 40%,rgba(0,0,0,.26) 50%,rgba(0,0,0,.18) 60%,transparent)}.spread.as-solo{grid-template-columns:1fr;width:var(--page-w);aspect-ratio:1/1;background:transparent;box-shadow:none}.spread.as-solo:after,.spread.as-solo:before{display:none}.spread.as-solo .leaf.solo{border-radius:16px;border:1px solid var(--border);box-shadow:0 26px 60px rgba(0,0,0,.55)}.spread.opening{animation:coverGrow var(--flip-cover) cubic-bezier(.45,.05,.3,1) both}.spread.closing{animation:coverShrink var(--flip-cover) cubic-bezier(.45,.05,.3,1) both}@keyframes coverGrow{0%{transform:translateX(-25%)}to{transform:translateX(0)}}@keyframes coverShrink{0%{transform:translateX(0)}to{transform:translateX(-25%)}}.leaf.solo{border-radius:16px}.leaf{position:relative;overflow:hidden;background:var(--surface-solid);height:100%}.leaf.left{border-radius:10px 2px 2px 10px}.leaf.right{border-radius:2px 10px 10px 2px}.leaf .illust{position:relative;width:100%;height:100%;background:var(--grad-soft);display:flex;align-items:center;justify-content:center;overflow:hidden}.leaf .illust img{width:100%;height:100%;object-fit:cover;transform:scale(1.03);transform-origin:center bottom}.leaf .illust.wide .wide-img{position:absolute;top:-3%;height:103%;width:200%;max-width:none;object-fit:cover;transform:none}.leaf .illust.wide .wide-img.left{left:0}.leaf .illust.wide .wide-img.right{left:-100%}.leaf .illust .ph{font-size:38px;opacity:.6}.leaf.paper.blank{background:#1a1633}.leaf.inside{background:linear-gradient(135deg,#f1ece1,#ddd5c2);box-shadow:inset 0 0 60px rgba(120,90,50,.12)}.leaf.left:after,.leaf.right:after{content:"";position:absolute;top:0;bottom:0;width:40px;z-index:3;pointer-events:none}.leaf.left:after{right:0;background:linear-gradient(270deg,rgba(0,0,0,.16),transparent)}.leaf.right:after{left:0;background:linear-gradient(90deg,rgba(0,0,0,.16),transparent)}.leaf .ptext{position:absolute;z-index:4;padding:8px 18px;font-family:var(--font-serif);font-size:16px;line-height:1.5;font-weight:700;color:#14100a;word-break:keep-all;overflow-wrap:anywhere;background:radial-gradient(ellipse 62% 82% at 50% 50%,hsla(0,0%,100%,.62) 0,hsla(0,0%,100%,.34) 42%,hsla(0,0%,100%,0) 72%);text-shadow:0 0 5px #fff,0 0 11px hsla(0,0%,100%,.95),0 1px 2px hsla(0,0%,100%,.9)}.leaf .ptext.band-top{top:14px}.leaf .ptext.band-bottom,.leaf .ptext.band-top{left:0;right:0;margin-inline:auto;text-align:center;width:-moz-fit-content;width:fit-content;min-width:7em;max-width:96%}.leaf .ptext.band-bottom{bottom:14px}.cover-title{position:absolute;top:18px;left:0;right:0;text-align:center;padding:0 14px;z-index:5;font-family:var(--font-hand);font-weight:700;font-size:27px;color:#fff;-webkit-text-stroke:1.5px rgba(124,58,237,.85);paint-order:stroke fill;text-shadow:0 0 18px rgba(236,72,153,.6);line-height:1.25}.flip{position:absolute;top:0;bottom:0;width:50%;z-index:8;transform-style:preserve-3d}.flip.next{left:50%;transform-origin:left center;animation:flipNext var(--flip-page) ease-in-out both}.flip.prev{left:0;transform-origin:right center;animation:flipPrev var(--flip-page) ease-in-out both}.flip .face{position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;overflow:hidden}.flip .face.front{transform:rotateY(0deg)}.flip .face.back{transform:rotateY(180deg)}.flip .shade{position:absolute;inset:0;z-index:9;pointer-events:none;background:transparent;animation:flipShade var(--flip-page) ease-in-out both}@keyframes flipNext{0%{transform:rotateY(0deg)}to{transform:rotateY(-180deg)}}@keyframes flipPrev{0%{transform:rotateY(0deg)}to{transform:rotateY(180deg)}}@keyframes flipShade{0%{background:transparent}50%{background:rgba(0,0,0,.35)}to{background:transparent}}.flip.is-cover{z-index:12}.flip.is-cover.next,.flip.is-cover.prev{animation-duration:var(--flip-cover);animation-timing-function:cubic-bezier(.45,.05,.3,1)}.flip.is-cover .shade{animation-duration:var(--flip-cover)}.flip.is-cover .face{box-shadow:0 14px 34px rgba(0,0,0,.5)}@media (max-width:560px){.leaf .ptext{font-size:12px;padding:7px 10px;max-width:70%}.cover-title{font-size:22px}}.tts-bar{display:flex;justify-content:center}.tts-btn{display:inline-flex;align-items:center;gap:8px;padding:9px 18px;border-radius:999px;cursor:pointer;background:var(--surface-2);color:var(--text);border:1px solid var(--accent1);font-weight:700;font-size:14px;transition:background .15s,border-color .15s,opacity .15s}.tts-btn span:first-child{font-size:16px;line-height:1}.tts-btn:hover:not(:disabled){background:var(--surface);border-color:var(--accent2)}.tts-btn:disabled{opacity:.4;cursor:default}.nav{gap:var(--sp-4);margin-top:var(--sp-6)}.nav,.nav-arrow{display:flex;align-items:center;justify-content:center}.nav-arrow{width:46px;height:46px;border-radius:50%;color:var(--text);background:var(--surface-2);border:1px solid var(--border);transition:background .15s,border-color .15s}.nav-arrow svg{display:block}.nav-arrow:hover:not(:disabled){border-color:var(--accent1);background:var(--surface)}.nav-arrow:disabled{opacity:.3;cursor:default}.dots{display:flex;gap:7px;align-items:center}.dot{width:8px;height:8px;border-radius:50%;background:var(--border-strong);transition:width .2s,background .2s}.dot.active{width:22px;border-radius:999px;background:var(--grad)}.viewer-footer{display:flex;flex-direction:column;gap:var(--sp-2);align-items:center;width:100%}.ai-note{font-size:12px;color:var(--text-dim)}.ai-note,.errbox{text-align:center}.errbox{display:flex;flex-direction:column;gap:var(--sp-4);align-items:center;padding:var(--sp-8) var(--sp-4)}.errbox .big{font-size:17px;font-weight:700}.errbox .small{font-size:13px;color:var(--text-soft);max-width:320px}.toast{position:fixed;left:50%;bottom:24px;transform:translateX(-50%);z-index:50;max-width:90%;padding:12px 18px;font-size:14px;font-weight:600;color:#fff;background:var(--surface-solid);border:1px solid var(--accent2);border-radius:var(--r-pill);box-shadow:var(--glow-pink);animation:pop .3s ease both}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}.fb2-viewer{--fb2-pw:min(600px,46vw,calc((100dvh - 200px)));--fb2-ph:var(--fb2-pw);flex-direction:column;gap:var(--sp-4);height:100%}.fb2-stage,.fb2-viewer{display:flex;align-items:center}.fb2-stage{flex:1 1;min-height:0;width:100%;justify-content:center;perspective:2400px;perspective-origin:50% 45%}.fb2-book{position:relative;width:calc(var(--fb2-pw) * 2);height:var(--fb2-ph);transform-style:preserve-3d;transition:transform var(--fb2-flip,.95s) cubic-bezier(.31,.06,.28,1)}.fb2-shadow{bottom:-24px;width:70%;height:30px;transform:translateX(-50%);background:radial-gradient(50% 100% at 50% 0,rgba(0,0,0,.5),transparent 70%);filter:blur(3px);z-index:0;pointer-events:none}.fb2-leaf,.fb2-shadow{position:absolute;left:50%}.fb2-leaf{top:0;width:var(--fb2-pw);height:var(--fb2-ph);transform-origin:left center;transform-style:preserve-3d;transition:transform var(--fb2-flip,.95s) cubic-bezier(.31,.06,.28,1)}.fb2-face{position:absolute;inset:0;overflow:hidden;backface-visibility:hidden;-webkit-backface-visibility:hidden;background:var(--surface-solid);border-radius:3px 8px 8px 3px;box-shadow:inset 14px 0 34px -30px rgba(0,0,0,.9)}.fb2-face.back{transform:rotateY(180deg);border-radius:8px 3px 3px 8px;box-shadow:inset -14px 0 34px -30px rgba(0,0,0,.9)}.fb2-illust{position:relative;width:100%;height:100%;background:var(--grad-soft);display:flex;align-items:center;justify-content:center;overflow:hidden}.fb2-illust img{width:100%;height:100%;object-fit:cover}.fb2-ph{font-size:40px;opacity:.55}.fb2-illust.wide .fb2-wide-img{position:absolute;top:-3%;height:103%;width:200%;max-width:none;object-fit:cover}.fb2-illust.wide .fb2-wide-img.left{left:0}.fb2-illust.wide .fb2-wide-img.right{left:-100%}.fb2-face.back.back,.fb2-face.cover{background:linear-gradient(135deg,#2f2350,#1c1638)}.fb2-cover-title{position:absolute;top:20px;left:0;right:0;text-align:center;padding:0 16px;z-index:5;font-family:var(--font-hand);font-weight:700;font-size:calc(var(--fb2-pw) * .1);color:#fff;-webkit-text-stroke:1.5px rgba(124,58,237,.85);paint-order:stroke fill;text-shadow:0 0 18px rgba(236,72,153,.6);line-height:1.25}.fb2-endcard{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:var(--accent-butter,#f0c46a);text-align:center;padding:0 26px}.fb2-end{font-family:var(--font-hand);font-size:calc(var(--fb2-pw) * .16);letter-spacing:.1em}.fb2-end-sub{font-size:13px;color:hsla(42,56%,93%,.8);line-height:1.7}.fb2-ptext{position:absolute;z-index:4;padding:8px 16px;left:0;right:0;margin-inline:auto;width:-moz-fit-content;width:fit-content;min-width:7em;max-width:92%;text-align:center;font-family:var(--font-serif);font-size:clamp(12px,calc(var(--fb2-pw) * .027),16px);line-height:1.5;font-weight:700;color:#14100a;word-break:keep-all;overflow-wrap:anywhere;background:radial-gradient(ellipse 62% 82% at 50% 50%,hsla(0,0%,100%,.62) 0,hsla(0,0%,100%,.34) 42%,hsla(0,0%,100%,0) 72%);text-shadow:0 0 5px #fff,0 0 11px hsla(0,0%,100%,.95)}.fb2-ptext.band-top{top:16px}.fb2-ptext.band-bottom{bottom:16px}.fb2-zone{position:absolute;top:0;bottom:0;width:50%;z-index:200;cursor:pointer}.fb2-zone.left{left:0}.fb2-zone.right{left:50%}.fb2-nav{display:flex;align-items:center;justify-content:center;gap:var(--sp-4);margin-top:var(--sp-4)}@media (prefers-reduced-motion:reduce){.fb2-book,.fb2-leaf{transition-duration:.001ms!important}}