:root{--night:#1d0614;--plum:#3b0d27;--wine:#6e1440;--hot:#e8457f;--hot-2:#ff6fa5;--pink:#f7a8c4;--blush:#fde4ec;--cream:#fff8f2;--paper:#fffaf4;--paper-2:#f8eee4;--ink:#3a1d2b;--ink-soft:#7a5566;--gold:#c9a24b;--gold-2:#f3dc9b;--gold-3:#8f6a1f;--serif:"Cormorant Garamond", Georgia, serif;--display:"Bodoni Moda", "Didot", Georgia, serif;--script:"Pinyon Script", cursive;--ko:"Gowun Batang", serif;--ui:"Outfit", system-ui, sans-serif;--ease:cubic-bezier(.2, .7, .2, 1);--safe-b:env(safe-area-inset-bottom,0px)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{height:100%}body{background:var(--night);color:var(--ink);font-family:var(--ui);overscroll-behavior:none;-webkit-font-smoothing:antialiased;margin:0;overflow:hidden}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0}img,video{max-width:100%;display:block}input,textarea,select{font:inherit;color:var(--ink)}.foil{background:linear-gradient(115deg,#8f6a1f 0%,#f3dc9b 22%,#c9a24b 38%,#fff4cf 50%,#b8892f 64%,#f3dc9b 80%,#8f6a1f 100%) 0 0/250% 100%;color:#0000;-webkit-background-clip:text;background-clip:text;animation:6s linear infinite foil}@keyframes foil{to{background-position:-250% 0}}.app{background:radial-gradient(1200px 800px at 50% 110%,#7b1d4c 0%,#0000 60%),radial-gradient(900px 600px at 10% -10%,#5a1238 0%,#0000 60%),linear-gradient(#250a1a 0%,#3b0d27 55%,#4a1031 100%);position:fixed;inset:0}.stage-book.app{background:radial-gradient(1000px 700px at 50% 45%,#ffd6e6 0%,#0000 70%),radial-gradient(1400px 900px at 50% 120%,#e8457f 0%,#0000 60%),linear-gradient(#f6b9cf 0%,#f08db2 55%,#d9628f 100%);transition:background 1.5s}.bg-bokeh i{width:calc(80px + var(--i) * 22px);aspect-ratio:1;left:calc(var(--i) * 11.5% - 4%);top:calc(mod(var(--i) * 37, 100) * 1%);filter:blur(2px);opacity:.35;animation:drift calc(14s + var(--i) * 3s) ease-in-out infinite alternate;pointer-events:none;background:radial-gradient(circle,#ffffff8c,#fff0 70%);border-radius:50%;position:absolute}.stage-intro .bg-bokeh i{background:radial-gradient(circle,#ff6fa559,#0000 70%)}@keyframes drift{to{transform:translate(30px,-60px)scale(1.15)}}.bg-words{pointer-events:none;position:absolute;inset:0;overflow:hidden}.bg-words span{font-family:var(--ko);color:#ffffff1c;left:calc(mod(var(--i) * 41, 90) * 1%);top:calc(mod(var(--i) * 29 + 5, 90) * 1%);animation:floatword calc(18s + var(--i) * 2s) ease-in-out infinite alternate;font-size:clamp(40px,7vw,110px);position:absolute}.stage-intro .bg-words{display:none}@keyframes floatword{to{transform:translateY(-40px)rotate(4deg)}}.fx-canvas{pointer-events:none;z-index:60;width:100%;height:100%;position:fixed;inset:0}.intro{z-index:40;padding:max(6vh, 28px) 20px calc(4vh + var(--safe-b));color:#ffe7f0;text-align:center;cursor:pointer;flex-direction:column;justify-content:space-between;align-items:center;display:flex;position:fixed;inset:0;overflow:hidden}.intro-glow{background:radial-gradient(600px 420px at 50% 68%,#ff6fa559,#0000 70%);animation:5s ease-in-out infinite pulse;position:absolute;inset:0}@keyframes pulse{50%{opacity:.6}}.intro-hangul span{font-family:var(--ko);color:#ffc8e114;left:calc(mod(var(--i) * 43, 85) * 1% + 3%);top:calc(mod(var(--i) * 31, 85) * 1% + 5%);animation:floatword calc(16s + var(--i) * 2s) ease-in-out infinite alternate;font-size:clamp(36px,8vw,96px);position:absolute}.intro-copy{z-index:2;max-width:620px;position:relative}.intro-copy p{font-family:var(--serif);color:#ffe4efd9;margin:0 0 6px;font-size:clamp(19px,2.6vw,26px);font-style:italic}.intro-copy h1{font-family:var(--display);background:linear-gradient(115deg,#ffd27a,#fff4cf 40%,#ff9cc2 70%,#ffd27a);color:#0000;filter:drop-shadow(0 0 30px #ff6fa573);-webkit-background-clip:text;background-clip:text;flex-direction:column;margin:14px 0 0;font-size:clamp(38px,7vw,76px);font-weight:400;line-height:1;display:flex}.intro-stage{z-index:2;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:10px;display:flex;position:relative}.intro-house{filter:drop-shadow(0 0 40px #ffb4d28c)drop-shadow(0 20px 40px #0006);width:min(62vw,42vh,380px)}.intro-house img{pointer-events:none;width:100%}.intro-cta{font-family:var(--ui);letter-spacing:.02em;color:#ffe7f0;flex-direction:column;align-items:center;gap:4px;font-size:15px;display:flex;position:relative}.intro-cta small{opacity:.6;font-size:12px}.intro-ring{background:var(--gold-2);border-radius:50%;width:12px;height:12px;margin-bottom:4px;animation:1.8s infinite ring;box-shadow:0 0 #f3dc9bcc}@keyframes ring{to{box-shadow:0 0 0 22px #f3dc9b00}}.intro-skip{z-index:3;color:#ffe4ef8c;padding:8px;font-size:13px;position:absolute;top:16px;right:18px}.intro-flash{opacity:0;pointer-events:none;z-index:5;background:radial-gradient(circle at 50% 60%,#fff,#ffe1ec 60%,#ffc2d9);position:absolute;inset:0}.topbar{z-index:30;padding:max(10px, env(safe-area-inset-top)) 14px 8px;justify-content:space-between;align-items:center;display:flex;position:fixed;top:0;left:0;right:0}.brand{color:#fff;align-items:center;gap:8px;text-decoration:none;display:flex}.brand-30{font-family:var(--display);filter:drop-shadow(0 1px 1px #00000040);font-size:26px;font-weight:800;line-height:1}.brand-txt{font-family:var(--serif);text-shadow:0 1px 8px #7a184666;font-size:17px;font-style:italic}.brand-txt b{font-family:var(--script);margin-left:2px;font-size:22px;font-style:normal;font-weight:400}.top-actions{align-items:center;gap:8px;display:flex}.icon-btn{-webkit-backdrop-filter:blur(10px);width:40px;height:40px;color:var(--wine);background:#ffffff59;border-radius:50%;place-items:center;font-size:18px;display:grid;box-shadow:0 4px 14px #7a18462e,inset 0 0 0 1px #ffffff80}.eq{align-items:flex-end;gap:2px;height:14px;display:flex}.eq i{background:var(--wine);border-radius:2px;width:3px;height:4px}.music-btn.on .eq i{animation:.9s ease-in-out infinite alternate eq}.music-btn.on .eq i:nth-child(2){animation-delay:-.3s}.music-btn.on .eq i:nth-child(3){animation-delay:-.6s}.music-btn.on .eq i:nth-child(4){animation-delay:-.15s}@keyframes eq{to{height:14px}}.chip{color:var(--wine);background:#ffffffb3;border-radius:99px;align-items:center;gap:4px;padding:6px 12px;font-size:12.5px;text-decoration:none;display:inline-flex}.staff-chip{white-space:nowrap;background:var(--wine);color:#fff;box-shadow:0 4px 14px #6e144059}.pager{left:50%;bottom:calc(10px + var(--safe-b));z-index:25;align-items:center;gap:12px;display:flex;position:fixed;transform:translate(-50%)}.pager-btn{width:44px;height:44px;color:var(--wine);background:#ffffffd9;border-radius:50%;place-items:center;padding-bottom:3px;font-size:26px;line-height:1;display:grid;box-shadow:0 6px 18px #7a184640}.pager-btn:disabled{opacity:.35}.pager-dots{background:#ffffff73;border-radius:4px;width:120px;height:4px;overflow:hidden}.pager-dots i{background:var(--wine);height:100%;transition:width .8s var(--ease);border-radius:4px;display:block}.fab-write{right:16px;bottom:calc(66px + var(--safe-b));z-index:26;background:linear-gradient(135deg, var(--hot), #c2185b);color:#fff;border-radius:99px;padding:13px 18px;font-size:15px;font-weight:600;position:fixed;box-shadow:0 10px 28px #c2185b73,inset 0 1px #ffffff4d}.fab-write:after{content:"";border-radius:inherit;animation:2.4s infinite ring;position:absolute;inset:0;box-shadow:0 0 #e8457f99}@media (width<=899px){.brand-txt{font-size:15px}.topbar:has(.staff-chip) .brand-txt{display:none}}.pager-write{background:linear-gradient(135deg, var(--hot), #c2185b);color:#fff;white-space:nowrap;border-radius:99px;height:44px;padding:0 18px;font-size:14.5px;font-weight:600;animation:2.6s infinite ring;box-shadow:0 8px 22px #c2185b66,inset 0 1px #ffffff4d}.pager:has(.pager-write) .pager-dots{display:none}.book-stage{touch-action:pan-y;place-items:center;padding-top:18px;display:grid;position:fixed;inset:0;overflow:hidden}.is-single.book-stage{place-items:center;padding-top:6px}.book-persp{perspective:2600px;perspective-origin:50% 40%}.is-single .book-persp{perspective:1800px}.book{transform-style:preserve-3d;position:relative}.book-block{background:var(--paper-2);border-radius:3px 8px 8px 3px;position:absolute;top:0;bottom:0;box-shadow:0 30px 60px -10px #5a0a3273,0 12px 24px #5a0a3233}.book-block.right{box-shadow:calc(var(--stack) * .4px) calc(var(--stack) * .3px) 0 #efe2d4, calc(var(--stack) * .8px) calc(var(--stack) * .6px) 0 #e7d6c6, 0 30px 60px -10px #5a0a3273}.book-block.left{box-shadow:calc(var(--done) * -.4px) calc(var(--done) * .3px) 0 #efe2d4, calc(var(--done) * -.8px) calc(var(--done) * .6px) 0 #e7d6c6, 0 30px 60px -10px #5a0a3273;border-radius:8px 3px 3px 8px;left:0}.leaf{transform-origin:0;height:100%;transform-style:preserve-3d;will-change:transform;position:absolute;top:0}.face{backface-visibility:hidden;border-radius:2px 6px 6px 2px;position:absolute;inset:0;overflow:hidden}.face-back{border-radius:6px 2px 2px 6px;transform:rotateY(180deg)}.face-shade{pointer-events:none;background:linear-gradient(90deg,#3c0a2399,#3c0a231a);position:absolute;inset:0}.face-shade.back{background:linear-gradient(270deg,#3c0a2380,#3c0a230d)}.is-single .face-back{display:none}.is-single .leaf{transform-origin:-2px}.face-front .page:after,.face-back .page:after{content:"";pointer-events:none;z-index:5;position:absolute;inset:0}.is-spread .face-front .page:after{background:linear-gradient(90deg,#5a283c2e,#5a283c00 7%)}.is-spread .face-back .page:after{background:linear-gradient(270deg,#5a283c33,#5a283c00 7%)}.is-single .face-front .page:after{background:linear-gradient(90deg,#5a283c24,#5a283c00 4%)}.leaf-cover .face-front .page:after{background:linear-gradient(90deg,#00000059,#ffffff1f 2.2%,#0000 5%)!important}.page{position:absolute;inset:0;overflow:hidden}.paper{background:radial-gradient(ellipse at 30% 20%, #ffffffb3, transparent 60%), url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .45 0 0 0 0 .3 0 0 0 0 .32 0 0 0 .07 0'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)'/%3E%3C/svg%3E"), var(--paper)}.blank-paper{background-color:var(--paper-2)}.page-scroll{-webkit-overflow-scrolling:touch;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#e8457f4d transparent;padding:clamp(26px,6%,48px) clamp(22px,8%,52px) 80px;position:absolute;inset:0;overflow:hidden auto}.page-scroll::-webkit-scrollbar{width:4px}.page-scroll::-webkit-scrollbar-thumb{background:#e8457f4d;border-radius:4px}.kicker{font-family:var(--ui);letter-spacing:.28em;text-transform:uppercase;color:var(--hot);text-align:center;font-size:11px;font-weight:600;display:block}.kicker.light{color:var(--gold-2)}.title{font-family:var(--serif);text-align:center;color:var(--wine);margin:8px 0 14px;font-size:clamp(30px,4.2vw,44px);font-style:italic;font-weight:500;line-height:1.02}.page p{font-family:var(--serif);color:var(--ink);margin:0 0 14px;font-size:clamp(17px,1.55vw,19.5px);line-height:1.55}.page p.small,.small{font-size:14px!important}.center{text-align:center}.muted{color:var(--ink-soft)}.dropcap:first-letter{float:left;font-family:var(--display);color:var(--hot);padding:6px 8px 0 0;font-size:3.6em;line-height:.82}.ornament{text-align:center;color:var(--gold);margin:-6px 0 12px;font-size:20px;display:block}.folio{text-align:center;font-family:var(--serif);color:var(--ink-soft);font-size:13px;font-style:italic;position:absolute;bottom:14px;left:0;right:0}.cover{cursor:pointer;background:#c94a75}.cover-art{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.cover-art.flip{filter:saturate(.9)brightness(.8);transform:scaleX(-1)}.cover-sheen{mix-blend-mode:soft-light;background:linear-gradient(115deg,#0000 30%,#ffffff47 45%,#0000 60%) 0 0/250% 100%;animation:7s ease-in-out infinite sheen;position:absolute;inset:0}@keyframes sheen{0%,30%{background-position:150% 0}70%,to{background-position:-100% 0}}.cover-title{text-align:center;flex-direction:column;justify-content:center;align-items:center;height:45%;display:flex;position:absolute;top:15%;left:22%;right:22%;container-type:inline-size}.cover-kicker{font-family:var(--ui);white-space:nowrap;letter-spacing:.22em;text-transform:uppercase;color:var(--wine);opacity:.85;font-size:4.4cqw}.cover-de{font-family:var(--display);color:var(--wine);margin-top:4cqw;font-size:15cqw;font-style:italic;line-height:1}.cover-30{font-family:var(--display);filter:drop-shadow(0 2px #6e144059)drop-shadow(0 6px 12px #6e144040);font-size:52cqw;font-weight:900;line-height:.85}.cover-name{font-family:var(--script);color:var(--wine);text-shadow:0 1px #ffffff80;margin-top:-4cqw;font-size:26cqw;line-height:.9}.cover-ko{font-family:var(--ko);color:var(--hot);letter-spacing:.12em;margin-top:3cqw;font-size:8cqw;font-weight:700}.cover-date{text-align:center;font-family:var(--display);letter-spacing:.3em;color:var(--gold-2);text-shadow:0 1px 2px #0006;font-size:12px;position:absolute;bottom:3.2%;left:0;right:0}.cover-hint{z-index:2;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#fff;letter-spacing:.06em;white-space:nowrap;background:#3b0d278c;border-radius:99px;padding:8px 16px;font-size:13px;position:absolute;bottom:2.2%;left:50%;transform:translate(-50%)}.endpaper{background:url(/art/endpaper.webp) 50%/340px,#f9c9d8}.ex-libris,.part-card{background:var(--paper);text-align:center;height:fit-content;max-height:80%;box-shadow:0 12px 40px #6e144040, inset 0 0 0 1px #c9a24b99, inset 0 0 0 7px var(--paper), inset 0 0 0 8px #c9a24b73;border-radius:6px;flex-direction:column;align-items:center;gap:6px;margin:auto;padding:30px 24px;display:flex;position:absolute;inset:12% 10%;overflow:auto}.ex-small{font-family:var(--ui);letter-spacing:.25em;text-transform:uppercase;color:var(--ink-soft);font-size:10.5px}.ex-name{font-family:var(--script);color:var(--wine);font-size:64px;line-height:1.1}.ex-rule{background:var(--gold);width:60px;height:1px;margin:4px 0 10px}.ex-libris p{font-style:italic}.ex-ko{font-family:var(--ko);color:var(--hot);margin:6px 0;font-size:26px}.part-card p{font-size:17px}.part-count{font-family:var(--ui);letter-spacing:.12em;text-transform:uppercase;color:var(--wine);background:var(--blush);border-radius:99px;margin-top:4px;padding:6px 12px;font-size:12px}.prologue-house{filter:drop-shadow(0 12px 24px #e8457f40);width:min(76%,300px);margin:0 auto 12px;display:block;position:relative}.prologue-house img{animation:5s ease-in-out infinite bob}@keyframes bob{50%{transform:translateY(-8px)rotate(-1deg)}}.tap-dot{background:var(--hot);color:#fff;font-family:var(--ui);letter-spacing:.1em;text-transform:uppercase;border-radius:99px;padding:5px 10px;font-size:11px;animation:2s infinite ring;position:absolute;bottom:14%;right:6%;box-shadow:0 0 #e8457f99}.wish-granted{text-align:center;font-style:italic;color:var(--hot)!important;font-size:20px!important}.chapter-media{background:var(--plum)}.fill{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.kenburns{transform-origin:50% 30%;animation:22s ease-in-out infinite alternate kb}@keyframes kb{0%{transform:scale(1.02)}to{transform:scale(1.14)translate(-1.5%,-1%)}}.chapter-media-veil{background:linear-gradient(#3b0d2726 0%,#0000 30% 55%,#3b0d27bf 100%);position:absolute;inset:0}.grain{opacity:.09;mix-blend-mode:overlay;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='200' height='200' filter='url(%23g)' opacity='.5'/%3E%3C/svg%3E");animation:.8s steps(4,end) infinite grain;position:absolute;inset:-50%}@keyframes grain{25%{transform:translate(-3%,2%)}50%{transform:translate(2%,-3%)}75%{transform:translate(-1%,3%)}}.chapter-num{font-family:var(--display);letter-spacing:.2em;color:#ffffffd9;font-size:15px;position:absolute;top:18px;left:20px}.chapter-ko{color:#fff;flex-direction:column;align-items:flex-end;gap:6px;display:flex;position:absolute;bottom:22px;right:16px}.ko-big{font-family:var(--ko);writing-mode:vertical-rl;text-shadow:0 4px 24px #3b0d2799;letter-spacing:.1em;font-size:clamp(44px,7vw,76px);font-weight:700;line-height:1}.ko-mean{font-family:var(--serif);opacity:.9;font-size:15px;font-style:italic}.dojang{border:2.5px solid var(--hot);width:74px;height:74px;color:var(--hot);font-family:var(--ko);text-align:center;opacity:.85;border-radius:10px;place-items:center;margin:22px auto 0;font-size:17px;font-weight:700;line-height:1.1;display:grid;transform:rotate(-6deg);-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='80'%3E%3Cfilter id='r'%3E%3CfeTurbulence baseFrequency='.6' numOctaves='2'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 -2.2 1.9'/%3E%3C/filter%3E%3Crect width='80' height='80' filter='url(%23r)'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='80'%3E%3Cfilter id='r'%3E%3CfeTurbulence baseFrequency='.6' numOctaves='2'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 -2.2 1.9'/%3E%3C/filter%3E%3Crect width='80' height='80' filter='url(%23r)'/%3E%3C/svg%3E")}.dojang span{word-break:keep-all;padding:6px}.magazine{color:#fff;background:#222}.mag-veil{background:linear-gradient(#ffffff1a 0%,#0000 25% 55%,#3b0d2799 100%);position:absolute;inset:0}.mag-top{text-align:center;padding:4% 5% 0;position:absolute;top:0;left:0;right:0;container-type:inline-size}.mag-issue{font-family:var(--ui);letter-spacing:.22em;text-transform:uppercase;color:var(--wine);font-size:2.6cqw;font-weight:600;display:block}.mag-mast{font-family:var(--display);letter-spacing:-.01em;color:var(--hot);text-shadow:0 2px 18px #ffffff59;font-size:23cqw;font-weight:900;line-height:.9;display:block}.mag-lines{text-shadow:0 2px 10px #00000059;flex-direction:column;gap:8px;width:44%;display:flex;position:absolute;bottom:4%;left:5%}.mag-tag{background:var(--hot);color:#fff;letter-spacing:.2em;text-transform:uppercase;text-shadow:none;align-self:flex-start;padding:3px 8px;font-size:10px;font-weight:700}.mag-big{font-family:var(--display);color:#fff;font-size:clamp(26px,3.4vw,40px);font-style:italic;font-weight:700;line-height:.92}.mag-line{font-family:var(--ui);text-transform:uppercase;letter-spacing:.04em;border-left:3px solid var(--gold-2);padding-left:8px;font-size:clamp(10.5px,1vw,12.5px);font-weight:600;line-height:1.2}.mag-line.pink{border-color:var(--hot-2);color:#ffe1ec}.mag-ko{writing-mode:vertical-rl;font-family:var(--ko);color:#fff;letter-spacing:.25em;text-shadow:0 2px 10px #0006;font-size:clamp(15px,1.6vw,19px);position:absolute;top:30%;right:5%}.mag-barcode{background:#fff;flex-direction:column;align-items:center;gap:2px;padding:6px 8px 4px;display:flex;position:absolute;bottom:4%;right:5%}.mag-barcode i{background:repeating-linear-gradient(90deg,#111 0 2px,#fff 2px 3px,#111 3px 4px,#fff 4px 6px,#111 6px 9px,#fff 9px 10px);width:74px;height:26px}.mag-barcode span{font-family:var(--ui);color:#111;letter-spacing:.1em;font-size:8px}.letter .page-scroll{background-image:repeating-linear-gradient(#0000 0 31px,#e8457f1f 31px 32px);background-attachment:local}.letter-flamingo{float:right;shape-outside:margin-box;width:32%;max-width:140px;margin:0 -10px 6px 10px}.letter p{font-size:clamp(18px,1.6vw,20.5px);line-height:32px}.signature{text-align:right;font-family:var(--script)!important;color:var(--wine)!important;margin-top:10px!important;font-size:32px!important}.film-page{background:#12040c;place-items:center;display:grid}.film-strip{opacity:.55;grid-template-columns:repeat(5,1fr);gap:10px;animation:40s linear infinite alternate strip;display:grid;position:absolute;inset:-10% -40%;transform:rotate(-12deg)}.film-strip img{aspect-ratio:3/4;object-fit:cover;filter:saturate(.8);border-radius:4px;width:100%}@keyframes strip{to{transform:rotate(-12deg)translateY(-18%)}}.film-veil{background:radial-gradient(circle,#12040c8c,#12040ceb);position:absolute;inset:0}.film-card{text-align:center;color:#fff;flex-direction:column;align-items:center;gap:8px;padding:20px;display:flex;position:relative}.film-title{font-family:var(--script);color:#fff;margin:4px 0 0;font-size:clamp(54px,7vw,80px);font-weight:400;line-height:1}.film-title em{font-family:var(--serif);color:var(--pink);font-size:.45em}.film-ko{font-family:var(--ko);color:var(--gold-2);letter-spacing:.3em}.btn-play{color:var(--wine);background:#fff;border-radius:99px;align-items:center;gap:10px;margin-top:16px;padding:14px 24px 14px 18px;font-weight:600;display:inline-flex;box-shadow:0 0 0 6px #ffffff26,0 10px 30px #e8457f80}.btn-play svg{width:22px;height:22px;fill:var(--hot)}.film-meta{letter-spacing:.2em;text-transform:uppercase;opacity:.6;margin-top:8px;font-size:11px}.camera{filter:drop-shadow(0 12px 22px #6e144040);width:min(70%,280px);margin:0 auto;transition:transform .15s;display:block;position:relative}.camera:active{transform:scale(.96)rotate(-1deg)}.camera-btn{aspect-ratio:1;border-radius:50%;width:11%;animation:1.6s infinite ring;position:absolute;top:46%;left:25%;box-shadow:0 0 #e8457fb3}.camera-flash{pointer-events:none;z-index:70;background:#fff;position:fixed;inset:0}.polaroids{grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:14px 10px;margin-top:18px;display:grid}.polaroid{background:#fff;flex-direction:column;padding:6px 6px 0;display:flex;box-shadow:0 6px 16px #3c142833}.polaroid-img{aspect-ratio:1;background:#2a1a20;display:block;overflow:hidden}.polaroid-img img{object-fit:cover;width:100%;height:100%}.polaroid-img img.developing{animation:3.2s ease-out develop}@keyframes develop{0%{filter:brightness(.15)sepia()blur(3px)}40%{filter:brightness(1.6)sepia(.6)blur(1px)saturate(.3)}to{filter:none}}.polaroid-cap{font-family:var(--script);color:var(--ink);text-align:center;min-height:24px;padding:4px 2px 6px;font-size:15px;line-height:1.1}.friend{--accent:var(--hot);--accent-soft:#fde4ec}.accent-dourado{--accent:#b8892f;--accent-soft:#f7ecd0}.accent-lavanda{--accent:#8c5fb8;--accent-soft:#efe5f8}.accent-coral{--accent:#e86a5a;--accent-soft:#fde6e1}.accent-cereja{--accent:#c2185b;--accent-soft:#fbdbe7}.friend-head{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.friend-head .kicker{color:var(--accent);text-align:left}.ko-stamp{border:2px solid var(--accent);min-width:58px;height:58px;color:var(--accent);border-radius:50%;flex-direction:column;justify-content:center;align-items:center;padding:4px;display:flex;transform:rotate(8deg)}.ko-stamp b{font-family:var(--ko);font-size:17px;line-height:1}.ko-stamp small{letter-spacing:.05em;text-transform:uppercase;text-align:center;max-width:52px;margin-top:2px;font-size:8px;line-height:1.1}.friend-hero{margin:0 -4px 16px;position:relative}.hero-media{object-fit:cover;border-radius:2px;width:100%;max-height:52vh}.voice-video{cursor:pointer;background:#12040c;position:relative}.voice-video video{object-fit:cover;width:100%;max-height:52vh}.voice-video.thumb video{height:100%}.play-badge{background:#ffffffe6;border-radius:50%;place-items:center;width:62px;height:62px;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 8px 24px #00000059}.play-badge svg{width:28px;fill:var(--hot);margin-left:4px}.polaroid-hero{background:#fff;margin:6px 6px 22px;padding:10px 10px 0;transform:rotate(-2deg);box-shadow:0 10px 24px #3c14282e}.polaroid-hero .polaroid-cap{padding:6px 0 10px;font-size:22px}.tape{z-index:2;background:#f7a8c4bf;width:90px;height:24px;position:absolute;top:-12px;left:50%;transform:translate(-50%)rotate(-4deg);box-shadow:0 1px 2px #0000001a}.revista-hero{margin:-8px -4px 18px}.revista-hero .hero-media,.revista-hero .voice-video video{max-height:58vh}.revista-headline{color:#fff;font-family:var(--display);pointer-events:none;background:linear-gradient(#0000,#1e0612cc);margin:0;padding:40px 16px 14px;font-size:clamp(24px,3vw,32px);font-style:italic;font-weight:600;line-height:1.05;position:absolute;bottom:0;left:0;right:0}.doc-hero{background:#000;padding:22px 0}.doc-rec{font-family:var(--ui);letter-spacing:.15em;color:#ff4d6d;pointer-events:none;font-size:11px;animation:1.4s steps(2,end) infinite blink;position:absolute;top:30px;left:10px}@keyframes blink{50%{opacity:0}}.doc-lower{font-family:var(--ui);color:var(--ink);border-left:4px solid var(--accent);pointer-events:none;background:#ffffffeb;flex-direction:column;padding:6px 10px;font-size:12px;display:flex;position:absolute;bottom:34px;left:10px}.doc-lower b{font-size:14px}.friend-headline{font-family:var(--display);color:var(--ink);margin:0 0 12px;font-size:clamp(25px,3vw,32px);font-style:italic;font-weight:600;line-height:1.08}.layout-carta .friend-headline{font-family:var(--script);color:var(--accent);text-align:center;font-size:clamp(36px,4.4vw,46px);font-style:normal;font-weight:400}.pull{font-family:var(--serif);color:var(--accent);border-left:3px solid var(--accent);margin:6px 0 18px;padding:8px 0 8px 22px;font-size:clamp(21px,2vw,25px);font-style:italic;line-height:1.3;position:relative}.pull:before{content:"“";font-family:var(--display);color:var(--accent);opacity:.25;font-size:70px;position:absolute;top:-26px;left:-6px}.friend-thumbs{grid-template-columns:repeat(3,1fr);gap:6px;margin-bottom:16px;display:grid}.friend-thumbs .thumb{aspect-ratio:1;object-fit:cover;cursor:zoom-in;border-radius:2px;width:100%;overflow:hidden}.friend-thumbs .voice-video.thumb .play-badge{width:34px;height:34px}.friend-thumbs .voice-video.thumb .play-badge svg{width:16px}.hero-media:is(img){cursor:zoom-in}.qa{margin-bottom:14px}.qa-label{font-family:var(--ui);letter-spacing:.18em;text-transform:uppercase;color:var(--accent);background:var(--accent-soft);border-radius:3px;margin-bottom:6px;padding:3px 8px;font-size:10.5px;font-weight:600;display:inline-block}.qa p{white-space:pre-line}.friend-sign{text-align:right;font-family:var(--script)!important;color:var(--ink)!important;font-size:30px!important;line-height:1.1!important}.friend-sign small{font-family:var(--ui);letter-spacing:.08em;color:var(--ink-soft);text-transform:uppercase;font-size:11px;display:block}.stickers{pointer-events:none;position:absolute;inset:0}.sticker{color:var(--accent);opacity:.8;filter:drop-shadow(0 2px 2px #0000001a);font-size:26px;position:absolute}.sticker.s0{top:70px;right:14px;transform:rotate(12deg)}.sticker.s1{bottom:120px;left:10px;transform:rotate(-10deg)}.sticker.s2{top:45%;right:8px;transform:rotate(-6deg)}.reply-note{background:#fff4b8;margin:18px 6px 10px;padding:14px 16px;transform:rotate(-1.2deg);box-shadow:0 6px 14px #3c280026}.reply-note span{font-family:var(--ui);letter-spacing:.12em;text-transform:uppercase;color:var(--wine);font-size:11px;font-weight:600}.reply-note p{font-family:var(--script)!important;margin:6px 0 0!important;font-size:24px!important;line-height:1.25!important}.mine-bar,.staff-bar{font-family:var(--ui);z-index:6;background:#fde4eccc;border-radius:12px;flex-wrap:wrap;align-items:center;gap:8px;margin-top:18px;padding:12px;display:flex;position:relative}.mine-bar .chip{background:#fff}.write-page{cursor:pointer}.write-lines{background:repeating-linear-gradient(#0000 0 35px,#e8457f26 35px 36px);position:absolute;inset:12% 10% 10%}.write-inner{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:30px;display:flex;position:absolute;inset:0}.write-pen{width:70%;max-width:260px}.write-pen path{fill:none;stroke:var(--hot);stroke-width:3px;stroke-linecap:round;stroke-dasharray:600;stroke-dashoffset:600px;animation:3.5s ease-in-out infinite draw}@keyframes draw{60%,to{stroke-dashoffset:0}}.write-inner p{max-width:340px}.back-cover{background:#8c2350}.back-inner{text-align:center;color:#fff;background:radial-gradient(circle,#3b0d2759,#3b0d27bf);flex-direction:column;justify-content:center;align-items:center;gap:4px;padding:30px;display:flex;position:absolute;inset:0}.back-ko{font-family:var(--ko);color:var(--gold-2);text-shadow:0 4px 20px #0006;font-size:clamp(34px,5vw,52px);font-weight:700}.back-name{font-family:var(--script);font-size:clamp(60px,9vw,96px);line-height:1}.back-inner p{color:#ffe1ec;font-style:italic}.back-actions{flex-direction:column;gap:10px;margin-top:10px;display:flex}.btn-pink{background:linear-gradient(135deg, var(--hot), #c2185b);color:#fff;border-radius:99px;justify-content:center;align-items:center;gap:6px;padding:12px 20px;font-size:15px;font-weight:600;text-decoration:none;transition:transform .15s,opacity .2s;display:inline-flex;box-shadow:0 8px 22px #c2185b59,inset 0 1px #ffffff4d}.btn-pink:active{transform:scale(.97)}.btn-pink:disabled{opacity:.55}.btn-pink.lg{padding:16px 26px;font-size:16.5px}.btn-pink.sm,.btn-ghost.sm{padding:7px 12px;font-size:13px}.btn-ghost{color:var(--wine);background:#fff;border-radius:99px;justify-content:center;align-items:center;gap:6px;padding:10px 16px;font-size:14px;font-weight:500;text-decoration:none;display:inline-flex;box-shadow:inset 0 0 0 1.5px #e8457f59}.btn-ghost.light{color:#fff;background:#ffffff26;box-shadow:inset 0 0 0 1.5px #ffffff80}.btn-link{color:var(--wine);text-underline-offset:3px;padding:8px;font-size:14px;text-decoration:underline}.btn-link.danger{color:#b3261e}.block{width:100%;display:flex}.toggle{color:var(--ink);background:#fff;border-radius:99px;align-items:center;gap:8px;padding:6px 12px 6px 6px;font-size:13px;display:inline-flex;box-shadow:inset 0 0 0 1px #00000014}.toggle .knob{background:#d9c4cd;border-radius:99px;width:34px;height:20px;transition:background .2s;position:relative}.toggle .knob:after{content:"";width:16px;height:16px;transition:transform .25s var(--ease);background:#fff;border-radius:50%;position:absolute;top:2px;left:2px;box-shadow:0 1px 3px #00000040}.toggle.on .knob{background:#2fa36b}.toggle.on .knob:after{transform:translate(14px)}.heart{width:38px;height:38px;color:var(--hot);background:#fff;border-radius:50%;font-size:20px;box-shadow:inset 0 0 0 1px #e8457f4d}.heart.on{background:var(--hot);color:#fff}.reply-box{flex-direction:column;gap:8px;width:100%;margin-top:8px;display:flex}.reply-box textarea{resize:vertical;background:#fff;border:1.5px solid #e8457f40;border-radius:10px;width:100%;padding:10px;font-size:15px}.reply-box .btn-pink{align-self:flex-end}.sheet-backdrop{z-index:80;-webkit-backdrop-filter:blur(6px);background:#1d06148c;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.sheet{background:var(--cream);border-radius:26px 26px 0 0;flex-direction:column;width:min(640px,100%);height:min(94dvh,900px);display:flex;position:relative;overflow:hidden;box-shadow:0 -20px 60px #1d061466}@media (width>=700px){.sheet-backdrop{align-items:center}.sheet{border-radius:26px;height:min(90vh,860px)}}.sheet:before{content:"";opacity:.35;pointer-events:none;background:url(/art/endpaper.webp) 50%/260px;height:140px;position:absolute;inset:0 0 auto;-webkit-mask-image:linear-gradient(#000,#0000);mask-image:linear-gradient(#000,#0000)}.sheet-grip{background:#6e144033;border-radius:4px;width:44px;height:5px;margin:10px auto 0;position:relative}.sheet-close{width:38px;height:38px;color:var(--wine);z-index:3;background:#fff;border-radius:50%;position:absolute;top:12px;right:14px;box-shadow:0 2px 10px #6e144026}.sheet-body{-webkit-overflow-scrolling:touch;padding:18px 20px calc(30px + var(--safe-b));flex:1;position:relative;overflow-y:auto}.form,.welcome{flex-direction:column;gap:14px;max-width:520px;margin:0 auto;display:flex}.form h2,.welcome h2{font-family:var(--serif);color:var(--wine);text-align:center;margin:0;font-size:clamp(30px,6vw,38px);font-style:italic;font-weight:500;line-height:1.05}.form p,.welcome p{color:var(--ink);text-align:center;margin:0;font-size:15.5px;line-height:1.5}.form .muted{color:var(--ink-soft)}.welcome{text-align:center;align-items:center}.welcome-flamingo{width:110px;margin:0 auto -6px;animation:4s ease-in-out infinite bob}.welcome-steps{text-align:left;flex-direction:column;gap:10px;width:100%;margin:4px 0;padding:0;list-style:none;display:flex}.welcome-steps li{background:#fff;border-radius:14px;align-items:center;gap:12px;padding:12px 14px;font-size:15px;display:flex;box-shadow:0 2px 10px #6e14400f}.welcome-steps span{background:var(--hot);color:#fff;border-radius:50%;flex:none;place-items:center;width:28px;height:28px;font-size:14px;font-weight:700;display:grid}.privacy{background:var(--blush);border-radius:12px;padding:10px 14px;color:var(--wine)!important;font-size:13.5px!important}.field{text-align:left;flex-direction:column;flex:1;gap:6px;display:flex}.field>span{color:var(--ink);font-size:14px;font-weight:600}.field small{color:var(--ink-soft);font-size:12.5px}.field input,.field textarea,.field select,select{background:#fff;border:1.5px solid #6e144026;border-radius:14px;outline:none;width:100%;padding:14px 16px;font-size:16px;transition:border .2s,box-shadow .2s}.field input:focus,.field textarea:focus,.big-text:focus{border-color:var(--hot);box-shadow:0 0 0 4px #e8457f26}.chips{flex-wrap:wrap;gap:8px;display:flex}.chip-btn{background:#fff;border-radius:99px;padding:9px 14px;font-size:14px;box-shadow:inset 0 0 0 1.5px #6e144026}.chip-btn.on{background:var(--hot);color:#fff;box-shadow:none}.error{background:#fdecea;border-radius:10px;padding:10px 12px;color:#b3261e!important;font-size:14px!important}.tip{background:#fff;border-radius:12px;padding:12px;color:var(--ink-soft)!important;font-size:14px!important}.row{justify-content:space-between;align-items:center;gap:10px;display:flex}.row.wrap{flex-wrap:wrap;justify-content:flex-start}.media-grid{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.media-tile,.media-add{aspect-ratio:1;background:#fff;border-radius:14px;position:relative;overflow:hidden}.media-tile img{object-fit:cover;width:100%;height:100%}.media-ph{background:var(--blush);place-items:center;height:100%;font-size:32px;display:grid}.media-add{color:var(--wine);text-align:center;border:2px dashed #e8457f80;flex-direction:column;grid-column:span 1;justify-content:center;align-items:center;gap:4px;padding:8px;font-size:13px;font-weight:500;display:flex}.media-grid:has(.media-add:only-child){grid-template-columns:1fr}.media-add:only-child{aspect-ratio:2.2;font-size:16px}.media-add span{color:var(--hot);font-size:32px;line-height:1}.media-badge{color:#fff;background:#0009;border-radius:6px;padding:2px 6px;font-size:11px;position:absolute;bottom:6px;left:6px}.media-remove{color:#fff;background:#0009;border-radius:50%;width:26px;height:26px;font-size:12px;position:absolute;top:5px;right:5px}.media-progress{background:#fff8f2bf;flex-direction:column;justify-content:center;align-items:center;gap:4px;display:flex;position:absolute;inset:0}.media-progress svg{width:42px;height:42px;transform:rotate(-90deg)}.media-progress circle{fill:none;stroke:var(--hot);stroke-width:3.5px;stroke-dasharray:94;stroke-linecap:round;transition:stroke-dashoffset .3s}.media-progress small{color:var(--wine);text-align:center;padding:0 4px;font-size:11px}.words h2{text-align:left}.words p.muted{text-align:left;margin:6px 0 12px}.q-dots{justify-content:center;gap:6px;display:flex}.q-dots button{background:#6e144026;border-radius:4px;width:28px;height:6px;transition:all .3s}.q-dots button.done{background:var(--pink)}.q-dots button.on{background:var(--hot);width:44px}.ideas{flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:10px;display:flex}.ideas>span{letter-spacing:.08em;text-transform:uppercase;width:100%;color:var(--ink-soft);font-size:12px}.idea{color:var(--wine);text-align:left;font-size:13.5px;font-family:var(--serif);background:#fff;border-radius:12px;padding:8px 12px;font-size:15px;font-style:italic;box-shadow:inset 0 0 0 1px #e8457f4d}.idea:active{background:var(--blush)}.big-text{width:100%;font-family:var(--serif);resize:vertical;background:#fff url();border:1.5px solid #6e144026;border-radius:16px;outline:none;min-height:180px;padding:16px;font-size:19px;line-height:1.45}.counter{text-align:right;color:var(--ink-soft);font-size:11px;display:block}.preview-frame{border-radius:6px;height:520px;position:relative;overflow:hidden;box-shadow:0 16px 40px #6e144040}.preview-frame .page{position:absolute}.my-pages{flex-direction:column;gap:10px;display:flex}.my-page{text-align:left;background:#fff;border-radius:14px;align-items:center;gap:12px;padding:8px;display:flex;box-shadow:0 2px 10px #6e144014}.my-page img,.my-page-ph{object-fit:cover;background:var(--blush);border-radius:10px;flex:none;place-items:center;width:62px;height:62px;font-size:24px;display:grid}.my-page b{font-family:var(--serif);color:var(--wine);font-size:18px;display:block}.my-page small{color:var(--ink-soft);font-size:12.5px}.done-seal{background:var(--hot);color:#fff;width:120px;height:120px;font-family:var(--ko);box-shadow:0 0 0 6px var(--blush), 0 14px 30px #e8457f73;border-radius:50%;place-items:center;margin:10px auto;font-size:30px;font-weight:700;display:grid}.toc{background:var(--cream);width:min(380px,88vw);padding:28px 22px;position:absolute;top:0;bottom:0;right:0;overflow-y:auto;box-shadow:-20px 0 60px #1d06144d}.toc .kicker{text-align:left}.toc h3{font-family:var(--serif);color:var(--wine);margin:4px 0 16px;font-size:30px;font-style:italic;font-weight:500}.toc ol{counter-reset:toc;margin:0;padding:0;list-style:none}.toc li button{text-align:left;width:100%;font-family:var(--serif);color:var(--ink);border-bottom:1px dashed #6e144026;gap:10px;padding:11px 0;font-size:18px;display:flex}.toc li button:before{counter-increment:toc;content:counter(toc, decimal-leading-zero);font-family:var(--ui);color:var(--hot);padding-top:5px;font-size:11px}.toc-account{flex-direction:column;align-items:flex-start;gap:8px;margin-top:22px;font-size:14px;display:flex}.film{z-index:90;cursor:pointer;background:#000;position:fixed;inset:0}.film-frame{position:absolute;inset:0;overflow:hidden}.film-scene{place-items:center;display:grid;position:absolute;inset:0}.film-media{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}@media (aspect-ratio>=1){.film-media{object-fit:contain}.film-scene:has(.film-media):before{content:"";background:var(--bgimg,#12040c);position:absolute;inset:-40px}}.film-media.kb{animation:filmkb var(--kb-dur) ease-in-out forwards}@keyframes filmkb{0%{transform:var(--kb-from)}to{transform:var(--kb-to)}}.film-text{z-index:2;text-align:center;color:#fff;flex-direction:column;align-items:center;gap:10px;padding:20px;display:flex;position:relative}.ft-ko{font-family:var(--ko);color:var(--gold-2);letter-spacing:.25em;font-size:clamp(18px,3vw,28px)}.ft-ko.big{letter-spacing:.1em;color:#fff;text-shadow:0 0 40px #ff6fa599;font-size:clamp(56px,12vw,120px)}.ft-small{font-family:var(--serif);color:var(--pink);font-size:clamp(16px,2.4vw,22px);font-style:italic}.ft-name{font-family:var(--script);color:#fff;text-shadow:0 0 50px #ff6fa58c;font-size:clamp(76px,16vw,170px);line-height:1}.ft-title{font-family:var(--display);font-size:clamp(26px,5vw,52px);font-style:italic;line-height:1.05}.ft-title.it{font-family:var(--serif)}.film-caption{z-index:3;text-align:center;font-family:var(--serif);color:#fff;text-shadow:0 2px 16px #000c;padding:0 20px;font-size:clamp(20px,3.2vw,32px);font-style:italic;position:absolute;bottom:13%;left:0;right:0}.letterbox{z-index:6;background:#000;position:absolute;left:0;right:0}.letterbox.top{top:0}.letterbox.bottom{bottom:0}.light-leak{z-index:4;pointer-events:none;mix-blend-mode:screen;background:radial-gradient(circle at 0 30%,#ff6fa559,#0000 45%),radial-gradient(circle at 100% 80%,#ffd27a40,#0000 40%);animation:9s ease-in-out infinite alternate leak;position:absolute;inset:0}@keyframes leak{to{opacity:.4;transform:translate(4%)}}.film .grain{z-index:5;opacity:.14}.vignette{z-index:5;pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 0 180px #000000bf}.film-progress{z-index:8;background:#ffffff1a;height:3px;position:absolute;bottom:0;left:0;right:0}.film-progress i{background:var(--hot-2);height:100%;display:block}.film-close{top:max(14px, env(safe-area-inset-top));z-index:9;color:#fff;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffff26;border-radius:50%;width:42px;height:42px;font-size:16px;position:absolute;right:14px}.film-paused{z-index:9;color:#fff;background:#00000080;border-radius:99px;padding:10px 18px;font-size:14px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.lightbox{z-index:95;background:#12040cf0;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:50px 12px 20px;display:flex;position:fixed;inset:0}.lightbox img,.lightbox video{border-radius:4px;max-width:100%;max-height:82vh;box-shadow:0 20px 60px #00000080}.lightbox p{color:#fff;font-family:var(--serif);font-size:20px;font-style:italic}.admin,.admin-login,.admin-loading{background:linear-gradient(#fde4ec,#fff8f2 300px);position:fixed;inset:0;overflow-y:auto}.admin-loading{color:var(--wine);place-items:center;display:grid}.admin-login{place-items:center;padding:20px;display:grid}.card{background:#fff;border-radius:18px;padding:18px;box-shadow:0 6px 24px #6e144014}.admin-login .card{width:min(420px,100%)}.admin-top{z-index:5;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fde4ecd9;justify-content:space-between;align-items:center;padding:14px 18px;display:flex;position:sticky;top:0}.admin-top .brand{color:var(--wine)}.admin-top .brand-txt{text-shadow:none}.admin-who{color:var(--wine);align-items:center;gap:6px;font-size:14px;display:flex}.admin-tabs{scrollbar-width:none;gap:6px;padding:8px 18px 4px;display:flex;overflow-x:auto}.admin-tabs button{color:var(--ink);background:#fff;border-radius:99px;flex:none;padding:9px 14px;font-size:14px;box-shadow:inset 0 0 0 1px #6e14401a}.admin-tabs button.on{background:var(--wine);color:#fff}.admin-main{flex-direction:column;gap:14px;max-width:1100px;margin:0 auto;padding:14px 18px 120px;display:flex}.admin-main h3{font-family:var(--serif);color:var(--wine);margin:0 0 6px;font-size:24px;font-style:italic;font-weight:500}.admin-main .muted{margin:0 0 12px;font-size:14px}.admin-grid{grid-template-columns:minmax(0,1fr);gap:14px;display:grid}.admin-main>*{min-width:0}.stats{text-align:center;grid-template-columns:repeat(3,1fr);display:grid}.stats b{font-family:var(--display);color:var(--hot);font-size:40px;display:block}.stats span{color:var(--ink-soft);text-transform:uppercase;letter-spacing:.1em;font-size:12px}.link-box{background:var(--blush);border-radius:14px;align-items:center;gap:8px;margin-bottom:12px;padding:8px 8px 8px 14px;display:flex}.link-box code{min-width:0;color:var(--wine);text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:14px;overflow:hidden}.qr-row{flex-wrap:wrap;align-items:center;gap:16px;margin-top:14px;display:flex}.qr-row canvas{border-radius:12px;width:150px!important;height:150px!important}.qr-row p{flex:1;min-width:180px}.switch-row{cursor:pointer;align-items:flex-start;gap:12px;padding:12px 0;display:flex}.switch-row input{display:none}.switch{background:#d9c4cd;border-radius:99px;flex:none;width:46px;height:26px;margin-top:2px;transition:background .2s;position:relative}.switch:after{content:"";width:20px;height:20px;transition:transform .25s var(--ease);background:#fff;border-radius:50%;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #00000040}.switch-row input:checked+.switch{background:#2fa36b}.switch-row input:checked+.switch:after{transform:translate(20px)}.switch-row b{font-size:15px;display:block}.switch-row small{color:var(--ink-soft);font-size:13px}.admin-pages{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:14px;margin-top:12px;display:grid}.admin-page h4{font-family:var(--serif);color:var(--wine);margin:8px 0 2px;font-size:21px;font-style:italic}.ap-media{gap:6px;display:flex;overflow-x:auto}.ap-media a{flex:none;position:relative}.ap-media img{object-fit:cover;border-radius:10px;width:76px;height:76px}.ap-media span{color:#fff;text-shadow:0 1px 6px #0009;place-items:center;font-size:20px;display:grid;position:absolute;inset:0}.ap-text{white-space:pre-line;max-height:120px;margin:6px 0;font-size:14px;line-height:1.45;overflow:auto}.chapter-edit{grid-template-columns:220px 1fr;gap:16px;margin-top:12px;display:grid}@media (width<=700px){.chapter-edit{grid-template-columns:1fr}}.ce-media{flex-direction:column;gap:8px;display:flex}.ce-media img,.ce-media video{aspect-ratio:3/4;object-fit:cover;border-radius:12px;width:100%}.ce-fields{flex-direction:column;gap:10px;display:flex}.sticky-save{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffffe6;border-radius:99px;justify-content:flex-end;gap:10px;margin-top:14px;padding:10px;display:flex;position:sticky;bottom:12px;box-shadow:0 8px 30px #6e144026}.gallery-edit{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:10px;display:grid}.ge-item{flex-direction:column;gap:6px;padding:8px;display:flex}.ge-item img,.ge-item video{aspect-ratio:1;object-fit:cover;border-radius:10px;width:100%}.ge-item input{border:1px solid #6e144026;border-radius:10px;padding:8px 10px;font-size:14px}.tracks{flex-direction:column;gap:8px;margin-bottom:14px;display:flex}.track{background:var(--cream);border-radius:14px;align-items:center;gap:10px;padding:8px 12px;display:flex;box-shadow:inset 0 0 0 1px #6e144014}.track.on{box-shadow:inset 0 0 0 2px var(--hot)}.track .icon-btn{background:#fff;width:34px;height:34px;font-size:13px}.track-name{background:0 0;border:0;flex:1;padding:6px;font-size:15px}.people{border-collapse:collapse;width:100%;font-size:14px}.people th{text-align:left;text-transform:uppercase;letter-spacing:.1em;color:var(--ink-soft);padding:6px;font-size:11px}.people td{border-top:1px solid #6e144014;padding:10px 6px}@media (width<=700px){.people thead{display:none}.people tr{border-top:1px solid #6e144014;grid-template-columns:1fr auto;padding:8px 0;display:grid}.people td{border:0;padding:2px 6px}}.toast{background:var(--wine);color:#fff;z-index:100;animation:toast .3s var(--ease);border-radius:99px;padding:12px 20px;font-size:14px;position:fixed;bottom:24px;left:50%;transform:translate(-50%);box-shadow:0 10px 30px #6e144059}@keyframes toast{0%{opacity:0;transform:translate(-50%,20px)}}body.film-open .fab-write,body.sheet-open .fab-write{display:none}@media (prefers-reduced-motion:reduce){*,:before,:after{animation-duration:.01ms!important;animation-iteration-count:1!important}}