@font-face{font-family:"Baloo 2";font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/Baloo2-500.woff2) format("woff2")}@font-face{font-family:"Baloo 2";font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/Baloo2-700.woff2) format("woff2")}@font-face{font-family:"Baloo 2";font-style:normal;font-weight:800;font-display:swap;src:url(/fonts/Baloo2-800.woff2) format("woff2")}@font-face{font-family:Quicksand;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/Quicksand-500.woff2) format("woff2")}@font-face{font-family:Quicksand;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/Quicksand-600.woff2) format("woff2")}@font-face{font-family:Quicksand;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/Quicksand-700.woff2) format("woff2")}*{box-sizing:border-box}body{font-family:Quicksand,sans-serif;margin:0;background:radial-gradient(circle at 20% 0%,#eaf6ff,#dceeff 55%,#cfe4ff);min-height:100vh;display:flex;flex-direction:column;align-items:center;padding:calc(8px + env(safe-area-inset-top)) calc(16px + env(safe-area-inset-right)) calc(40px + env(safe-area-inset-bottom)) calc(16px + env(safe-area-inset-left));color:#33314b}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;border:0;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}.diff-toggle{display:flex;border:3px solid #2E2A55;border-radius:999px;overflow:hidden;background:#fff;box-shadow:0 3px #2e2a552e}.ask{display:flex;flex-direction:column;align-items:center;gap:10px;margin-bottom:12px;width:min(1000px,100%)}.ask-head{align-self:stretch;display:flex;align-items:center;gap:10px}.ask-head .ask-title{flex:1 1 auto;min-width:0}.ask-title{font-family:"Baloo 2",sans-serif;font-size:clamp(22px,5vw,30px);font-weight:700;color:#2e2a55;text-align:center;margin:0;max-width:92vw}:root{--canvas-size: min(92vw, 62vh, 600px)}body[data-has-drawing]{--canvas-size: min(92vw, 66vh, 620px)}@supports (height: 1dvh){:root{--canvas-size: min(92vw, 62dvh, 600px)}body[data-has-drawing]{--canvas-size: min(92vw, 66dvh, 620px)}}.canvas-wrap{position:relative;background:#fffdf7;border:6px solid #2E2A55;border-radius:28px;box-shadow:0 10px #2e2a5526;padding:10px;width:var(--canvas-size);height:var(--canvas-size)}.canvas-empty{height:100%;display:flex;align-items:center;justify-content:center;color:#b9b6d6;font-family:"Baloo 2",sans-serif;font-size:15px;text-align:center;padding:20px}.shape{cursor:pointer;transform-origin:center;animation:pop .35s ease backwards;transition:fill .15s ease}@media(hover:hover){.shape:hover{filter:brightness(.97)}}@keyframes pop{0%{opacity:0;transform:scale(.7)}to{opacity:1;transform:scale(1)}}.palette{display:flex;gap:10px;margin:18px 0 4px;flex-wrap:wrap;justify-content:center;max-width:420px}.swatch{width:38px;height:38px;border-radius:50%;border:3px solid #2E2A55;cursor:pointer;transition:transform .15s ease}@media(hover:hover){.swatch:hover{transform:scale(1.12)}}.swatch.active{transform:scale(1.18);box-shadow:0 0 0 3px #ffb627}.ask-row{display:flex;align-items:flex-end;gap:10px;width:min(720px,96vw)}.prompt-box{flex:1;min-width:0;display:flex;align-items:flex-end;gap:6px;padding:4px;background:#fff;border:3px solid #2E2A55;border-radius:20px;box-shadow:0 3px #2e2a5526}.prompt-box:focus-within{outline:3px solid #FFB627;outline-offset:1px}.prompt-box textarea{flex:1;min-width:0;display:block;font-family:Quicksand,sans-serif;font-weight:600;font-size:16px;line-height:24px;height:48px;max-height:120px;padding:12px 4px 12px 6px;border:none;outline:none;background:transparent;color:#33314b;resize:none;overflow-y:hidden}.prompt-box textarea::placeholder{color:#9a97b8}.prompt-box.invite{border-color:#ffb627;animation:invite 1.2s ease-in-out infinite}.prompt-box.invite textarea::placeholder{color:#5b5680}@keyframes invite{0%,to{background:#fff;box-shadow:0 3px #2e2a5526,0 0 #ffb627e6}50%{background:#fff1c9;box-shadow:0 3px #2e2a5526,0 0 0 9px #ffb62773}}@media(prefers-reduced-motion:reduce){.prompt-box.invite{animation:none;background:#fff6dc;outline:3px solid #FFB627;outline-offset:1px}}.clear-btn{flex:0 0 auto;width:40px;height:40px;margin:4px 2px 4px 0;border-radius:50%;border:none;background:#edebf7;color:#2e2a55;font-size:17px;font-weight:700;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center}.clear-btn[hidden]{display:none}.clear-btn:active{background:#dad7ee}.mic-btn{flex:0 0 auto;display:flex;align-items:center;justify-content:center;gap:9px;padding:0 20px;height:48px;border-radius:999px;border:none;background:linear-gradient(180deg,#ff8a6e,#ff6f59);color:#fff;font-family:"Baloo 2",sans-serif;font-weight:700;font-size:17px;white-space:nowrap;cursor:pointer;box-shadow:0 3px #c74e3b;transition:transform .1s ease,box-shadow .1s ease}.mic-icon{font-size:22px;line-height:1}.draw-btn{flex:0 0 auto;height:62px;padding:0 20px;font-family:"Baloo 2",sans-serif;font-weight:700;font-size:16px;background:#4da6ff;color:#fff;white-space:nowrap;border:3px solid #2E2A55;border-radius:16px;cursor:pointer;box-shadow:0 3px #2e2a5526;transition:transform .1s ease,box-shadow .1s ease}.draw-btn:active{transform:translateY(3px);box-shadow:none}.draw-btn.nudge{animation:nudge 1.1s ease-in-out infinite}@keyframes nudge{0%,to{transform:scale(1);box-shadow:0 3px #2e2a5526,0 0 #4da6ff8c}50%{transform:scale(1.05);box-shadow:0 3px #2e2a5526,0 0 0 12px #4da6ff00}}@media(prefers-reduced-motion:reduce){.draw-btn.nudge{animation:none;outline:3px solid #FFB627;outline-offset:2px}}.start-over-btn{display:none;flex:0 0 auto;align-items:center;justify-content:center;gap:6px;height:62px;padding:0 18px;border-radius:16px;border:3px solid #2E2A55;background:#fff;color:#2e2a55;font-family:"Baloo 2",sans-serif;font-weight:700;font-size:16px;line-height:1;white-space:nowrap;cursor:pointer;box-shadow:0 3px #2e2a552e;transition:transform .1s ease,box-shadow .1s ease}.start-over-btn:active{transform:translateY(3px);box-shadow:none}body[data-has-drawing] .mic-btn{width:48px;padding:0;border-radius:50%;gap:0}body[data-has-drawing] .mic-label{display:none}body[data-has-drawing] .mic-icon{font-size:24px}body[data-has-drawing] .start-over-btn{display:flex}body[data-has-drawing] .ask-title{font-size:clamp(17px,3.4vw,21px)}.mic-btn:active{transform:translateY(2px);box-shadow:0 1px #c74e3b}.mic-btn.listening{animation:pulse 1s ease infinite}@keyframes pulse{0%,to{box-shadow:0 3px #c74e3b,0 0 #ff6f5980}50%{box-shadow:0 3px #c74e3b,0 0 0 10px #ff6f5900}}.diff-btn{font-family:"Baloo 2",sans-serif;font-weight:700;font-size:13px;background:#fff;border:none;padding:8px 13px;cursor:pointer;color:#2e2a55;transition:background .15s ease}.diff-btn+.diff-btn{border-left:3px solid #2E2A55}.diff-btn.active{background:#ffb627}.section-label{font-family:"Baloo 2",sans-serif;font-weight:700;font-size:14px;color:#2e2a55;margin-top:18px}.app-page{position:fixed;top:0;right:0;bottom:0;left:0;z-index:25;overflow-y:auto;background:radial-gradient(circle at 20% 0%,#eaf6ff,#dceeff 55%,#cfe4ff);padding:calc(14px + env(safe-area-inset-top)) 16px calc(28px + env(safe-area-inset-bottom))}.app-page[hidden]{display:none}.page-head{display:flex;align-items:center;gap:10px;max-width:900px;margin:0 auto}.page-title{flex:1 1 auto;margin:0;text-align:center;font-family:"Baloo 2",sans-serif;font-size:22px;color:#2e2a55}.page-nav{flex:0 0 auto;min-width:48px;min-height:44px;padding:6px 14px;border-radius:999px;background:#fff;border:3px solid #2E2A55;color:#2e2a55;font-family:"Baloo 2",sans-serif;font-weight:700;font-size:15px;cursor:pointer;box-shadow:0 3px #2e2a552e}.page-nav[hidden]{display:none}.page-nav:active{transform:translateY(2px);box-shadow:none}.page-hint{text-align:center;color:#6b688a;font-size:14px;margin:6px 0 16px}.theme-grid{display:grid;gap:14px;max-width:900px;margin:0 auto;grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.theme-grid[hidden]{display:none}.theme-tile{display:flex;flex-direction:column;align-items:center;gap:6px;padding:22px 12px 16px;background:#fff;border:3px solid #2E2A55;border-radius:22px;color:#2e2a55;font-family:"Baloo 2",sans-serif;cursor:pointer;box-shadow:0 5px #2e2a552e;transition:transform .1s ease,box-shadow .1s ease}.theme-tile:active{transform:translateY(3px);box-shadow:none}.theme-tile-icon{font-size:44px;line-height:1;width:78px;height:78px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#eaf6ff;border:3px solid #2E2A55}.theme-tile-label{font-weight:700;font-size:17px}.theme-tile-count{font-size:13px;color:#6b688a;font-weight:700}.page-grid{display:grid;gap:14px;max-width:900px;margin:0 auto;grid-template-columns:repeat(auto-fit,minmax(132px,1fr));justify-items:center}.page-grid[hidden]{display:none}.page-nav-spacer{flex:0 0 auto;min-width:48px}.page-empty{text-align:center;color:#6b688a;font-size:15px;margin:24px 0}.trend-card{width:100%;max-width:168px;padding:8px 8px 10px;display:flex;flex-direction:column;align-items:center;gap:6px;background:#fff;border:3px solid #2E2A55;border-radius:18px;cursor:pointer;color:#2e2a55;font-family:"Baloo 2",sans-serif;box-shadow:0 4px #2e2a552e;transition:transform .1s ease,box-shadow .1s ease}.trend-card:active{transform:translateY(3px);box-shadow:none}.trend-card-art{width:100%;aspect-ratio:1;object-fit:contain;background:#fffdf7;border-radius:12px;display:block}.trend-card-label{font-weight:700;font-size:13px;line-height:1.2;text-align:center;display:flex;align-items:center;gap:4px}.trend-card-label .emoji{font-size:15px}.error{font-size:13px;color:#c74e3b;margin:0 0 10px;text-align:center;max-width:340px}.error.note{color:#2e2a55;font-size:15px;font-weight:700;max-width:420px}.site-footer{margin-top:28px;font-size:12px}.site-footer a{color:#6b688a}@media(max-width:620px){.mic-label{display:none}.mic-btn{width:48px;padding:0;border-radius:50%;gap:0}.draw-btn{padding:0 14px;font-size:15px}}@media(max-width:520px){.ask-row{flex-wrap:wrap}.prompt-box{flex:1 1 100%}.draw-btn{flex:1 1 auto;height:56px;font-size:17px}.start-over-btn{height:56px;font-size:17px}}#canvasSvg [data-id]{cursor:url(/cursor-brush.png) 0 0,crosshair}body[data-zoomed] #canvasSvg{cursor:grab}body[data-zoomed] #canvasSvg:active{cursor:grabbing}body[data-zoomed] #canvasSvg [data-id]{cursor:url(/cursor-brush.png) 0 0,crosshair}.zoom-controls{position:absolute;right:14px;bottom:14px;display:none;flex-direction:column;gap:6px}body[data-has-drawing] .zoom-controls{display:flex}.zoom-btn{width:38px;height:38px;border-radius:12px;border:3px solid #2E2A55;background:#ffffffeb;color:#2e2a55;font-family:"Baloo 2",sans-serif;font-weight:700;font-size:19px;line-height:1;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 3px #2e2a552e;transition:transform .1s ease,box-shadow .1s ease}.zoom-btn:active{transform:translateY(3px);box-shadow:none}.zoom-btn:disabled{opacity:.4;cursor:not-allowed}#canvasSvg{touch-action:none}.suggestion-row{display:none;flex-direction:row;align-items:center;gap:8px;width:min(720px,96vw);min-width:0;margin-top:-4px}.suggestion-row .section-label{margin-top:0;flex:0 0 auto;white-space:nowrap}.chips-wrap{flex:1 1 auto;min-width:0;display:flex;flex-wrap:nowrap;gap:8px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x proximity;scrollbar-width:none;padding:2px 2px 6px}.chips-wrap::-webkit-scrollbar{display:none}.chips-wrap .chip{flex:0 0 auto;scroll-snap-align:start;white-space:nowrap;min-height:44px;font-family:"Baloo 2",sans-serif;font-weight:700;font-size:15px;background:#fff;border:3px solid #2E2A55;border-radius:999px;padding:4px 14px 4px 10px;display:flex;align-items:center;gap:6px;cursor:pointer;color:#2e2a55;box-shadow:0 3px #2e2a552e;transition:transform .1s ease,box-shadow .1s ease}.chips-wrap .chip:active{transform:translateY(2px);box-shadow:none}.chips-wrap .chip .emoji{font-size:17px}.paint-tools{display:flex;align-items:center;justify-content:center;gap:14px;flex-wrap:wrap;margin:18px 0 4px}.paint-tools .palette{margin:0}.swatch{padding:0}.undo-btn{display:flex;align-items:center;gap:6px;height:40px;padding:0 16px;border-radius:999px;border:3px solid #2E2A55;background:#fff;color:#2e2a55;font-family:"Baloo 2",sans-serif;font-weight:700;font-size:15px;cursor:pointer;box-shadow:0 3px #2e2a552e;transition:transform .1s ease,box-shadow .1s ease}.undo-btn:active:not(:disabled){transform:translateY(3px);box-shadow:none}.undo-btn:disabled{opacity:.4;cursor:not-allowed}.loader{display:flex;flex-direction:column;align-items:center;gap:4px}.loader-mascot{width:min(148px,40%);height:auto;display:block;transform-origin:60% 90%;animation:mascot-paint 1.6s ease-in-out infinite}@keyframes mascot-paint{0%,to{transform:translateY(0) rotate(-3.5deg)}50%{transform:translateY(-9px) rotate(3.5deg)}}.loader-squiggle{width:min(200px,55%);height:auto;margin-top:-4px}.loader-squiggle path{fill:none;stroke:#2ec4b6;stroke-width:6;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:420;animation:squiggle-draw 2.4s ease-in-out infinite}@keyframes squiggle-draw{0%{stroke-dashoffset:420}55%{stroke-dashoffset:0}75%{stroke-dashoffset:0;opacity:1}to{stroke-dashoffset:0;opacity:0}}.loader-text{font-family:"Baloo 2",sans-serif;font-weight:700;font-size:16px;color:#6b688a;margin:2px 0 0;text-align:center;padding:0 12px}.loader-text span{animation:dot-fade 1.4s infinite}.loader-text span:nth-child(2){animation-delay:.2s}.loader-text span:nth-child(3){animation-delay:.4s}@keyframes dot-fade{0%,60%,to{opacity:.25}30%{opacity:1}}.canvas-busy{position:absolute;top:10px;right:10px;bottom:10px;left:10px;border-radius:20px;background:#ffffffb8;pointer-events:auto;touch-action:none;display:flex;align-items:center;justify-content:center;z-index:2}@media(prefers-reduced-motion:reduce){.loader-mascot{animation:none}.loader-squiggle path{animation:none;stroke-dashoffset:0}.loader-text span{animation:none;opacity:1}}.wheel-btn{background:conic-gradient(#ff6f59,#ffb627,#06d6a0,#4da6ff,#8c6fe6,#ff8fc7,#ff6f59);position:relative}.wheel-btn.has-colour:after{content:"";position:absolute;top:-9px;right:-9px;bottom:-9px;left:-9px;border-radius:50%;border:2px dashed rgba(46,42,85,.35)}.wheel-panel{display:flex;align-items:center;gap:18px;margin:4px 0 2px;padding:14px 18px;background:#fffdf7;border:3px solid #2E2A55;border-radius:20px;box-shadow:0 4px #2e2a552e}.wheel-panel[hidden]{display:none}.wheel{position:relative;width:132px;height:132px;border-radius:50%;border:3px solid #2E2A55;cursor:crosshair;background:radial-gradient(circle,#fff,#fff0 70%),conic-gradient(red,#ff8000,#ff0,#80ff00,#0f0,#00ff80,#0ff,#0080ff,#00f,#8000ff,#f0f,#ff0080,red);touch-action:none}.wheel-thumb{position:absolute;width:22px;height:22px;border-radius:50%;border:3px solid #FFFDF7;outline:2px solid #2E2A55;transform:translate(-50%,-50%);pointer-events:none;box-shadow:0 1px 4px #0000004d}.wheel-controls{display:flex;flex-direction:column;align-items:center;gap:10px}.wheel-preview{width:46px;height:46px;border-radius:50%;border:3px solid #2E2A55;box-shadow:0 3px #2e2a552e}#wheelLight{width:132px;accent-color:#2E2A55}@media(max-width:620px){.wheel-panel{gap:14px;padding:12px 14px}.wheel{width:112px;height:112px}#wheelLight{width:104px}}.tool-row{display:flex;gap:10px;justify-content:center;margin-top:16px}.tool-btn{display:flex;align-items:center;gap:7px;height:44px;padding:0 16px;border-radius:999px;border:3px solid #2E2A55;background:#fff;color:#2e2a55;font-family:"Baloo 2",sans-serif;font-weight:700;font-size:15px;cursor:pointer;box-shadow:0 3px #2e2a552e;transition:transform .1s ease,background .15s ease}.tool-btn.active{background:#ffb627}.tool-btn:active{transform:translateY(3px);box-shadow:none}.tool-row{display:none}body[data-has-drawing] .tool-row{display:flex}body[data-drawing-tool] #canvasSvg,body[data-drawing-tool] #canvasSvg [data-id]{cursor:crosshair}@media(min-width:834px){:root{--canvas-size: min(86vw, 66vh, 900px)}body[data-has-drawing]{--canvas-size: min(86vw, 70vh, 940px)}.ask-title{font-size:34px}.palette{max-width:640px;gap:14px}.swatch{width:52px;height:52px}.undo-btn{height:48px;font-size:17px}.tool-btn{height:48px;font-size:17px;padding:0 22px}.trend-card{width:158px}}@supports (height: 1dvh){@media(min-width:834px){:root{--canvas-size: min(86vw, 66dvh, 900px)}body[data-has-drawing]{--canvas-size: min(86vw, 70dvh, 940px)}}}.sheet{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;display:flex;align-items:center;justify-content:center;padding:calc(20px + env(safe-area-inset-top)) 18px calc(20px + env(safe-area-inset-bottom));background:#2e2a5573}.sheet[hidden]{display:none}.sheet-card{width:min(420px,100%);max-height:100%;overflow-y:auto;background:#fffdf7;border:4px solid #2E2A55;border-radius:24px;padding:24px 26px;box-shadow:0 10px #2e2a552e;text-align:center}.sheet-card h2{font-family:"Baloo 2",sans-serif;font-size:24px;color:#2e2a55;margin:0 0 10px}.sheet-card p{font-size:15px;margin:8px 0}.sheet-offer{margin:18px 0 6px;padding:16px;border-radius:18px;background:#eaf6ff;border:3px solid #2E2A55}.sheet-offer strong{font-family:"Baloo 2",sans-serif;font-size:17px;color:#2e2a55}.offer-title{display:block;font-size:19px}.offer-terms{margin:4px 0 2px;font-size:15px;color:#2e2a55;font-weight:700}.offer-renewal{margin:0 0 12px;font-size:13px;color:#4a4770;line-height:1.45}.offer-links{margin:10px 0 0;font-size:13px}.offer-links a{color:#3a6fb0;text-decoration:underline}.offer-links span{margin:0 6px;color:#6b688a}.sheet-note{font-size:13px;color:#6b688a}.app-store-link{display:inline-block;margin-top:8px;padding:8px 16px;border-radius:999px;background:#1f1d36;color:#fff;font-weight:700;font-size:14px;text-decoration:none}.sheet-error{font-size:14px;color:#c74e3b;min-height:1.2em;margin:6px 0 0}.sheet-actions{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-top:16px}.sheet-primary,.sheet-secondary{font-family:"Baloo 2",sans-serif;font-weight:700;font-size:16px;border:3px solid #2E2A55;border-radius:16px;padding:11px 20px;cursor:pointer;box-shadow:0 3px #2e2a552e;transition:transform .1s ease}.sheet-primary{background:#4da6ff;color:#fff}.sheet-secondary{background:#fff;color:#2e2a55}.sheet-primary:active,.sheet-secondary:active{transform:translateY(3px);box-shadow:none}.sheet-primary:disabled{opacity:.6;cursor:not-allowed}#gateAnswer{width:130px;text-align:center;margin-top:6px;font-family:"Baloo 2",sans-serif;font-weight:700;font-size:22px;border:3px solid #2E2A55;border-radius:14px;padding:10px}.tool-btn:disabled{opacity:.4;cursor:not-allowed}.tool-btn:disabled:active{transform:none;box-shadow:0 3px #2e2a552e}.tool-row{flex-wrap:wrap;row-gap:10px;column-gap:18px}.tool-group{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.book-view{max-width:900px;margin:0 auto}.book-view[hidden]{display:none}.book-card{display:flex;flex-direction:column;align-items:center;gap:6px;width:100%;max-width:190px;padding:10px 10px 12px;background:#fff;border:3px solid #2E2A55;border-radius:10px 20px 20px 10px;border-left-width:10px;color:#2e2a55;font-family:"Baloo 2",sans-serif;cursor:pointer;box-shadow:0 5px #2e2a552e}.book-card:active{transform:translateY(3px);box-shadow:none}.book-card img{width:100%;aspect-ratio:1;object-fit:contain;border-radius:8px;background:#fff}.book-card-name{font-weight:800;font-size:16px;line-height:1.2;text-align:center}.book-card-count{font-size:13px;color:#6b688a;font-weight:700}.book-card-new{justify-content:center;min-height:220px;background:#eaf6ff;border-style:dashed dashed dashed solid}.book-card-plus{font-size:44px}.book-pick{position:relative;width:100%;max-width:168px;padding:6px;cursor:pointer;background:#fff;border:3px solid #2E2A55;border-radius:18px;text-align:center;font-family:"Baloo 2",sans-serif;font-weight:700;font-size:14px;color:#2e2a55;box-shadow:0 3px #2e2a552e}.book-pick img{display:block;width:100%;aspect-ratio:1;object-fit:contain;border-radius:12px}.book-pick[aria-pressed=true]{border-color:#2ec4b6;outline:4px solid #2EC4B6}.book-pick-number{position:absolute;top:-10px;right:-10px;width:40px;height:40px;border-radius:50%;display:none;align-items:center;justify-content:center;background:#2ec4b6;color:#12303c;border:3px solid #2E2A55;font-family:"Baloo 2",sans-serif;font-weight:800;font-size:18px}.book-pick[aria-pressed=true] .book-pick-number{display:flex}.book-actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin:16px 0}.book-actions [hidden]{display:none}.book-name{display:flex;flex-direction:column;gap:4px;max-width:420px;margin:0 auto 12px;font-family:"Baloo 2",sans-serif;font-weight:700;color:#6b688a;font-size:14px}.book-name input{font-family:"Baloo 2",sans-serif;font-weight:800;font-size:22px;color:#2e2a55;padding:8px 14px;border:3px solid #2E2A55;border-radius:14px;background:#fff}.book-mode{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}.book-mode-btn{padding:8px 14px;border-radius:999px;background:#fff;border:3px solid #2E2A55;color:#2e2a55;font-family:"Baloo 2",sans-serif;font-weight:700;font-size:15px;cursor:pointer}.book-mode-btn[aria-pressed=true]{background:#2ec4b6;color:#12303c}.book-status{text-align:center;min-height:1.3em;color:#2e2a55;font-weight:700;margin:0}.book-page{display:flex;flex-direction:column;align-items:center;gap:6px;width:100%;max-width:180px}.book-page-art{width:100%;aspect-ratio:1;padding:6px;background:#fff;border:3px solid #2E2A55;border-radius:14px;box-shadow:0 3px #2e2a552e}.book-page-art img{width:100%;height:100%;object-fit:contain;display:block}.book-page-number{font-family:"Baloo 2",sans-serif;font-weight:800;color:#2e2a55;font-size:14px}.book-page-controls{display:flex;gap:6px}.book-page-btn{width:44px;height:44px;border-radius:50%;padding:0;cursor:pointer;background:#fff;border:3px solid #2E2A55;color:#2e2a55;font-size:16px;display:flex;align-items:center;justify-content:center}.book-page-btn:disabled{opacity:.3;cursor:default}.book-delete{color:#c74e3b}.history-list{padding:10px 10px 4px}.history-tile{position:relative}.history-open{width:100%;padding:6px;cursor:pointer;text-align:center;background:#fff;border:3px solid #2E2A55;border-radius:18px;box-shadow:0 3px #2e2a552e;transition:transform .1s ease;font-family:"Baloo 2",sans-serif;font-weight:700;font-size:14px;color:#2e2a55}.history-open:active{transform:translateY(3px);box-shadow:none}.history-open img{display:block;width:100%;aspect-ratio:1;object-fit:contain;background:#fff;border-radius:12px}.history-caption{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-top:4px;line-height:1.25;min-height:2.5em}.history-delete{position:absolute;top:-8px;right:-8px;width:44px;height:44px;border-radius:50%;border:3px solid #2E2A55;background:#fff;cursor:pointer;font-size:18px;display:flex;align-items:center;justify-content:center;padding:0;box-shadow:0 2px #2e2a5533}.menu-btn{flex:0 0 auto;width:48px;height:48px;border-radius:16px;padding:0;border:3px solid #2E2A55;background:#fff;color:#2e2a55;font-size:26px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 3px #2e2a552e;transition:transform .1s ease,box-shadow .1s ease}.menu-btn:active{transform:translateY(3px);box-shadow:none}.sidebar{position:fixed;top:0;bottom:0;left:0;z-index:15;width:min(320px,86vw);display:flex;flex-direction:column;gap:22px;padding:calc(14px + env(safe-area-inset-top)) 18px calc(24px + env(safe-area-inset-bottom)) calc(18px + env(safe-area-inset-left));background:#fffdf7;border-right:4px solid #2E2A55;overflow-y:auto;overscroll-behavior:contain;transform:translate(-105%);visibility:hidden;transition:transform .25s ease,visibility 0s linear .25s}.sidebar.open{transform:none;visibility:visible;box-shadow:8px 0 #2e2a5526;transition:transform .25s ease,visibility 0s}.sidebar-scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:14;background:#2e2a5573;opacity:0;pointer-events:none;transition:opacity .25s ease}.sidebar-scrim.open{opacity:1;pointer-events:auto}body.sidebar-open{overflow:hidden}.sidebar-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.logo-img{width:140px;height:auto;display:block}.sidebar-close{width:48px;height:48px;border-radius:50%;padding:0;border:3px solid #2E2A55;background:#fff;color:#2e2a55;font-size:20px;font-weight:700;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 3px #2e2a552e}.sidebar-close:active{transform:translateY(3px);box-shadow:none}.sidebar-section{display:flex;flex-direction:column;gap:12px}.sidebar-heading{font-family:"Baloo 2",sans-serif;font-weight:800;font-size:21px;line-height:1.2;color:#2e2a55;margin:0}.sidebar .diff-toggle{width:100%}.sidebar .diff-btn{flex:1 1 0;min-height:52px;font-size:17px;padding:0 10px}.sidebar-hint{margin:-4px 0 0;font-size:14px;line-height:1.3;color:#6b688a}.sidebar-empty{margin:0;font-size:15px;color:#6b688a}.sidebar-nav{display:flex;flex-direction:column;gap:10px}.sidebar-link{display:flex;align-items:center;gap:10px;width:100%;min-height:52px;padding:0 16px;border-radius:16px;background:#fff;border:3px solid #2E2A55;color:#2e2a55;font-family:"Baloo 2",sans-serif;font-weight:700;font-size:17px;text-align:left;cursor:pointer;box-shadow:0 3px #2e2a552e}.sidebar-link:active{transform:translateY(3px);box-shadow:none}.sidebar-link-icon{font-size:20px}@media(prefers-reduced-motion:reduce){.sidebar,.sidebar.open,.sidebar-scrim{transition:none}}@media(min-width:1024px){.sidebar,.sidebar.open{width:300px;transform:none;visibility:visible;box-shadow:none;transition:none}.sidebar-scrim,.menu-btn,.sidebar-close{display:none}body{padding-left:calc(324px + env(safe-area-inset-left))}body.sidebar-open{overflow:visible}:root{--canvas-size: min( calc(100vw - 380px) , 66vh, 900px)}body[data-has-drawing]{--canvas-size: min( calc(100vw - 380px) , 70vh, 940px)}.ask{width:100%}.ask-title{max-width:100%}.ask-row{width:min(720px,100%)}.suggestion-row{width:min(720px,100%);align-items:flex-start}.suggestion-row .section-label{line-height:44px}.chips-wrap{flex-wrap:wrap;overflow-x:visible}}@supports (height: 1dvh){@media(min-width:1024px){:root{--canvas-size: min( calc(100vw - 380px) , 66dvh, 900px)}body[data-has-drawing]{--canvas-size: min( calc(100vw - 380px) , 70dvh, 940px)}}}