:root{--bg:#f8f6f3;--surface:#fff8f6;--surface-2:#f4f1eb;--accent:#a2bbd7;--accent-2:#90a0b3;--mint:#82c8a0;--butter:#f5c842;--peach:#f0a070;--text:#383532;--text-soft:#7a6070;--text-faint:#9fa5aa;--border:#788ba047;--shadow:#332d2738;--paper-white:#fffdf9;--paper-cream:#fbf4e6;--paper-kraft:#e6d3b3;--paper-pink:#fdeef0;--paper-mint:#eef8f1;--paper-lavender:#f3eefa;--rule:#6e8cbe47;--margin-rule:#e6788c73;--font-display:"Gaegu", "Noto Sans KR", "Apple SD Gothic Neo", sans-serif;--font-hand:"Caveat", cursive;--font-ui:"Nunito", system-ui, sans-serif;--radius:14px;--radius-sm:8px;--ease-out:cubic-bezier(.22, 1, .36, 1);--ease-flip:cubic-bezier(.3, .7, .2, 1);--flip-ms:.65s}*,:before,:after{box-sizing:border-box}html,body{height:100%;margin:0}body{font-family:var(--font-ui);color:var(--text);background:var(--bg);-webkit-tap-highlight-color:transparent;overflow:hidden}button{font:inherit;color:inherit;cursor:pointer}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.boot-error{text-align:center;max-width:420px;margin:20dvh auto 0;padding:28px}.boot-error>span{color:#617388;font-size:42px}.boot-error h1{font-size:23px;line-height:1.3}.boot-error p{color:var(--text-soft);font-size:14px;line-height:1.7}.boot-error button{color:#fff;background:#617388;border:0;border-radius:12px;padding:12px 24px;font-weight:800}.desk{background:repeating-linear-gradient(90deg,#7846280d 0 2px,#0000 2px 11px),linear-gradient(#ecd5bc,#d8b58f);flex-direction:column;display:flex;position:fixed;inset:0}.book-wrap{padding:calc(64px + env(safe-area-inset-top)) calc(72px + env(safe-area-inset-right)) 8px calc(72px + env(safe-area-inset-left));flex:1;place-items:center;min-height:0;display:grid}.book{--page-h:min(calc(100dvh - 170px), calc((100vw - 220px - env(safe-area-inset-left) - env(safe-area-inset-right)) / 2 / .72), 1100px);--page-w:calc(var(--page-h) * .72);--edge-l:min(12px, calc(var(--behind,0) * .6px));--edge-r:min(12px, calc(var(--ahead,0) * .6px));--paper:var(--paper-cream);width:calc(var(--page-w) * 2);height:var(--page-h);position:relative}.book[data-mode=single]{--peek:clamp(14px, 5.5vw, 30px);--page-w:min(calc(100vw - 84px - var(--peek) - env(safe-area-inset-left) - env(safe-area-inset-right)), calc((100dvh - 190px) * .8), 820px);--page-h:min(calc(100dvh - 190px), calc(var(--page-w) / .56));--edge-l:min(8px, calc(var(--behind,0) * .5px));width:var(--page-w);margin-left:var(--peek)}.book[data-mode=single] .cover-board{left:calc(-14px - var(--edge-l) - var(--peek))}.book[data-mode=single] .edge-left{right:calc(100% + var(--peek))}.cover-board{inset:-12px calc(-14px - var(--edge-r)) -12px calc(-14px - var(--edge-l));background-color:var(--cover,#3e5568);box-shadow:0 2px 0 #0000001f, 0 24px 50px -12px var(--shadow), inset 0 0 0 1px #00000014;border-radius:10px;position:absolute}.book[data-mode=spread] .cover-board:after{content:"";inset:0 auto 0 calc(50% + (var(--edge-l) - var(--edge-r)) / 2 - 10px);background:linear-gradient(90deg,#0000,#00000038 50%,#0000);width:20px;position:absolute}.stage{z-index:1;touch-action:none;position:absolute;inset:0}.slot{width:50%;height:100%;position:absolute;top:0}.slot-left{left:0}.slot-right{left:50%}.book[data-mode=single] .slot-left{left:calc(-1 * var(--peek));width:var(--peek);pointer-events:none;overflow:hidden}.book[data-mode=single] .slot-left .page{width:var(--page-w);inset:0 0 0 auto}.book[data-mode=single] .slot-left .page-empty{background:color-mix(in srgb, var(--cover,#3e5568) 70%, #fff)}.book[data-mode=single] .slot-right{width:100%;left:0}.page{background-color:var(--paper);position:absolute;inset:0;overflow:hidden;container-type:size}.page-left{border-radius:4px 0 0 4px}.page-right,.book[data-mode=single] .page-right{border-radius:0 4px 4px 0}.page:after{content:"";pointer-events:none;position:absolute;inset:0}.page-left:after{background:linear-gradient(270deg,#30282029,#0000 9%)}.page-right:after{background:linear-gradient(90deg,#30282029,#0000 9%)}.book[data-mode=single] .page-right:after{background:linear-gradient(90deg,#3028202e,#0000 7%)}.leaf{transform-origin:0;width:50%;height:100%;transform-style:preserve-3d;will-change:transform;pointer-events:none;position:absolute;top:0;left:50%}.book[data-mode=single] .leaf{width:100%;left:0}.leaf-face{backface-visibility:hidden;position:absolute;inset:0}.leaf-back{transform:rotateY(180deg)}.leaf-shade{opacity:0;pointer-events:none;background:linear-gradient(270deg,#28140a8c,#0000 70%);position:absolute;inset:0}.leaf-back .leaf-shade{background:linear-gradient(90deg,#28140a8c,#0000 70%)}.leaf-facet{transform-origin:0 0;transform-style:preserve-3d;will-change:transform;pointer-events:none;position:absolute;top:0;left:0}.leaf-facet-face{overflow:hidden}.leaf-paper .leaf-shade{background:radial-gradient(ellipse at var(--grab-x,90%) var(--grab-y,50%), #fff9ed80, transparent 35%), linear-gradient(90deg, #3822151a, #38221573 55%, #3822151a)}.leaf-floor-shadow{z-index:40;opacity:0;pointer-events:none;transform-origin:0;will-change:transform, opacity;background:linear-gradient(90deg,#2e292466,#2e292430 62%,#2e292412 88%,#0000);width:50%;height:100%;position:absolute;top:0;left:50%}.leaf-floor-shadow[data-side=left]{transform-origin:100%;background:linear-gradient(270deg,#2e292466,#2e292430 62%,#2e292412 88%,#0000);left:0}.leaf-floor-shadow[data-single]{transform-origin:0;background:linear-gradient(90deg,#2e292466,#2e292430 62%,#2e292412 88%,#0000);width:100%;left:0}.leaf-reduced .leaf-shade{display:none}.edge{background:repeating-linear-gradient(90deg,#e9dfcf 0 1px,#fffaf1 1px 2px);position:absolute;top:3px;bottom:3px}.edge-left{width:var(--edge-l);border-radius:3px 0 0 3px;right:100%}.edge-right{width:var(--edge-r);border-radius:0 3px 3px 0;left:100%}.book-nav{padding:10px 16px calc(16px + env(safe-area-inset-bottom));justify-content:center;align-items:center;gap:18px;display:flex}.nav-btn{background:var(--surface);width:44px;height:44px;box-shadow:0 3px 10px var(--shadow);transition:transform .16s var(--ease-out), opacity .16s;border:0;border-radius:50%;font-size:1.6rem;line-height:1}.nav-btn:active{transform:scale(.94)}.nav-btn:disabled{opacity:.35;cursor:default}.nav-label{text-align:center;min-width:12ch;color:var(--text-soft);font-weight:700}.book[data-tint=white]{--paper:var(--paper-white)}.book[data-tint=kraft]{--paper:var(--paper-kraft)}.book[data-tint=pink]{--paper:var(--paper-pink)}.book[data-tint=mint]{--paper:var(--paper-mint)}.book[data-tint=lavender]{--paper:var(--paper-lavender)}.page-sheet{--line:4.4cqh;--dot:#6e78a06b;border-top:.7cqh solid var(--section,transparent);position:absolute;inset:0}[data-paper=lined]>.page-sheet{background:linear-gradient(90deg, transparent 12cqw, var(--margin-rule) 12cqw, var(--margin-rule) calc(12cqw + 1px), transparent 0), repeating-linear-gradient(transparent 0 calc(var(--line) - 1px), var(--rule) calc(var(--line) - 1px) var(--line));background-position:0 0,0 9cqh;background-repeat:no-repeat;background-size:100% 100%,100% calc(100% - 15cqh)}[data-paper=dotted]>.page-sheet{background:radial-gradient(circle, var(--dot) .9px, transparent 1.4px) 0 0 / var(--line) var(--line)}[data-paper=grid]>.page-sheet{background:linear-gradient(var(--rule) 1px, transparent 1px) 0 0 / var(--line) var(--line), linear-gradient(90deg, var(--rule) 1px, transparent 1px) 0 0 / var(--line) var(--line)}.page-foot{letter-spacing:.04em;color:var(--text-faint);font-size:1.9cqh;font-weight:700;position:absolute;bottom:2.6cqh}.page-right .page-foot{right:6cqw}.page-left .page-foot{left:6cqw}.el{transform-origin:50%;position:absolute}.el-text{font-family:var(--font-hand);font-size:calc(var(--line) * .78);line-height:var(--line);white-space:pre-wrap;overflow-wrap:anywhere;color:var(--text)}.tabs{z-index:0;width:44px;height:100%;position:absolute;top:0}.tabs-right{left:calc(100% + var(--edge-r))}.tabs-left{right:calc(100% + var(--edge-l))}.tab{--tab-h:min(96px, calc(92% / var(--slots) - 6px));top:calc(3% + var(--slot) * (var(--tab-h) + 6px));width:40px;height:var(--tab-h);color:#383532;background:var(--tab-color);transition:transform .22s var(--ease-out), filter .22s;border:0;flex-direction:column;align-items:center;gap:4px;padding:8px 0;display:flex;position:absolute;overflow:hidden;box-shadow:0 2px 6px #332d2738,inset 0 -2px #00000014}.tabs-right .tab{border-radius:0 10px 10px 0;left:0;transform:translate(-8px)}.tabs-left .tab{border-radius:10px 0 0 10px;right:0;transform:translate(8px)}@media (hover:hover){.tabs-right .tab:hover{transform:translate(-2px)}.tabs-left .tab:hover{transform:translate(2px)}}.tabs-right .tab:active,.tabs-left .tab:active{transform:translate(0)}.tab.is-current{filter:saturate(1.25)brightness(1.04);z-index:1}.tabs-right .tab.is-current,.tabs-left .tab.is-current{transform:translate(0)}.tab-icon{font-size:15px;line-height:1}.tab-label{writing-mode:vertical-rl;letter-spacing:.04em;text-overflow:ellipsis;white-space:nowrap;min-height:0;font-size:12px;font-weight:800;overflow:hidden}.tabs-left .tab-label{transform:rotate(180deg)}.cover-face{background-color:var(--cover,#3e5568);border-radius:0 10px 10px 0;place-items:center;display:grid;position:absolute;inset:-12px -14px -12px 0;box-shadow:inset 6px 0 10px -6px #0000004d;container-type:inline-size}.cover-inside{background-color:color-mix(in srgb, var(--cover,#3e5568) 70%, #fff);border-radius:10px 0 0 10px;inset:-12px 0 -12px -14px;box-shadow:inset -6px 0 10px -6px #00000040}.cover-title{font-family:var(--font-display);color:#fff8f6;text-shadow:0 1px #0000002e;background:#ffffff24;border-radius:6px;padding:.4em 1em;font-size:clamp(1.4rem,4cqw + 1rem,2.6rem);font-weight:700}.desk-tools{top:calc(12px + env(safe-area-inset-top));z-index:5;gap:8px;display:flex;position:absolute;right:16px}.tool-btn,.btn-soft{background:var(--surface);min-height:40px;box-shadow:0 2px 8px var(--shadow);transition:transform .16s var(--ease-out);border:0;border-radius:999px;padding:0 14px;font-weight:700}.tool-btn:active,.btn-soft:active{transform:scale(.96)}.panel{border-radius:var(--radius);background:var(--surface);width:min(460px,100vw - 24px);color:var(--text);border:0;padding:0;box-shadow:0 24px 60px #221e1a59}.panel::backdrop{background:#24201d59}.panel-inner{gap:14px;padding:18px;display:grid}.panel-head{justify-content:space-between;align-items:center;display:flex}.panel-head h2{font-family:var(--font-display);margin:0;font-size:1.5rem}.sec-list{gap:8px;margin:0;padding:0;list-style:none;display:grid}.sec-row{grid-template-columns:40px 1fr 40px repeat(3,34px);align-items:center;gap:6px;display:grid}.sec-row input{border:1.5px solid var(--border);border-radius:var(--radius-sm);min-width:0;height:36px;font:inherit;background:#fff;padding:0 8px}.sec-icon{text-align:center}.sec-color{padding:2px!important}.icon-btn{background:0 0;border:0;border-radius:50%;width:34px;height:34px}.icon-btn:hover{background:var(--surface-2)}.icon-btn:disabled{opacity:.3;cursor:default}.icon-btn.danger:hover{background:#f4f1eb}.desk{--open-ms:1s;--open-ease:cubic-bezier(.45, 0, .25, 1)}.book{transition:transform var(--open-ms) var(--open-ease)}.cover-board{clip-path:inset(-80px);transition:clip-path var(--open-ms) var(--open-ease)}.desk:is([data-closed=true],[data-closing=true]) .book[data-mode=spread] .cover-board{clip-path:inset(-80px -80px -80px 50%)}.desk:is([data-closed=true],[data-closing=true]) .book[data-mode=single] .cover-board{clip-path:inset(-80px -80px -80px calc(var(--peek) + var(--edge-l)))}.closed-cover{display:none}.desk[data-closed=true] .closed-cover{z-index:3;top:-12px;bottom:-12px;left:50%;right:calc(-14px - var(--edge-r));background-color:var(--cover,#3e5568);transition:transform .22s var(--ease-out);border:0;border-radius:0 10px 10px 0;align-content:center;place-items:center;gap:14px;display:grid;position:absolute;box-shadow:inset 6px 0 10px -6px #0000004d;container-type:inline-size}.book[data-mode=single] .closed-cover{border-radius:10px;left:-14px}@media (hover:hover){.desk[data-closed=true] .closed-cover:hover{transform-origin:0;transform:perspective(1600px)rotateY(-6deg)}}.cover-hint{letter-spacing:.08em;text-transform:uppercase;color:#fff8f6d9;font-size:.85rem;font-weight:700;animation:2.4s ease-in-out infinite hint-pulse}@keyframes hint-pulse{50%{opacity:.45}}.desk:is([data-closed=true],[data-closing=true]) .book[data-mode=spread]{transform:translateX(calc(var(--page-w) * -.5))}.desk[data-closed=true] .stage,.desk[data-closed=true] .edge-left,.desk[data-closed=true] .tabs-left{opacity:0;visibility:hidden}.book-nav,.desk-tools .tool-btn{transition:opacity .28s ease, visibility 0s linear 0s, transform .16s var(--ease-out)}.desk[data-closed=true] .book-nav,.desk[data-closed=true] .desk-tools .tool-btn{opacity:0;visibility:hidden;transition:opacity .28s,visibility 0s linear .28s}.tabs{transition:opacity .26s}.desk[data-opening=true] .tabs,.desk[data-closing=true] .tabs{opacity:0;transition:opacity .15s}@media (prefers-reduced-motion:reduce){.book,.cover-board{transition:none}.cover-hint{animation:none}}.desk[data-closed=true] .tabs-right{left:calc(100% + var(--edge-r) + 14px)}.desk[data-closed=true] .desk-tools .sound-btn{visibility:visible;opacity:1}.sound-btn{width:40px;padding:0}.desk[data-closed=true] .desk-tools .install-btn{visibility:visible;opacity:1}.install-btn{background:var(--accent);color:#fff}.ios-steps{gap:10px;margin:0;padding-left:1.2em;line-height:1.45;display:grid}.book[data-mode=single]{margin-right:36px}@media (max-width:719px){.book-wrap{padding:64px calc(6px + env(safe-area-inset-right)) 4px calc(6px + env(safe-area-inset-left))}.tab{gap:2px;width:34px;padding:6px 0}.tab-label{letter-spacing:0;font-size:10.5px}}@media (max-width:360px){.tab{width:30px}.book[data-mode=single]{margin-right:30px}}@media (max-width:600px),(max-height:520px){.tool-label{display:none}.desk-tools{right:calc(10px + env(safe-area-inset-right));gap:6px}.desk-tools .tool-btn{width:40px;padding:0}}@media (max-height:520px) and (min-aspect-ratio:1){.book{--page-h:min(calc(100dvh - 64px), calc((100vw - 260px - env(safe-area-inset-left) - env(safe-area-inset-right)) / 2 / .72))}.book-wrap{padding:26px calc(70px + env(safe-area-inset-right)) 22px calc(70px + env(safe-area-inset-left))}.desk-tools{top:calc(10px + env(safe-area-inset-top));flex-direction:column}.book-nav{padding:0 calc(12px + env(safe-area-inset-right)) calc(10px + env(safe-area-inset-bottom)) calc(12px + env(safe-area-inset-left));pointer-events:none;justify-content:space-between;position:absolute;inset:auto 0 0}.nav-btn{pointer-events:auto}.nav-label{display:none}.tab{--tab-h:min(48px, calc(86% / var(--slots) - 6px))}.tab-label{display:none}}body{touch-action:manipulation;overscroll-behavior:none;-webkit-user-select:none;user-select:none}.panel input{-webkit-user-select:text;user-select:text}@media (min-width:720px) and (max-aspect-ratio:1){.book-wrap{padding:72px calc(24px + env(safe-area-inset-right)) 8px calc(24px + env(safe-area-inset-left))}.book[data-mode=single]{--page-w:min(calc(100vw - 140px - var(--peek) - env(safe-area-inset-left) - env(safe-area-inset-right)), calc((100dvh - 200px) * .8), 820px);--page-h:min(calc(100dvh - 200px), calc(var(--page-w) / .62))}}.book.tabs-compact .tab-label{display:none}.book.tabs-compact .tab{justify-content:center}.desk[data-closed=true] .desk-tools .style-btn{visibility:visible;opacity:1}.panel.sheet{border-radius:var(--radius) 0 0 var(--radius);overscroll-behavior:contain;width:min(360px,100vw);max-width:100vw;height:100dvh;max-height:100dvh;margin:0 0 0 auto;overflow-y:auto}.panel.sheet::backdrop{background:0 0}@media (max-width:600px){.panel.sheet{border-radius:var(--radius) var(--radius) 0 0;width:100vw;height:auto;max-height:60dvh;padding-bottom:env(safe-area-inset-bottom);margin:auto 0 0}}.cz-sec h3{letter-spacing:.08em;text-transform:uppercase;color:var(--text-soft);margin:0 0 8px;font-size:.74rem}.cz-row{flex-wrap:wrap;gap:9px;display:flex}.cz-swatch{transition:transform .14s var(--ease-out);background:0 0;border:0;border-radius:10px;padding:0;position:relative}.cz-swatch:active{transform:scale(.94)}.cz-swatch[aria-pressed=true]{outline:2.5px solid var(--text);outline-offset:3px}.cz-color,.cz-picker,.cz-tint{border-radius:50%;width:32px;height:32px;box-shadow:inset 0 0 0 1px #00000024}.cz-picker{cursor:pointer;background:conic-gradient(#f66,#fd6,#6d8,#6cf,#96f,#f6c,#f66);display:grid;overflow:hidden}.cz-picker input{opacity:0;cursor:pointer;width:100%;height:100%}.cz-tex,.cz-paper{justify-items:center;gap:4px;width:58px;padding:4px 0;display:grid}.tex-swatch{width:44px;height:58px;box-shadow:0 2px 6px var(--shadow), inset 4px 0 5px -3px #00000059;border-radius:3px 7px 7px 3px}.paper-swatch.page{width:44px;height:58px;box-shadow:0 1px 4px var(--shadow);border-radius:3px;position:relative;inset:auto}.cz-cap{color:var(--text-soft);font-size:.72rem;font-weight:700}.cz-title{border:1.5px solid var(--border);border-radius:var(--radius-sm);width:100%;height:42px;font:inherit;font-family:var(--font-display);background:#fff;padding:0 12px;font-size:1.25rem}.paper-swatch .page-sheet{--line:11cqh;border-top:0}.book-wrap{transition:transform .42s var(--ease-out)}@media (min-width:901px){body.customizing .book-wrap{transform:translate(-180px)scale(.8)}}@media (max-width:600px){body.customizing .book-wrap{transform-origin:50% 0;transform:translateY(-10px)scale(.48)}}@media (prefers-reduced-motion:reduce){.book-wrap{transition:none}}.cz-sub{margin-top:12px!important}.cz-desk{justify-items:center;gap:4px;width:62px;padding:4px 0;display:grid}.desk-swatch{width:56px;height:40px;box-shadow:inset 0 0 0 1px #0000001f, 0 1px 4px var(--shadow);background-position:50%;background-size:cover;border-radius:8px;display:block}.cz-up{position:relative}.cz-del{color:#fff;background:#383532d9;border:0;border-radius:50%;width:22px;height:22px;font-size:.7rem;position:absolute;top:-4px;right:-2px}.cz-add{border:2px dashed var(--border);cursor:pointer;width:62px;height:58px;color:var(--text-soft);border-radius:10px;align-content:center;justify-items:center;gap:2px;font-size:1.2rem;display:grid}.cz-add:hover{border-color:var(--accent);color:var(--accent)}.cz-fit{margin-top:10px}.cz-pill{min-height:34px;font-weight:700;background:var(--surface-2)!important;border-radius:999px!important;padding:0 14px!important}.ribbon{z-index:2;clip-path:polygon(0 0,100% 0,100% 100%,50% calc(100% - 12px),0 100%);cursor:pointer;background:linear-gradient(90deg,#b8324f,#d94c69 45%,#b8324f);border:0;width:18px;height:calc(100% + 54px);padding:0;transition:opacity .2s;position:absolute;top:-10px;box-shadow:0 2px 4px #3c0a144d}.ribbon[hidden]{display:none}.ribbon.rb-on.rb-right{left:calc(50% + var(--page-w) * .74)}.ribbon.rb-on.rb-left{left:calc(var(--page-w) * .2)}.book[data-mode=single] .ribbon.rb-on{left:74%}.ribbon.rb-tail{height:62px;top:auto;bottom:-50px}.ribbon.rb-tail.rb-right{left:calc(100% - 46px)}.ribbon.rb-tail.rb-left{left:28px}.ribbon.rb-closed{height:62px;top:auto;bottom:-50px;left:calc(50% + var(--page-w) * .74)}.book[data-mode=single] .ribbon.rb-closed{left:74%}.desk[data-closed=true] .ribbon{z-index:2}.bookmark-btn[aria-pressed=true]{background:#f4f1eb}.toast{z-index:90;top:calc(64px + env(safe-area-inset-top));color:#fff;max-width:calc(100vw - 32px);animation:toast-in .26s var(--ease-out);background:#383532eb;border-radius:999px;padding:10px 18px;font-weight:700;position:fixed;left:50%;transform:translate(-50%);box-shadow:0 8px 24px #221e1a4d}.toast-out{opacity:0;transition:opacity .26s,transform .26s;transform:translate(-50%,-8px)}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,-8px)}}@media (max-width:360px){.desk-tools{gap:4px}.desk-tools .tool-btn{width:36px;min-height:36px}}:root{--grain:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 .55 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");--mottle:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='240'%3E%3Cfilter id='m'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.045' numOctaves='4' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 .35 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23m)'/%3E%3C/svg%3E");--fibers:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='f'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.02 .6' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 .4 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23f)'/%3E%3C/svg%3E")}.book :is(.cover-board,.closed-cover,.cover-face:not(.cover-inside)),.tex-swatch{background-image:var(--texture,none)}[data-texture=matte]{--texture:var(--grain)}[data-texture=linen]{--texture:repeating-linear-gradient(0deg, #ffffff12 0 1px, transparent 1px 3px), repeating-linear-gradient(90deg, #00000012 0 1px, transparent 1px 3px), var(--grain)}[data-texture=leather]{--texture:radial-gradient(120% 90% at 30% 20%, #ffffff29, transparent 60%), radial-gradient(140% 120% at 70% 100%, #00000038, transparent 60%), var(--mottle), var(--grain)}[data-texture=kraft]{--texture:linear-gradient(#a078462e, #a078462e), var(--fibers), var(--grain)}[data-texture=velvet]{--texture:radial-gradient(90% 70% at 35% 30%, #ffffff38, transparent 55%), radial-gradient(120% 100% at 80% 110%, #0000004d, transparent 60%), var(--grain)}[data-texture=corduroy]{--texture:repeating-linear-gradient(90deg, #ffffff1f 0 3px, #00000024 3px 4px, transparent 4px 7px), var(--grain)}[data-texture=holographic]{--texture:linear-gradient(115deg, #ff8cdc73, #8cdcff73 30%, #beffbe66 50%, #fff09673 70%, #dca0ff73), linear-gradient(200deg, #ffffff59, transparent 45%)}[data-bg=wood]{background:repeating-linear-gradient(90deg,#7846280d 0 2px,#0000 2px 11px),linear-gradient(#ecd5bc,#d8b58f)}[data-bg=walnut]{background:repeating-linear-gradient(90deg,#00000012 0 2px,#0000 2px 13px),linear-gradient(#8a5a3c,#5e3b26)}[data-bg=pastel]{background:radial-gradient(60% 50% at 20% 20%,#ffd9e2,#0000 70%),radial-gradient(55% 50% at 85% 30%,#d8ecff,#0000 70%),radial-gradient(60% 60% at 50% 100%,#e0f5e6,#0000 70%),#fbf1f4}[data-bg=picnic]{background:linear-gradient(90deg,#f0789152 50%,#0000 0) 0 0/44px 44px,linear-gradient(#f0789152 50%,#0000 0) 0 0/44px 44px,#fff7f5}[data-bg=linen]{background:repeating-linear-gradient(0deg,#96785a14 0 1px,#0000 1px 4px),repeating-linear-gradient(90deg,#96785a14 0 1px,#0000 1px 4px),#f4ece1}[data-bg=night]{background:radial-gradient(1.5px 1.5px at 30px 40px,#fff,#0000) 0 0/220px 190px,radial-gradient(1px 1px at 120px 90px,#ffeec2,#0000) 0 0/220px 190px,radial-gradient(1.5px 1.5px at 190px 20px,#fff,#0000) 0 0/220px 190px,radial-gradient(1px 1px at 80px 160px,#cfe3ff,#0000) 0 0/220px 190px,radial-gradient(1.2px 1.2px at 170px 140px,#fff,#0000) 0 0/220px 190px,linear-gradient(#1d2140,#3a2d58) 0 0/100% 100%}[data-bg=cozy]{background:radial-gradient(40px 40px at 12% 18%,#ffd28c8c,#0000),radial-gradient(60px 60px at 78% 12%,#ffb47873,#0000),radial-gradient(50px 50px at 30% 80%,#ffdca066,#0000),radial-gradient(70px 70px at 90% 75%,#ffaa8c66,#0000),radial-gradient(35px 35px at 55% 45%,#ffebb459,#0000),linear-gradient(#4a3433,#2e2224)}[data-bg=blush]{background:#f7dfe2}[data-bg=sage]{background:#dfe8dc}.desk[data-bg=upload]{background-color:#e9dccd;background-position:50%}.desk[data-bg=upload][data-fit=cover]{background-repeat:no-repeat;background-size:cover}.desk[data-bg=upload][data-fit=tile]{background-repeat:repeat;background-size:320px}.nav-label{-webkit-backdrop-filter:blur(6px);background:#fffaf7c7;border-radius:999px;padding:6px 14px}[data-bg=empanada]{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='240'%3E%3Cdefs%3E%3Cg id='e'%3E%3Cpath d='M-34 6 A34 34 0 0 1 34 6 Z' fill='%23e9a94f' stroke='%23b9732a' stroke-width='3' stroke-linejoin='round'/%3E%3Cpath d='M-28 2 A28 28 0 0 1 28 2' fill='none' stroke='%23c98436' stroke-width='5' stroke-dasharray='2 5' stroke-linecap='round'/%3E%3Cpath d='M-14 -14 Q0 -22 14 -14' fill='none' stroke='%23f7d08a' stroke-width='4' stroke-linecap='round' opacity='.8'/%3E%3Ccircle cx='-6' cy='-6' r='1.6' fill='%23b9732a'/%3E%3Ccircle cx='5' cy='-9' r='1.4' fill='%23b9732a'/%3E%3Ccircle cx='12' cy='-3' r='1.5' fill='%23b9732a'/%3E%3C/g%3E%3C/defs%3E%3Cuse href='%23e' transform='translate%2850 52%29 rotate%28-18%29 scale%281.0%29'/%3E%3Cuse href='%23e' transform='translate%28178 40%29 rotate%2824%29 scale%280.85%29'/%3E%3Cuse href='%23e' transform='translate%28120 130%29 rotate%288%29 scale%281.1%29'/%3E%3Cuse href='%23e' transform='translate%2832 188%29 rotate%2840%29 scale%280.8%29'/%3E%3Cuse href='%23e' transform='translate%28206 170%29 rotate%28-30%29 scale%280.95%29'/%3E%3Cuse href='%23e' transform='translate%28150 226%29 rotate%28-8%29 scale%280.7%29'/%3E%3C/svg%3E") 0 0/240px 240px,radial-gradient(circle at 30% 20%,#fff8ec,#fbe6c8)}.el{touch-action:none;cursor:grab}.el:active{cursor:grabbing}.el.is-selected{outline-offset:5px;outline:1.5px dashed #3835328c}.el-text{font-size:calc(var(--line) * .78 * var(--size,1) * var(--fs,1));line-height:calc(var(--line) * var(--size,1))}.el-text-body{outline:none;min-height:1em}.el-text.is-editing{cursor:text;outline-style:solid}.el-text.is-editing .el-text-body{-webkit-user-select:text;user-select:text}.el-text-body:empty:before{content:"Write something…";color:var(--text-faint)}.photo-img{object-fit:cover;pointer-events:none;background:#0000000f;width:100%;height:auto;display:block}.el-knob{z-index:60;background:var(--accent);width:26px;height:26px;box-shadow:0 2px 6px var(--shadow);cursor:nwse-resize;touch-action:none;border:2px solid #fff;border-radius:50%;padding:0;position:absolute;transform:translate(-50%,-50%)}.el-knob:after{content:"⤡";color:#fff;font-size:13px;line-height:22px}@media (pointer:coarse){.el-knob{width:34px;height:34px}}.el-bar{z-index:60;white-space:nowrap;background:#383532eb;border-radius:999px;gap:2px;padding:3px;display:flex;position:absolute;transform:translate(-50%,calc(-100% - 14px));box-shadow:0 4px 14px #221e1a4d}.el-bar.below{transform:translate(-50%,22px)}.el-bar button{color:#fff;background:0 0;border:0;border-radius:50%;width:32px;height:32px;font-size:.85rem}.el-bar button:hover{background:#ffffff29}.page-tools{gap:6px;display:flex}.pt-btn{background:var(--surface);min-width:40px;height:40px;box-shadow:0 2px 8px var(--shadow);transition:transform .14s var(--ease-out);border:0;border-radius:999px;padding:0 12px;font-weight:800}.pt-btn:active{transform:scale(.94)}@media (max-width:600px),(max-height:520px){.pt-btn{width:40px;padding:0}}@media (max-width:520px){.nav-label{display:none}.book-nav{gap:10px}}.page-sheet{isolation:isolate}.font-menu{width:min(360px,100vw - 16px)}.fo-cats{margin-bottom:8px}.fo-list{overscroll-behavior:contain;gap:4px;max-height:min(320px,46dvh);display:grid;overflow-y:auto}.fo-item{text-align:left;background:#fff;border:1.5px solid #0000;border-radius:10px;justify-content:space-between;align-items:baseline;gap:10px;padding:8px 12px;display:flex}.fo-item[aria-selected=true]{border-color:var(--text);background:var(--surface-2)}.fo-sample{font-size:calc(1.35rem * var(--fs,1));white-space:nowrap;text-overflow:ellipsis;line-height:1.2;overflow:hidden}.fo-name{font-family:var(--font-ui);color:var(--text-soft);flex:none;font-size:.7rem;font-weight:700}.el-bar [data-cmd=font]{font-family:Gaegu,cursive;font-weight:700}.el-text-body{-webkit-box-decoration-break:clone;box-decoration-break:clone;text-underline-offset:.14em;border-radius:.12em;text-decoration-thickness:.065em;display:inline}.fo-format{gap:8px;margin-bottom:15px;display:flex}.fo-format button{background:#fff;border:1px solid #cbcfd4;border-radius:9px;flex:1;justify-content:center;align-items:center;gap:7px;min-height:40px;font-size:11px;font-weight:700;display:flex}.fo-format button[aria-pressed=true]{color:#536171;background:#f1eee9;border-color:#667586;box-shadow:inset 0 0 0 1px #667586}.fo-u,.fo-s{font-family:Georgia,serif;font-size:17px}.fo-u{text-underline-offset:2px;text-decoration:underline}.fo-s{text-decoration:line-through}.fo-color-section{margin-bottom:13px}.fo-field-heading{color:#60666d;justify-content:space-between;align-items:center;font-size:11px;font-weight:800;display:flex}.fo-field-heading input[type=color]{cursor:pointer;background:#fff;border:1px solid #cbcfd4;border-radius:6px;width:35px;height:26px;padding:2px}.font-menu .fo-color-section .fm-colors{border:0;gap:11px;margin:6px 0 0;padding:5px 3px}.fo-color-section .fm-color{flex:none;width:27px;height:27px}.fo-no-highlight{background:#fff;place-items:center;padding:0;display:grid}.fo-no-highlight .ui-icon{color:#6b7682;width:15px;height:15px}.fo-font-heading{border-top:1px solid var(--border);margin:0 0 10px;padding-top:12px}.font-menu .fo-list{max-height:min(210px,25dvh)}.spread-canvas{z-index:2;--line:4.4cqh;pointer-events:none;isolation:isolate;position:absolute;inset:0;overflow:hidden;container-type:size}.spread-canvas>.el{pointer-events:auto}.stage[data-turning=true]>.spread-canvas{visibility:hidden}.spread-crease{z-index:2147483647;pointer-events:none;background:linear-gradient(90deg,#0000 0%,#49342506 13%,#49342514 30%,#33221735 44%,#1c181452 49%,#fff6e738 52%,#fff9ed18 60%,#4934250c 78%,#0000 100%);width:clamp(16px,2.6%,28px);position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%)}.spread-crease:after{content:"";background:#4039322b;width:1px;position:absolute;top:0;bottom:0;left:49%;box-shadow:1px 0 #fff7e52b}.book[data-mode=spread] .stage:not([data-turning=true]) .slot .page:after{opacity:.4}.el-text-body[data-highlight=true],.el-text-body[data-pen-marks=true]{background-position:0,0 58%;background-repeat:no-repeat;background-size:100% 1.18em,100% 1.06em;border-radius:0;padding:0 .035em}.el-text-body[data-pen-marks=true]{text-decoration-color:#0000}@media (forced-colors:active){.el-text-body[data-pen-marks=true]{text-decoration-color:currentColor;background-image:none!important}}.page-sheet{border-top:0}.page-sheet:before{content:"";background:var(--section,transparent);pointer-events:none;height:.7cqh;position:absolute;inset:0 0 auto}.page-sheet:after{content:"";z-index:0;pointer-events:none;background-image:var(--grain), var(--fibers);mix-blend-mode:multiply;opacity:.13;background-size:180px 180px,220px 220px;position:absolute;inset:0}.frame{--frame-color:#fff;position:relative}.frame-caption{display:none}.photo-img{filter:drop-shadow(0 0 #0000)}.frame:is([data-frame=polaroid],[data-frame=instant],[data-frame=instant-wide],[data-frame=photocard],[data-frame=scallop]){background-image:var(--grain);background-size:180px 180px}[data-frame=none] .photo-img{border-radius:2px;box-shadow:0 3px 10px #221e1a47}:is([data-frame=polaroid],[data-frame=instant],[data-frame=instant-wide]){background:var(--frame-color);padding:5% 5% 0;box-shadow:0 4px 12px #221e1a47,inset 0 0 0 1px #0000000a}:is([data-frame=polaroid],[data-frame=instant],[data-frame=instant-wide]) .photo-img{object-fit:cover}[data-frame=polaroid] .photo-img{aspect-ratio:1!important}[data-frame=instant]{border-radius:3px;padding:7% 7% 0}[data-frame=instant] .photo-img{border-radius:1px;aspect-ratio:.74!important}[data-frame=instant-wide]{border-radius:3px;padding:5% 5% 0}[data-frame=instant-wide] .photo-img{aspect-ratio:1.45!important}:is([data-frame=polaroid],[data-frame=instant],[data-frame=instant-wide]) .frame-caption{min-height:1.6em;font-family:var(--font-hand);text-align:center;color:#383532;overflow-wrap:anywhere;outline:none;padding:.35em .2em .5em;font-size:7.5cqw;line-height:1.2;display:block}[data-frame=polaroid] .frame-caption{padding-bottom:.9em}.frame-caption:empty:before{content:"tap to caption";color:#3835324d}.frame-caption[contenteditable=false]:empty:before{content:""}.el.is-selected .frame-caption:empty:before{content:"double-tap to caption"}[data-frame=photocard]{background:var(--frame-color);border-radius:9%/6.5%;padding:3%;overflow:hidden;box-shadow:0 4px 12px #221e1a47}[data-frame=photocard] .photo-img{object-fit:cover;border-radius:7%/5%;aspect-ratio:.7!important}[data-frame=photocard]:after{content:"";pointer-events:none;transition:background-position .9s var(--ease-out);background:linear-gradient(115deg,#0000 30%,#ffffff8c 45%,#0000 60%) 100% 0/250% 100%;position:absolute;inset:0}.el.is-selected [data-frame=photocard]:after{background-position:0 0}[data-frame=tape] .photo-img{box-shadow:0 2px 8px #221e1a38}[data-frame=tape]:before,[data-frame=tape]:after{content:"";z-index:1;opacity:.85;background:repeating-linear-gradient(45deg, #ffffff73 0 6px, transparent 6px 12px), var(--frame-color,#e7e1d6);width:34%;height:11%;position:absolute;top:-4%;box-shadow:0 1px 2px #0000001f}[data-frame=tape]:before{left:-6%;transform:rotate(-32deg)}[data-frame=tape]:after{right:-6%;transform:rotate(28deg)}.el-photo{container-type:inline-size}[data-frame=film]{background:radial-gradient(closest-side,#f3ede4 70%,#0000 76%) 1.5% 2.6%/7% 6% repeat-x,radial-gradient(closest-side,#f3ede4 70%,#0000 76%) 1.5% 97.4%/7% 6% repeat-x,#1e1a1c;border-radius:2px;padding:11% 4%;box-shadow:0 4px 12px #110f0d59}[data-frame=film] .photo-img{border-radius:1px}[data-frame=stamp]{background:var(--frame-color);filter:drop-shadow(0 3px 6px #221e1a47);padding:7%;-webkit-mask:radial-gradient(circle,#0000 0 3.2px,#000 3.6px) -6px -6px/12px 12px,linear-gradient(#000 0 0) 6px 6px/calc(100% - 12px) calc(100% - 12px) no-repeat;mask:radial-gradient(circle,#0000 0 3.2px,#000 3.6px) -6px -6px/12px 12px,linear-gradient(#000 0 0) 6px 6px/calc(100% - 12px) calc(100% - 12px) no-repeat}[data-frame=scallop]{background:var(--frame-color);padding:8%;-webkit-mask:radial-gradient(circle,#000 0 7px,#0000 7.5px) -2px -2px/14px 14px round,linear-gradient(#000 0 0) 6px 6px/calc(100% - 12px) calc(100% - 12px) no-repeat;mask:radial-gradient(circle,#000 0 7px,#0000 7.5px) -2px -2px/14px 14px round,linear-gradient(#000 0 0) 6px 6px/calc(100% - 12px) calc(100% - 12px) no-repeat}[data-frame=heart] .photo-img{object-fit:cover;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 92'%3E%3Cpath d='M50 90C20 68 2 50 2 28 2 13 14 2 28 2c10 0 18 5 22 13C54 7 62 2 72 2c14 0 26 11 26 26 0 22-18 40-48 62z'/%3E%3C/svg%3E") 50%/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 92'%3E%3Cpath d='M50 90C20 68 2 50 2 28 2 13 14 2 28 2c10 0 18 5 22 13C54 7 62 2 72 2c14 0 26 11 26 26 0 22-18 40-48 62z'/%3E%3C/svg%3E") 50%/contain no-repeat;aspect-ratio:1!important}[data-frame=heart]{filter:drop-shadow(0 3px 6px #221e1a4d)}[data-frame=circle] .photo-img{object-fit:cover;border:4px solid var(--frame-color);border-radius:50%;box-shadow:0 3px 10px #221e1a4d;aspect-ratio:1!important}[data-frame=torn]{filter:drop-shadow(0 0 .8px #fffdf8)drop-shadow(0 0 .8px #fffdf8)drop-shadow(0 0 .6px #f4ece0)drop-shadow(0 3px 4px #221e1a52)}.el.is-editing .frame-caption{-webkit-user-select:text;user-select:text;cursor:text}.frame-menu{z-index:50;border-radius:var(--radius);background:var(--surface);width:min(330px,100vw - 16px);animation:fm-in .16s var(--ease-out);padding:10px;position:fixed;box-shadow:0 14px 40px #221e1a4d}@keyframes fm-in{0%{opacity:0;transform:translateY(-4px)scale(.98)}}.fm-grid{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.fm-item{border:1.5px solid var(--border);background:#fff;border-radius:10px;min-height:38px;padding:0 6px;font-size:.8rem;font-weight:700}.fm-item[aria-pressed=true]{border-color:var(--text);background:var(--surface-2)}.fm-colors{border-top:1px solid var(--border);gap:8px;margin-top:10px;padding-top:10px;display:flex}.fm-color{border:0;border-radius:50%;width:28px;height:28px;box-shadow:inset 0 0 0 1px #00000026}.fm-color[aria-pressed=true]{outline:2.5px solid var(--text);outline-offset:2px}@media (prefers-reduced-motion:reduce){.frame-menu{animation:none}}.tear-tool{z-index:80;padding:calc(16px + env(safe-area-inset-top)) 16px calc(16px + env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(4px);color:#fff;touch-action:none;-webkit-user-select:none;user-select:none;background:#1b1917d1;grid-template-rows:auto 1fr auto;justify-items:center;gap:12px;display:grid;position:fixed;inset:0}.tt-hint{text-align:center;margin:0;font-size:1.05rem;font-weight:800}.tt-stage{width:min(86vw, calc(62dvh * var(--a,1)));cursor:crosshair;filter:drop-shadow(0 0 1px #fff)drop-shadow(0 0 1px #fff)drop-shadow(0 10px 24px #00000073);align-self:center;max-height:62dvh;position:relative}.tt-img{object-fit:cover;pointer-events:none;width:100%;height:100%;display:block}.tt-svg{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.tt-line{fill:none;stroke:#fff;stroke-width:.012px;stroke-dasharray:.03 .02;stroke-linecap:round;vector-effect:none}.tt-piece{stroke:#fff;stroke-width:.006px;cursor:pointer;transition:fill-opacity .15s}.tt-a{fill:#a2bbd7;fill-opacity:.38}.tt-b{fill:#8ec5e8;fill-opacity:.38}.tt-piece:hover{fill-opacity:.6}.tear-tool.is-picking .tt-stage{cursor:pointer}.tt-controls{justify-items:center;gap:10px;display:grid}.tt-rough{align-items:center;gap:10px;font-weight:700;display:flex}.tt-rough input{width:180px;accent-color:var(--accent)}.tt-buttons{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.tt-buttons button{min-height:42px;color:var(--text);background:var(--surface);border:0;border-radius:999px;padding:0 16px;font-weight:800}.tt-buttons button:disabled{opacity:.4}.tt-buttons .tt-primary{color:#fff;background:var(--accent)}.sticker-img{pointer-events:none;width:100%;height:auto;display:block}.sticker-paper{position:relative}.sticker-paper.has-texture:after{content:"";pointer-events:none;background-image:var(--grain), var(--fibers);-webkit-mask-image:var(--sticker-mask);-webkit-mask-image:var(--sticker-mask);mask-image:var(--sticker-mask);mix-blend-mode:multiply;opacity:.17;background-size:110px 110px,190px 190px;position:absolute;inset:0;-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.sticker-img[data-effect=outline],.sticker-img[data-effect=glossy],.sticker-img[data-effect=glitter]{--cut:drop-shadow(1.6px 0 0 #fff) drop-shadow(-1.6px 0 0 #fff) drop-shadow(0 1.6px 0 #fff) drop-shadow(0 -1.6px 0 #fff);filter:var(--cut) drop-shadow(0 2px 3px #221e1a40)}.sticker-img[data-effect=glossy]{filter:saturate(1.25) contrast(1.06) var(--cut) drop-shadow(0 3px 5px #221e1a4d)}.sticker-img[data-effect=glitter]{animation:1.8s ease-in-out infinite glitter}@keyframes glitter{0%,to{filter:var(--cut) drop-shadow(0 0 2px #ffe69699) brightness(1)}50%{filter:var(--cut) drop-shadow(0 0 7px #ffdc78f2) brightness(1.15) saturate(1.35)}}@media (prefers-reduced-motion:reduce){.sticker-img[data-effect=glitter]{animation:none}}.st-cats{flex-wrap:wrap;gap:6px;display:flex}.st-cat{border:1.5px solid var(--border);background:#fff;border-radius:999px;min-height:34px;padding:0 12px;font-weight:700}.st-cat[aria-pressed=true]{border-color:var(--text);background:var(--surface-2)}.st-grid{grid-template-columns:repeat(auto-fill,minmax(64px,1fr));gap:8px;display:grid}.st-item{aspect-ratio:1;box-shadow:inset 0 0 0 1px var(--border);transition:transform .14s var(--ease-out);background:#fff;border:0;border-radius:14px;place-items:center;padding:8px;display:grid}.st-item:active{transform:scale(.92)}.st-item img{pointer-events:none;max-width:100%;max-height:100%}.st-upload{min-width:0;position:relative}.st-upload .st-item{width:100%}.st-upload .st-item:disabled{opacity:.55}.st-remove{color:#4c6077;background:#fff8f6;border:1px solid #cdd2d8;border-radius:9px;place-items:center;width:30px;height:30px;padding:0;display:grid;position:absolute;top:-3px;right:-3px;box-shadow:0 2px 5px #403c3819}.st-remove .ui-icon{width:16px;height:16px}.st-upload-tools{gap:8px;display:grid}.st-upload-tools .field-help{margin:0}.st-upload-tools .btn-soft{box-shadow:none;border:1px solid var(--border);justify-self:start;font-size:11px}.sticker-sheet .panel-inner{grid-template-rows:none!important}.st-library-count{color:var(--text-soft);margin:7px 0 0;font-size:11px;font-weight:500;line-height:1.5}.st-search{margin-top:3px}.st-results{color:var(--text-soft);margin:-6px 0 0;font-size:11px;line-height:1.5}.sticker-sheet .st-cats{gap:7px}.sticker-sheet .st-cat{min-height:34px;padding:0 10px;font-size:11px}.st-studio-grid{grid-template-columns:repeat(auto-fill,minmax(86px,1fr));gap:12px}.st-item.st-studio{background:radial-gradient(at 45% 35%,#fffdf8,#eee9df);border-radius:8px;padding:10px;box-shadow:inset 0 0 0 1px #b9ac962b,0 2px 6px #54463506}.st-item.st-studio img{filter:drop-shadow(0 2px 2px #4e483a12)}.sticker-img[data-effect=none]{filter:drop-shadow(0 1px 1.5px #3d35221c)}:root{--accent-deep:#617388;--control-shadow:0 2px 5px #413a330a, 0 8px 24px #413a330c}[hidden]{display:none!important}.ui-icon{vertical-align:middle;flex:none;width:19px;height:19px}button:disabled{cursor:default}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--accent-deep);outline-offset:3px}button,input,select{-webkit-tap-highlight-color:transparent}input,select,textarea{font:inherit;color:inherit}.desk-identity{top:calc(17px + env(safe-area-inset-top));left:calc(24px + env(safe-area-inset-left));z-index:4;background:#fffaf2e8;border:1px solid #ffffffa8;border-radius:14px;align-items:center;gap:10px;padding:6px 12px;display:flex;position:absolute;box-shadow:0 2px 12px #49331f0a}.brand-mark{line-height:0;display:inline-flex}.brand-name{letter-spacing:-.005em;font:400 16px/1.1 Lora,Georgia,serif;display:block}.save-status{color:#705b64;margin-top:1px;font-size:10px;display:block}.save-status:before{content:"";vertical-align:1px;background:#6f987d;border-radius:50%;width:5px;height:5px;margin-right:5px;display:inline-block}.save-status[data-state=error]{color:#4e6886}.save-status[data-state=error]:before{background:#4e6886}.save-status[data-state=saving]:before{background:#b18a51}.desk-tools{top:calc(20px + env(safe-area-inset-top));right:calc(22px + env(safe-area-inset-right));box-shadow:var(--control-shadow);background:#fffaf4eb;border:1px solid #ffffffae;border-radius:16px;gap:5px;padding:5px}.desk-tools .tool-btn{box-shadow:none;background:0 0;border-radius:11px;justify-content:center;align-items:center;gap:7px;min-height:40px;padding:0 11px;font-size:12px;display:inline-flex}.desk-tools .style-btn{color:#536171;background:#f1efea}.desk-tools .tool-btn:hover{background:#eeece8}.desk-tools .bookmark-btn[aria-pressed=true]{color:#4c6077;background:#efebe3}.desk-tools .sound-btn{width:40px;padding:0}.cover-title{color:var(--cover-ink,#fff8f6);text-align:center;overflow-wrap:anywhere;text-wrap:balance;background:#ffffff16;border:1px solid #ffffff30;max-width:92%;padding:.6em .8em;box-shadow:inset 0 0 0 4px #ffffff0c}.cover-hint{color:var(--cover-ink,#fff8f6);opacity:.8;letter-spacing:.16em;font-size:10px;animation:none}.book-nav{padding-bottom:calc(20px + env(safe-area-inset-bottom));gap:12px}.page-tools{box-shadow:var(--control-shadow);background:#fffaf4ef;border:1px solid #ffffffad;border-radius:16px;align-items:center;gap:4px;padding:5px}.pt-btn{min-width:40px;height:40px;box-shadow:none;background:0 0;border-radius:11px;justify-content:center;align-items:center;gap:7px;padding:0 12px;font-size:12px;font-weight:800;display:inline-flex}.pt-btn:hover{background:#efede9}.pt-btn[data-act=add-text]{color:#536171;background:#f2efea}.pt-btn[data-act=undo]{border-left:1px solid #afb7c040;border-radius:0 10px 10px 0;margin-left:5px}.pt-btn:disabled{opacity:.3}.nav-btn{box-shadow:var(--control-shadow);background:#fffaf4ef;width:42px;height:42px}.nav-label{color:#596068;background:#fffaf4e8;border-radius:11px;min-width:0;padding:10px 13px;font-size:11px}.page-foot{color:#806d77;pointer-events:none}.el-bar{background:#403c38f5;border-radius:12px;gap:2px;max-width:calc(100vw - 16px);padding:4px}.el-bar button{border-radius:8px;width:36px;height:36px}.el-bar .ui-icon{width:17px;height:17px}.el-bar [data-cmd=del]:hover{background:#57708c80}.el-knob{background:var(--accent-deep);width:30px;height:30px}.el-knob:after{line-height:26px}.el.is-selected{outline-color:#627080}.panel{border:1px solid #ffffffb0;max-height:calc(100dvh - 24px)}.panel-head{gap:12px}.panel-head h2{font:800 25px/1.2 var(--font-ui);letter-spacing:-.8px;margin:3px 0 0}.icon-btn{color:#575e65;background:#efede9;flex:none;place-items:center;width:36px;height:36px;display:inline-grid}.panel.sheet{background:#fffaf7;width:min(370px,100vw)}.panel.sheet .panel-inner{grid-template-rows:auto auto auto 1fr auto;align-content:start;gap:18px;min-height:100%;padding:26px 23px 18px}.panel.sheet .panel-head{align-items:start}.eyebrow{letter-spacing:.16em;color:#707c8a;font-size:9px;font-weight:800}.panel-intro{color:var(--text-soft);margin:-8px 0 0;font-size:12px;line-height:1.6}.cz-tabs{background:#efede9;border-radius:12px;grid-template-columns:repeat(3,1fr);gap:4px;padding:4px;display:grid}.cz-tabs button{color:#846d78;background:0 0;border:0;border-radius:9px;min-height:38px;font-size:12px;font-weight:800}.cz-tabs button[aria-selected=true]{color:#586676;background:#fffdfb;box-shadow:0 2px 5px #4934210a}.cz-content{flex-direction:column;align-self:start;gap:24px;padding:5px 0 16px;display:flex}.cz-sec h3{letter-spacing:.09em;margin-bottom:13px;font-size:10px;font-weight:800}.cz-row{gap:12px;padding:3px}.cz-color,.cz-picker,.cz-tint{width:31px;height:31px}.cz-swatch[aria-pressed=true]{outline-offset:4px;outline:2px solid #626f7d}.cz-color[aria-pressed=true]:after,.cz-tint[aria-pressed=true]:after{content:"";background:#fff;border-radius:50%;position:absolute;inset:11px;box-shadow:0 0 0 1px #44403b50}.cz-tex,.cz-paper{gap:9px;width:62px;padding:7px 0}.cz-desk{gap:7px;width:62px}.cz-cap{color:#60666d;font-size:10px}.cz-title{font:600 16px var(--font-ui);background:#fff;border-color:#cbcfd4;height:46px}.cz-add{background:0 0;font-family:inherit}.cz-add:focus-within,.cz-picker:focus-within{outline:3px solid var(--accent-deep);outline-offset:3px}.cz-footer{border-top:1px solid #e4e1dc;justify-content:space-between;align-items:center;gap:14px;padding-top:16px;display:flex}.cz-footer span{color:#806877;max-width:150px;font-size:10px;line-height:1.5}.btn-primary{color:#fff;background:#5e6c7d;border:0;border-radius:11px;padding:11px 25px;font-weight:800}.field-label{color:#60666d;flex-direction:column;gap:8px;font-size:11px;font-weight:800;display:flex}.field-help{color:#826a75;font-size:11px;line-height:1.6}.inspector-input{-webkit-user-select:text;user-select:text;background:#fff;border:1px solid #cbcfd4;border-radius:9px;width:100%;min-width:0;min-height:42px;padding:9px 11px;font-size:13px}.frame-menu{overscroll-behavior:contain;background:#fffaf7;border:1px solid #e3e1dc;border-radius:18px;width:min(350px,100vw - 16px);max-height:calc(100dvh - 16px);padding:16px;overflow-y:auto;box-shadow:0 12px 50px #36312c4a}.picker-head{justify-content:space-between;gap:10px;margin-bottom:16px;display:flex}.picker-head h2{letter-spacing:-.4px;margin:0 0 5px;font-size:16px}.picker-head p{color:#826a75;margin:0;font-size:10px;line-height:1.5}.picker-head .icon-btn{width:28px;height:28px}.picker-head .ui-icon{width:15px;height:15px}.fm-grid{gap:8px}.fm-item{background:#fffdfa;border:1px solid #e5e2de;border-radius:10px;flex-direction:column;align-items:center;gap:6px;padding:8px 5px;font-size:10px;display:flex}.fm-item:hover{background:#f6f5f2;border-color:#97a1ad}.fm-item[aria-pressed=true]{color:#536273;background:#f1eee9;border-color:#667586;box-shadow:0 0 0 1px #667586}.fm-preview{pointer-events:none;place-items:center;width:100%;height:61px;display:grid}.fm-preview .frame{width:49px;max-height:60px;container-type:inline-size}.fm-preview .photo-img{object-fit:cover;width:100%;height:43px;aspect-ratio:auto!important}.fm-preview [data-frame=heart] .photo-img,.fm-preview [data-frame=circle] .photo-img{width:43px;height:43px}.fm-preview .frame-caption{min-height:9px;padding:3px 0;font-size:5px;line-height:1.1}.fm-details{border-top:1px solid #e4e1dc;gap:10px;margin-top:16px;padding-top:14px;display:grid}.fm-details>.field-label:first-child{flex-direction:row;justify-content:space-between;align-items:center}.fm-custom-color{background:#fff;border:1px solid #cbcfd4;border-radius:7px;width:38px;height:27px;padding:2px}.fm-details .fm-colors{border-top:0;flex-wrap:wrap;gap:14px;margin:0 0 5px;padding:3px}.fm-tear{box-shadow:none;background:#eeece8;justify-content:center;align-items:center;gap:8px;font-size:12px;display:flex}.font-menu .fm-colors{flex-wrap:wrap}.fo-list{max-height:min(300px,40dvh)}.sec-row{grid-template-columns:34px minmax(70px,1fr) 34px repeat(3,30px);gap:5px}.sec-row .icon-btn{border-radius:8px;width:30px;height:36px}@media (min-width:601px) and (max-width:1100px){.desk-identity{top:calc(12px + env(safe-area-inset-top));left:12px}.desk-tools{top:calc(16px + env(safe-area-inset-top));right:12px}.desk-tools .tool-label{display:none}.desk-tools .tool-btn{width:36px;min-height:36px;padding:0}body.customizing .book-wrap{transform:translate(-160px)scale(.67)}}@media (max-width:600px){.desk-identity{top:calc(10px + env(safe-area-inset-top));gap:6px;padding:5px 8px;left:10px}.brand-name{font-size:12px}.brand-mark .dd-logo{width:22px;height:22px}.save-status{font-size:8px}.desk-tools{top:calc(65px + env(safe-area-inset-top));gap:2px;padding:4px;left:50%;right:auto;transform:translate(-50%)}.desk-tools .tool-btn{width:36px;min-height:36px;padding:0}.book-wrap{padding-top:calc(110px + env(safe-area-inset-top))}.book[data-mode=single]{--page-w:min(calc(100vw - 84px - var(--peek) - env(safe-area-inset-left) - env(safe-area-inset-right)), calc((100dvh - 240px) * .8), 820px);--page-h:min(calc(100dvh - 240px), calc(var(--page-w) / .56))}.book-nav{padding:8px 8px calc(14px + env(safe-area-inset-bottom));gap:7px}.page-tools{border-radius:13px;gap:1px;padding:4px}.pt-btn{width:36px;min-width:36px;height:38px;padding:0}.pt-btn[data-act=undo]{margin-left:1px}.nav-btn{flex:none;width:34px;height:38px}.nav-label{bottom:calc(72px + env(safe-area-inset-bottom));pointer-events:none;padding:4px 9px;font-size:9px;display:block;position:absolute}.panel.sheet{width:100vw;height:auto;max-height:62dvh}.panel.sheet .panel-inner{gap:15px;min-height:auto;padding:20px 20px 16px}.cz-content{gap:20px}.cz-tabs{z-index:2;position:sticky;top:-1px}.cz-footer{background:#fffaf7;padding-bottom:5px;position:sticky;bottom:-1px}.panel-head h2{font-size:22px}.fm-color{width:30px;height:30px}}@media (max-height:520px) and (min-aspect-ratio:1){.desk-identity{display:none}.desk-tools{gap:1px;padding:3px;top:8px;left:auto;right:8px;transform:none}.desk-tools .tool-btn{width:34px;height:32px;min-height:32px}.page-tools{pointer-events:auto;position:absolute;bottom:8px;left:50%;transform:translate(-50%)}.page-tools .pt-btn{width:34px;min-width:34px;height:32px;padding:0}.book-nav{padding-bottom:8px}.nav-label{display:none}body.customizing .book-wrap{transform:translate(-130px)scale(.7)}.panel.sheet{width:min(350px,55vw);height:100dvh;max-height:100dvh;margin:0 0 0 auto}.tt-stage{width:min(45vw, calc(45dvh * var(--a,1)));max-height:45dvh}.tear-tool{gap:5px;padding-top:8px}.tt-controls{gap:5px}.tt-buttons button{min-height:32px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.desk[data-closed=true] .desk-tools .tool-btn:not(.sound-btn,.style-btn,.install-btn){display:none}@media (max-height:520px) and (min-aspect-ratio:1){.book-wrap{padding-top:calc(26px + env(safe-area-inset-top))}}.layout-btn[aria-pressed=true]{color:#536171;background:#efece7}.desk[data-closed=true] .desk-tools .tool-btn.layout-btn{visibility:visible;opacity:1;display:inline-flex}@media (max-width:719px) and (min-height:521px){.book[data-mode=spread]{--page-h:min(calc(100dvh - 240px), calc((100vw - 106px - env(safe-area-inset-left) - env(safe-area-inset-right)) / 1.44))}}.auth-card{background:#fffcf6eb;border:1px solid #c9cfd650;border-radius:24px;padding:clamp(24px,4vw,44px);box-shadow:0 16px 70px #3f47500b}.auth-eyebrow{letter-spacing:2px;color:#667280;margin:0 0 12px;font-size:10px;font-weight:800}.auth-card h1{font:700 clamp(29px,3vw,37px)/1.1 var(--font-display);margin:0 0 14px}.auth-description,.account-description{color:#735c67;font-size:14px;line-height:1.65}.auth-form{gap:15px;margin-top:26px;display:grid}.auth-form label,.account-danger label{gap:7px;font-size:13px;font-weight:800;display:grid}.auth-form input,.account-danger input{font:inherit;color:#383532;background:#fffdf9;border:1px solid #acb1b7;border-radius:10px;width:100%;min-width:0;min-height:46px;padding:11px 13px;font-weight:500}.password-field{background:#fffdf9;border:1px solid #acb1b7;border-radius:10px;display:flex}.password-field input{background:0 0;border:0}.password-toggle{color:#546273;background:0 0;border:0;padding:8px 12px;font-size:12px;font-weight:800}.auth-primary{color:#fff;background:#566577;border:0;border-radius:12px;width:100%;min-height:48px;padding:12px 18px;font-weight:800}.auth-primary:hover{background:#455362}.auth-primary:disabled{opacity:.65;cursor:wait}.auth-link{color:#566372;text-underline-offset:3px;background:0 0;border:0;min-height:40px;padding:10px 0;font-size:13px;text-decoration:underline}.auth-switch{margin:6px 0;font-size:13px}.auth-switch .auth-link{font-weight:800}.auth-feedback,.account-feedback{color:#4a5e75;overflow-wrap:anywhere;min-height:0;margin:0;font-size:13px;line-height:1.6}.auth-feedback:empty{display:none}.auth-hint,.auth-privacy{color:#7a6070;margin:0;font-size:11px;line-height:1.6}.auth-privacy{margin-top:18px}.auth-divider{background:#9ca4ad30;height:1px;margin:23px 0 16px}.auth-guest{background:#fffaf4;border:1px solid #9ca4ad;border-radius:11px;width:100%;min-height:44px;margin-bottom:10px;padding:11px 16px;font-size:13px;font-weight:800}.account-dialog{width:min(520px,100vw - 32px);max-height:calc(100dvh - 40px);color:var(--text);font-family:var(--font-ui);background:#fffcf7;border:1px solid #cbd0d5;border-radius:22px;padding:28px;overflow:auto;box-shadow:0 20px 80px #342f2933}.account-dialog::backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#34302d66}.account-head{justify-content:space-between;align-items:start;gap:15px;display:flex}.account-head h2{font:700 28px var(--font-display);margin:0}.account-close{background:#f1efeb;border:0;border-radius:50%;width:40px;height:40px;font-size:24px}.account-email{overflow-wrap:anywhere;font-size:14px;font-weight:800}.account-actions{grid-template-columns:1fr 1fr;gap:9px;margin-top:18px;display:grid}.account-actions button,.account-books button{text-align:left;background:#fff7f2;border:1px solid #c4cad1;border-radius:10px;min-height:44px;padding:11px;font-size:12px}.account-books{gap:8px;font-size:13px;display:grid}.account-danger{margin-top:20px;font-size:12px;line-height:1.6}.account-danger summary{color:#56697f;cursor:pointer}.account-danger button{color:#485c73;background:#fff0f1;border:1px solid #6a7e95;border-radius:10px;margin-top:10px;padding:12px}.cloud-banner{z-index:100;background:#fffaf2;border:1px solid #9da5ae;border-radius:14px;align-items:center;gap:18px;width:min(600px,100vw - 32px);padding:14px 18px;font-size:13px;display:flex;position:fixed;bottom:90px;left:50%;transform:translate(-50%);box-shadow:0 8px 30px #453f392a}.cloud-banner button{color:#fff;background:#566577;border:0;border-radius:8px;margin-left:auto;padding:9px 14px}.save-status[data-state=conflict],.save-status[data-state=error]{color:#506781}@media (max-width:760px){.account-dialog{padding:22px}.cloud-banner{bottom:100px}}.desk[data-closed=true] .desk-tools button.tool-btn.account-button{visibility:visible;opacity:1;display:inline-flex}.save-status[data-state=offline]:before{background:#b18d3f}.save-status[data-state=syncing]:before{background:#6b91b1}.save-status[data-state=conflict]:before,.save-status[data-state=error]:before{background:#6c829b}.guest-banner p{margin:0;line-height:1.5}.guest-banner button{white-space:nowrap;flex:none}.guest-banner .guest-banner-close{color:#4b5563;background:0 0;margin-left:0;padding:4px 8px;font-size:20px;line-height:1}.auth-guest-warning{color:#5c4a2e;background:#f6efe2;border:1px solid #e3d3b7;border-radius:10px;padding:10px 12px}@media (max-width:760px){.guest-banner{flex-wrap:wrap;gap:10px}.guest-banner button:not(.guest-banner-close){margin-left:0}}.auth-screen{--ink:#232b35;--ink-soft:#4f4b46;--stone:#f2f1ee;--stone-2:#e7e4de;--action:#33495c;--action-hover:#26394a;--serif:"Lora",Georgia,"Times New Roman",serif;background:var(--stone);height:100dvh;min-height:100dvh;color:var(--ink);grid-template-columns:minmax(0,1.3fr) minmax(400px,.7fr);display:grid;overflow:auto}.auth-screen ::selection{background:#33495c33}.auth-screen input{caret-color:var(--action)}.auth-scene{grid-template-rows:auto auto 1fr;gap:clamp(14px,2.4vh,26px);min-height:0;padding:clamp(28px,3.4vw,52px) clamp(28px,4vw,64px) 0;display:grid;position:relative;overflow:hidden}.auth-scene:not([data-bg]){background:#e2d3bb}.auth-brand{z-index:1;color:var(--ink);font:400 24px/1 var(--serif);letter-spacing:-.01em;justify-self:start;align-items:center;gap:10px;min-height:44px;text-decoration:none;display:inline-flex;position:relative}.auth-brand .dd-logo{flex:none}.auth-pitch{z-index:1;max-width:33rem;position:relative}.auth-statement{font:400 clamp(28px,2.5vw,36px)/1.12 var(--serif);letter-spacing:-.02em;color:var(--ink);text-wrap:balance;margin:0 0 10px}.auth-pitch p:not(.auth-statement){color:var(--ink-soft);max-width:30em;margin:0;font-size:16px;line-height:1.55}.auth-stage{--avail:calc(100dvh - 250px);--bw:clamp(220px,min(31vw,calc(var(--avail) * .66)),470px);--cw:clamp(200px,min(28vw,calc(var(--avail) * .68)),420px);z-index:1;grid-template-columns:auto auto;grid-template-areas:"book chibi";place-content:end center;align-items:end;min-height:0;display:grid;position:relative}.auth-book{width:var(--bw);aspect-ratio:236/308;margin-bottom:calc(var(--bw) * .13);background:var(--cover,#3e5568);transform-origin:50% 100%;color:var(--cover-ink,#f3ead9);border-radius:10px 20px 20px 10px;flex-direction:column;grid-area:book;justify-content:center;align-items:center;gap:16px;display:flex;position:relative;transform:rotate(-4deg)}.auth-book-pages{z-index:-2;background:#cdbfa8;border-radius:6px 16px 16px 6px;position:absolute;inset:8px -14px -12px 10px}.auth-book-pages:before{content:"";border-radius:inherit;background:var(--paper,#f4ecdf);position:absolute;inset:-4px 3px 4px -3px}.auth-book:before{content:"";background:color-mix(in srgb,var(--cover,#3e5568) 74%,#000);z-index:1;border-radius:10px 0 0 10px;width:7%;position:absolute;top:0;bottom:0;left:0}.auth-book:after{content:"";clip-path:polygon(0 0,100% 0,100% 100%,50% 82%,0 100%);z-index:-1;background:#b8324f;width:7%;height:16%;position:absolute;bottom:-12%;left:58%}.auth-book .auth-book-tex{border-radius:inherit;width:auto;height:auto;box-shadow:none;pointer-events:none;background-color:var(--cover,#3e5568);position:absolute;inset:0}.auth-book-star{opacity:.9;width:clamp(18px,1.8vw,26px);height:auto;position:relative}.auth-book-title{font:400 clamp(34px,3.6vw,56px)/1.05 var(--serif);letter-spacing:-.01em;text-align:center;-webkit-line-clamp:4;overflow-wrap:anywhere;-webkit-box-orient:vertical;max-width:100%;padding:0 9% 0 13%;display:-webkit-box;position:relative;overflow:hidden}.auth-book-title[data-size=m]{font-size:clamp(26px,2.6vw,40px)}.auth-book-title[data-size=s]{font-size:clamp(19px,1.8vw,28px);line-height:1.2}.auth-book-tabs{z-index:-1;gap:8px;display:grid;position:absolute;top:12%;right:-34px}.auth-book-tabs i{border-radius:0 9px 9px 0;width:22px;height:clamp(30px,4.6vh,50px);display:block}.auth-stage .auth-page{aspect-ratio:3/4;background-color:var(--paper,#fbf4e6);z-index:-1;border-radius:4px;grid-area:book;place-self:end center;width:88%;margin-bottom:6%;transform:translate(17%,-4%)rotate(6deg)}.auth-chibi{width:var(--cw);aspect-ratio:200/240;margin-bottom:calc(var(--bw) * .13 - 10px);z-index:1;grid-area:chibi;align-self:end;margin-left:clamp(-120px,-7vw,-48px);position:relative}.auth-chibi .chibi-live{width:100%;height:100%}.auth-chibi-slot{display:contents}.auth-chibi-edit{z-index:2;margin-top:calc(var(--bw) * 1.305 - var(--cw) * 1.115 - 50px);background:var(--stone);color:var(--ink);min-height:44px;font:700 14px var(--font-ui);cursor:pointer;white-space:nowrap;border:0;border-radius:999px;grid-area:chibi;place-self:start end;align-items:center;gap:.3em;padding:10px 18px;transition:background-color .16s cubic-bezier(.22,1,.36,1),transform .16s cubic-bezier(.22,1,.36,1);display:inline-flex;position:relative}.auth-chibi-edit:hover{background:#fff}.auth-chibi-edit:active{transform:scale(.97)}.auth-chibi-edit:focus-visible{outline:2.5px solid var(--action);outline-offset:3px}.auth-panel{background:var(--stone);place-items:center;padding:clamp(32px,5vw,72px) clamp(24px,4vw,56px);display:grid}.auth-screen .auth-card{width:100%;max-width:380px;box-shadow:none;background:0 0;border:0;border-radius:0;padding:0}.auth-screen .auth-card h1{font:400 32px/1.12 var(--serif);letter-spacing:-.015em;color:var(--ink);margin:0 0 10px}.auth-screen .auth-description{color:var(--ink-soft);margin:0;font-size:15px}.auth-screen .auth-form{gap:18px;margin-top:28px}.auth-screen .auth-form label{color:var(--ink);font-size:14px;font-weight:700}.auth-screen .auth-form input{min-height:48px;color:var(--ink);background:#fff;border:1px solid #c4bdb1;font-size:16px;transition:border-color .16s}.auth-screen .auth-form input:hover{border-color:#9d958a}.auth-screen .auth-form input:focus-visible{outline:2.5px solid var(--action);outline-offset:1px;border-color:var(--action)}.auth-screen .password-field{background:#fff;border:1px solid #c4bdb1}.auth-screen .password-field:focus-within{outline:2.5px solid var(--action);outline-offset:1px;border-color:var(--action)}.auth-screen .password-field input,.auth-screen .password-field input:focus-visible{background:0 0;border:0;outline:0}.auth-screen .password-toggle{min-width:56px;min-height:44px;color:var(--action);border-radius:8px;font-size:13px}.auth-screen .password-toggle:focus-visible{outline:2.5px solid var(--action);outline-offset:-4px}.auth-screen .auth-primary{background:var(--action);border-radius:12px;min-height:50px;font-size:15px;transition:background-color .16s,transform .16s cubic-bezier(.22,1,.36,1)}.auth-screen .auth-primary:hover{background:var(--action-hover)}.auth-screen .auth-primary:active{transform:scale(.985)}.auth-screen .auth-primary:focus-visible,.auth-screen .auth-guest:focus-visible,.auth-screen .auth-link:focus-visible{outline:2.5px solid var(--action);outline-offset:3px}.auth-screen .auth-link{min-height:44px;color:var(--action);text-underline-offset:4px;font-size:14px}.auth-screen .auth-switch{color:var(--ink-soft);margin:2px 0 0;font-size:14px}.auth-screen .auth-feedback{font-size:14px}.auth-screen .auth-hint,.auth-screen .auth-privacy{color:var(--ink-soft);font-size:13px}.auth-screen .auth-guest{background:var(--stone-2);color:var(--ink);border:0;border-radius:12px;min-height:48px;margin:30px 0 12px;font-size:14px;transition:background-color .16s}.auth-screen .auth-guest:hover{background:#dfd9ce}.auth-screen .auth-guest-warning{color:#463c2e;background:#ebe5d9;border:0;border-radius:10px;padding:12px 14px;font-size:13px;line-height:1.55}.auth-page[data-paper=lined]{background-image:linear-gradient(90deg,#0000 9%,#d77a7a66 9% calc(9% + 1px),#0000 0),repeating-linear-gradient(#0000 0 19px,#7f9bb84a 19px 20px);background-position:0 0,0 28px}.auth-page[data-paper=dotted]{background-image:radial-gradient(circle,#4a556233 1.2px,#0000 1.8px);background-size:18px 18px}.auth-page[data-paper=grid]{background-image:linear-gradient(#7f9bb83d 1px,#0000 1px),linear-gradient(90deg,#7f9bb83d 1px,#0000 1px);background-size:18px 18px}.auth-scene[data-bg=upload]{background-color:#e9dccd;background-position:50%}.auth-scene[data-bg=upload][data-fit=cover]{background-repeat:no-repeat;background-size:cover}.auth-scene[data-bg=upload][data-fit=tile]{background-repeat:repeat;background-size:320px}.auth-scene[data-tone=dark]{--ink:#f6efe3;--ink-soft:#e2d9cb}.auth-scene[data-bg=upload] .auth-pitch{background:#f4f2eeeb;border-radius:14px;padding:16px 18px}.auth-scene[data-bg=upload][data-tone=dark] .auth-pitch{background:#1d2126e6}.auth-scene[data-tone=dark] .auth-chibi-edit{color:#232b35;background:#f4f2eeeb}@media (max-width:1099px) and (min-width:901px){.auth-screen{grid-template-columns:minmax(0,1.1fr) minmax(380px,.9fr)}}@media (min-width:901px) and (max-height:720px){.auth-pitch p:not(.auth-statement){display:none}}@media (max-width:900px){.auth-screen{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;grid-template-rows:max-content max-content;grid-template-columns:1fr;align-content:start;height:100dvh;overflow-y:auto}.auth-scene{grid-template-rows:auto auto auto;gap:12px;padding:20px 20px 0}.auth-statement{font-size:26px}.auth-stage{--bw:clamp(150px,36vw,270px);--cw:clamp(140px,33vw,250px);grid-template-areas:"book chibi""edit edit";row-gap:12px;padding:8px 0 16px}.auth-book{gap:8px;margin-bottom:0}.auth-book-tabs{gap:5px;right:-20px}.auth-book-tabs i{width:14px;height:26px}.auth-chibi{margin-left:-9vw}.auth-chibi-edit{grid-area:edit;place-self:start center;margin-top:0;padding:8px 16px;font-size:14px}.auth-panel{place-items:start center;padding:32px 20px 44px}}@media (max-width:560px){.auth-screen .auth-card h1{font-size:26px}.auth-pitch p:not(.auth-statement){display:none}.auth-statement{margin:0;font-size:23px}.auth-edit-long{display:none}}.chibi-live,.chibi-thumb{line-height:0;display:block}.chibi{width:100%;height:100%;display:block;overflow:visible}.chibi .ch-root{transform-box:view-box;transform-origin:100px 234px}.chibi[data-live] .ch-root{animation:3.6s ease-in-out infinite ch-breathe}@keyframes ch-breathe{0%,to{transform:translateY(0)scaleY(1)}50%{transform:translateY(-1.6px)scaleY(1.006)}}.chibi .ch-eye-blink{transform-box:fill-box;transform-origin:50%;transition:transform 70ms cubic-bezier(.22,1,.36,1)}.chibi.ch-blinking .ch-eye-blink{transform:scaleY(.08)}.chibi .ch-mouth,.chibi .ch-happy-eyes,.chibi .ch-mark{display:none}.chibi[data-mood=idle] .ch-mouth-idle,.chibi[data-mood=happy] .ch-mouth-happy,.chibi[data-mood=confused] .ch-mouth-confused,.chibi[data-mood=shy] .ch-mouth-shy{display:inline}.chibi[data-mood=happy] .ch-eyes{display:none}.chibi[data-mood=happy] .ch-happy-eyes,.chibi[data-mood=happy] .ch-mark-happy,.chibi[data-mood=confused] .ch-mark-confused{display:inline}.chibi .ch-mark{transform-box:fill-box;transform-origin:bottom;animation:.32s cubic-bezier(.22,1,.36,1) both ch-pop}@keyframes ch-pop{0%{opacity:0;transform:scale(.4)}to{opacity:1;transform:scale(1)}}.chibi .ch-arms-cover{transform-box:view-box;opacity:0;transition:transform .32s cubic-bezier(.22,1,.36,1),opacity .18s;transform:translateY(70px)}.chibi .ch-arms-rest{transition:opacity .18s}.chibi[data-hands=cover] .ch-arms-cover{opacity:1;transform:translateY(0)}.chibi[data-hands=peek] .ch-arms-cover{opacity:1;transform:translateY(17px)}.chibi[data-hands=cover] .ch-arms-rest,.chibi[data-hands=peek] .ch-arms-rest{opacity:0}.chibi[data-hands=rest] .ch-arms-cover{pointer-events:none}@media (prefers-reduced-motion:reduce){.chibi[data-live] .ch-root{animation:none}.chibi .ch-arms-cover,.chibi .ch-eye-blink{transition:opacity .15s}.chibi .ch-mark{animation:none}}.chibi-editor{width:min(860px,100vw - 24px);max-height:calc(100dvh - 24px);color:var(--text);font-family:var(--font-ui);background:#fffcf7;border:1px solid #cbd0d5;border-radius:24px;flex-direction:column;padding:0;display:none;overflow:hidden;box-shadow:0 20px 80px #342f2933}.chibi-editor[open]{display:flex}.chibi-editor::backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#34302d66}.ce-head{justify-content:space-between;align-items:start;gap:16px;padding:24px 26px 6px;display:flex}.ce-head h2{font:700 28px var(--font-display);margin:0}.ce-body{grid-template-columns:240px 1fr;gap:22px;min-height:0;padding:8px 26px;display:grid;overflow:auto}.ce-preview{align-self:start;justify-items:center;gap:12px;display:grid;position:sticky;top:0}.ce-stage{background:radial-gradient(circle at 50% 40%,#fff 0,#f6f3ee 70%);border:1px solid #e6e2dc;border-radius:20px;width:220px;height:264px;padding:10px 14px 4px}.ce-stage .chibi-live{width:100%;height:100%}.ce-quick{gap:8px;display:flex}.ce-quick button{color:#546273;background:#fff7f2;border:1px solid #c4cad1;border-radius:999px;min-height:40px;padding:8px 14px;font-size:12px;font-weight:800}.ce-controls{gap:14px;padding-bottom:6px;display:grid}.ce-group{border:0;min-width:0;margin:0;padding:0}.ce-group legend{letter-spacing:.4px;color:#555c66;margin-bottom:8px;padding:0;font-size:12px;font-weight:800}.ce-thumbs{grid-template-columns:repeat(auto-fill,minmax(78px,1fr));gap:8px;display:grid}.ce-thumb{cursor:pointer;background:#fff;border:1.5px solid #e5e2dc;border-radius:14px;justify-items:center;gap:4px;padding:6px 4px;transition:border-color .15s,background .15s;display:grid;position:relative}.ce-thumb .chibi-thumb{width:100%;height:62px;overflow:hidden}.ce-thumb .chibi{width:100%;height:100%;overflow:hidden}.ce-name{color:#5a6067;text-align:center;font-size:11px;font-weight:700}.ce-thumb:has(input:checked){background:#f7f5f2;border-color:#566577}:is(.ce-thumb:has(input:focus-visible),.ce-swatch:has(input:focus-visible),.ce-custom:has(input:focus-visible),.ce-toggle:has(input:focus-visible)){outline-offset:2px;outline:2.5px solid #566577}.ce-thumb input,.ce-swatch input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.ce-swatches{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.ce-swatch,.ce-custom{cursor:pointer;border-radius:50%;place-items:center;width:36px;height:36px;display:grid;position:relative}.ce-swatch>span:not(.sr-only){border-radius:50%;width:28px;height:28px;box-shadow:inset 0 0 0 1px #0000001f}.ce-custom.is-active{box-shadow:0 0 0 2.5px #566577}.ce-swatch:has(input:checked){box-shadow:0 0 0 2.5px #566577}.ce-custom{background:conic-gradient(#a2bbd7,#f5c842,#82c8a0,#6f97c8,#90a0b3,#a2bbd7)}.ce-custom input{opacity:0;cursor:pointer;border:0;width:100%;height:100%;padding:0;position:absolute;inset:0}.ce-toggle{cursor:pointer;align-items:center;gap:10px;min-height:44px;font-size:13px;font-weight:800;display:flex}.ce-toggle input{accent-color:#566577;width:20px;height:20px}.ce-feedback{color:#57626e;min-height:18px;margin:0;padding:0 26px;font-size:13px}.ce-actions{border-top:1px solid #9ca4ad22;justify-content:flex-end;gap:10px;padding:12px 26px 22px;display:flex}.ce-actions .auth-guest,.ce-actions .auth-primary{width:auto;margin:0;padding-inline:22px}@media (max-width:640px){.ce-head{padding:18px 18px 4px}.ce-body{grid-template-columns:1fr;padding:6px 18px}.ce-feedback{padding:0 18px}.ce-actions{padding:10px 18px 16px}.ce-preview{grid-template-columns:auto 1fr;place-items:center start;position:static}.ce-stage{width:120px;height:146px;padding:6px}.ce-quick{flex-direction:column}.ce-thumbs{grid-template-columns:repeat(3,1fr)}}.ce-presets{flex-wrap:wrap;gap:8px;display:flex}.ce-presets button{min-height:40px;font:800 12px var(--font-ui);color:#4f4450;cursor:pointer;background:#fff;border:1.5px solid #caced3;border-radius:999px;padding:8px 16px}.ce-presets button:hover{border-color:#6f6470}