@import "https://fonts.googleapis.com/css2?family=Baloo+2:wght@400;500;600;700;800&display=swap";:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:16px}}@media (prefers-color-scheme:dark){:root{--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--code-bg:#1f2028;--accent:#c084fc;--accent-bg:#c084fc26;--accent-border:#c084fc80;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px}#social .button-icon{filter:invert()brightness(2)}}body{margin:0}#root{text-align:center;border-inline:1px solid var(--border);box-sizing:border-box;flex-direction:column;width:1126px;max-width:100%;min-height:100svh;margin:0 auto;display:flex}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}*{box-sizing:border-box}html,body,#root{width:100%;min-height:100%;margin:0}body{color:#4a151d;background:#5a111b;font-family:"Baloo 2",sans-serif;overflow-x:hidden}button{font-family:inherit}.tela-inicial,.tela-final,.tela-livro{width:100%;min-height:100vh}.tela-inicial{perspective:1800px;background:radial-gradient(circle at 20% 20%,#ffffff1f,#0000 25%),radial-gradient(circle at 80% 80%,#ffb4be1f,#0000 25%),#5a111b;justify-content:center;align-items:center;padding:30px;display:flex}.capa-livro{aspect-ratio:.72;transform-origin:0;background:#8e1727;border-radius:18px 24px 24px 18px;width:min(560px,90vw);transition:transform 1s;position:relative;overflow:hidden;box-shadow:15px 18px #3e0b12,0 30px 60px #0006}.tela-inicial.abrindo .capa-livro{transform:rotateY(-75deg)}.capa-livro:before{content:"";pointer-events:none;border:3px solid #ffe6dc99;border-radius:12px 18px 18px 12px;position:absolute;inset:15px}.capa-espiral{z-index:5;flex-direction:column;justify-content:space-around;width:32px;display:flex;position:absolute;top:40px;bottom:40px;left:8px}.capa-espiral span{filter:drop-shadow(2px 2px 1px #0000004d);border:3px solid #e4d0c3;border-left:0;border-radius:0 10px 10px 0;width:29px;height:12px}.capa-conteudo{text-align:center;z-index:2;flex-direction:column;align-items:center;padding:55px 45px 40px 65px;display:flex;position:absolute;inset:0}.capa-pequeno{color:#f8dfd6;letter-spacing:3px;font-size:clamp(15px,3vw,22px);font-weight:700}.capa-conteudo h1{color:#fff2e8;letter-spacing:2px;text-shadow:4px 5px #5b0b17;margin:18px 0 5px;font-size:clamp(48px,10vw,82px);font-weight:800;line-height:.82}.capa-tema{color:#f8d4d2;letter-spacing:2px;margin-top:22px;font-size:clamp(17px,3.5vw,25px);font-weight:700;line-height:1}.capa-desenho{aspect-ratio:1;background:#f9e8dd;border:5px solid #f4d6ca;border-radius:50%;justify-content:center;align-items:center;width:min(230px,48vw);margin:28px auto 22px;display:flex;box-shadow:inset 0 0 0 8px #8e1727,inset 0 0 0 12px #f4d6ca}.capa-coracao{background:#a71930;width:85px;height:85px;position:relative;transform:rotate(-45deg);box-shadow:4px 5px #69101c}.capa-coracao:before,.capa-coracao:after{content:"";background:#a71930;border-radius:50%;width:85px;height:85px;position:absolute}.capa-coracao:before{top:-42px;left:0}.capa-coracao:after{top:0;left:42px}.botao-abrir{color:#65121d;cursor:pointer;background:#f7d9cc;border:3px solid #54101a;border-radius:999px;margin-top:auto;padding:14px 34px;font-size:clamp(17px,3vw,22px);font-weight:800;transition:transform .15s,box-shadow .15s;box-shadow:0 5px #54101a}.botao-abrir:hover{transform:translateY(-2px);box-shadow:0 7px #54101a}.botao-abrir:active{transform:translateY(3px);box-shadow:0 2px #54101a}.tela-livro{background:radial-gradient(circle at 15% 20%,#ffffff1a,#0000 25%),radial-gradient(circle at 85% 80%,#ffb4be1a,#0000 25%),#5a111b;justify-content:center;align-items:center;padding:25px;display:flex}.livro{flex-direction:column;align-items:center;gap:18px;width:min(1100px,96vw);display:flex}.caderno{aspect-ratio:1.15;perspective:1800px;width:min(900px,94vw);position:relative}.espiral{z-index:20;pointer-events:none;flex-direction:column;justify-content:space-around;width:42px;display:flex;position:absolute;top:4%;bottom:4%;left:-10px}.espiral span{filter:drop-shadow(2px 2px 1px #00000059)drop-shadow(-1px -1px #fff6);border:4px solid #d9c6ba;border-left:0;border-radius:0 14px 14px 0;width:37px;height:17px}.pagina{transform-style:preserve-3d;background:#fff8ed;border:1px solid #e8d8c8;border-radius:8px 20px 20px 8px;position:absolute;inset:0 0 0 25px;overflow:hidden;box-shadow:12px 14px #2d090e40,0 25px 50px #0000004d}.pagina:before{content:"";pointer-events:none;z-index:1;background:repeating-linear-gradient(0deg,#78553c06 0 1px,#0000 1px 4px);position:absolute;inset:0}.pagina-cabecalho{z-index:12;border-bottom:2px dashed #d9bdb0;align-items:center;gap:20px;height:12%;min-height:58px;padding:12px 28px 8px 42px;display:flex;position:relative}.frase-pagina{color:#741827;text-align:center;flex:1;font-size:clamp(14px,1.8vw,22px);font-weight:700;line-height:1.05}.numero-pagina{color:#8b3845;flex:none;font-size:clamp(18px,2vw,26px);font-weight:700}.pagina-conteudo{z-index:3;position:absolute;inset:12% 0 0;overflow:hidden}.area-pintura{touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;cursor:crosshair;background:#fffdf8;position:absolute;inset:0;overflow:hidden}.zoom-container{transform-origin:50%;will-change:transform;justify-content:center;align-items:center;transition:transform .12s ease-out;display:flex;position:absolute;inset:0}.canvas-pintura{object-fit:contain;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;width:100%;height:100%;display:block}.botao-resetar-zoom{z-index:50;color:#681521;cursor:pointer;background:#fff8ed;border:2px solid #681521;border-radius:999px;min-width:46px;height:42px;padding:0 12px;font-size:16px;font-weight:800;position:absolute;top:14px;right:14px;box-shadow:0 3px #681521}.botao-resetar-zoom:active{transform:translateY(2px);box-shadow:0 1px #681521}.indicador-zoom{z-index:50;color:#741827;pointer-events:none;background:#fff8ede6;border:2px solid #d6b8aa;border-radius:999px;justify-content:center;align-items:center;min-width:55px;height:42px;padding:0 10px;font-size:15px;font-weight:700;display:flex;position:absolute;top:14px;right:68px}.zona-pagina{cursor:pointer;z-index:8;background:0 0;border:0;width:12%;margin:0;padding:0;position:absolute;top:12%;bottom:0}.zona-esquerda{left:0}.zona-direita{right:0}.zona-pagina:hover{background:#781e2d06}.folha-virando{z-index:30;transform-style:preserve-3d;pointer-events:none;position:absolute;inset:0}.folha-virando.direita{transform-origin:0;animation:.65s ease-in-out forwards virarDireita}.folha-virando.esquerda{transform-origin:100%;animation:.65s ease-in-out forwards virarEsquerda}.folha-frente,.folha-verso{backface-visibility:hidden;background:#fff8ed;border:1px solid #e8d8c8;border-radius:8px 20px 20px 8px;position:absolute;inset:0;overflow:hidden}.folha-frente{transform:rotateY(0)}.folha-verso{transform:rotateY(180deg)}.folha-frente img,.folha-verso img{object-fit:contain;width:100%;height:88%;position:absolute;inset:12% 0 0}@keyframes virarDireita{0%{transform:rotateY(0)}to{transform:rotateY(-180deg)}}@keyframes virarEsquerda{0%{transform:rotateY(0)}to{transform:rotateY(180deg)}}.controles-livro{flex-wrap:wrap;justify-content:center;align-items:center;gap:15px;width:min(900px,94vw);display:flex}.botao-estojo{color:#681521;cursor:pointer;background:#f5d9cb;border:3px solid #5d111c;border-radius:999px;padding:11px 28px;font-size:19px;font-weight:800;transition:transform .15s,box-shadow .15s;box-shadow:0 4px #5d111c}.botao-estojo:hover{transform:translateY(-2px);box-shadow:0 6px #5d111c}.botao-estojo:active{transform:translateY(3px);box-shadow:0 1px #5d111c}.indicador-cor{color:#6a1824;background:#fff4e9;border:2px solid #d8b9aa;border-radius:999px;align-items:center;gap:9px;padding:7px 14px;font-size:17px;font-weight:700;display:flex}.indicador-cor div{border:2px solid #5d111c;border-radius:50%;width:30px;height:30px;box-shadow:inset 0 0 0 2px #ffffff59}.indicador-zoom-livro{color:#7a2430;background:#fff4e9d9;border:2px solid #d8b9aa;border-radius:999px;padding:8px 15px;font-size:15px;font-weight:600}.estojo-overlay{z-index:100;-webkit-backdrop-filter:blur(5px);background:#30070dc7;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.estojo{background:#fff8ed;border:4px solid #7d1b2b;border-radius:24px;flex-direction:column;width:min(760px,94vw);max-height:90vh;padding:25px;display:flex;overflow:hidden;box-shadow:0 20px 60px #00000073,inset 0 0 0 3px #ecd4c4}.estojo-cabecalho{border-bottom:2px dashed #d8b8aa;justify-content:center;align-items:center;padding-bottom:16px;display:flex;position:relative}.estojo-cabecalho h2{color:#731827;letter-spacing:2px;margin:0;font-size:34px;font-weight:800}.cor-atual{border:3px solid #691421;border-radius:50%;width:38px;height:38px;position:absolute;right:0;box-shadow:inset 0 0 0 2px #ffffff59,0 2px 4px #0003}.cores-estojo{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#a74a5a #f0ded2;grid-template-columns:repeat(10,1fr);gap:8px;margin:18px 0;padding:6px;display:grid;overflow-y:auto}.cores-estojo::-webkit-scrollbar{width:10px}.cores-estojo::-webkit-scrollbar-track{background:#f0ded2;border-radius:10px}.cores-estojo::-webkit-scrollbar-thumb{background:#a74a5a;border-radius:10px}.cor-estojo{aspect-ratio:1;cursor:pointer;border:2px solid #46141973;border-radius:50%;width:100%;min-width:32px;transition:transform .12s;box-shadow:inset 0 0 0 2px #ffffff40,0 2px 3px #00000026}.cor-estojo:hover{transform:scale(1.12)}.cor-estojo:active{transform:scale(.95)}.botao-borracha,.botao-apagar-estojo,.botao-voltar-estojo{cursor:pointer;border-radius:999px;width:100%;margin-top:8px;padding:11px 15px;font-size:17px;font-weight:800}.botao-borracha{color:#444;background:#fff;border:3px solid #666;box-shadow:0 3px #666}.botao-apagar-estojo{color:#701624;background:#f2d0c5;border:3px solid #791a29;box-shadow:0 3px #791a29}.botao-voltar-estojo{color:#fff4eb;background:#741827;border:3px solid #5c111b;box-shadow:0 3px #4b0d15}.botao-borracha:active,.botao-apagar-estojo:active,.botao-voltar-estojo:active{transform:translateY(2px);box-shadow:0 1px #5c111b}.tela-final{background:#5a111b;justify-content:center;align-items:center;padding:30px;display:flex}.final-livro{aspect-ratio:.8;background:#fff8ed;border:2px solid #ead8c8;border-radius:15px 24px 24px 15px;width:min(600px,90vw);position:relative;overflow:hidden;box-shadow:14px 16px #3f0c13,0 30px 60px #00000059}.final-espiral{z-index:5;flex-direction:column;justify-content:space-around;width:35px;display:flex;position:absolute;top:8%;bottom:8%;left:5px}.final-espiral span{border:3px solid #cdbab0;border-left:0;border-radius:0 10px 10px 0;width:32px;height:14px}.final-conteudo{text-align:center;flex-direction:column;align-items:center;padding:70px 55px 50px 65px;display:flex;position:absolute;inset:0}.final-conteudo h1{color:#741827;margin:20px 0;font-size:clamp(60px,12vw,100px);font-weight:800;line-height:1}.final-conteudo p{color:#6b2834;max-width:420px;margin:10px 0;font-size:clamp(19px,3vw,25px);line-height:1.2}.final-conteudo button{color:#fff3eb;cursor:pointer;background:#741827;border:3px solid #5c111b;border-radius:999px;margin-top:auto;padding:13px 30px;font-size:18px;font-weight:800;box-shadow:0 4px #4b0d15}.final-conteudo button:active{transform:translateY(3px);box-shadow:0 1px #4b0d15}@media (width<=900px){.tela-livro{padding:15px 8px 20px}.livro{gap:12px;width:98vw}.caderno{width:97vw}.pagina{left:18px}.espiral{width:30px;left:-7px}.espiral span{border-width:3px;width:28px;height:14px}.pagina-cabecalho{padding-left:30px;padding-right:18px}.frase-pagina{font-size:clamp(12px,2.3vw,18px)}.numero-pagina{font-size:17px}.cores-estojo{grid-template-columns:repeat(8,1fr)}}@media (width<=600px){body{min-height:100dvh}.tela-inicial{min-height:100dvh;padding:15px}.capa-livro{width:90vw;max-width:430px}.capa-conteudo{padding:45px 25px 28px 45px}.capa-conteudo h1{font-size:clamp(43px,13vw,65px)}.capa-tema{margin-top:16px;font-size:17px}.capa-desenho{width:170px;margin:22px auto 15px}.capa-coracao,.capa-coracao:before,.capa-coracao:after{width:62px;height:62px}.capa-coracao:before{top:-31px}.capa-coracao:after{left:31px}.botao-abrir{padding:11px 25px;font-size:17px}.tela-livro{align-items:center;min-height:100dvh;padding:10px 4px 15px}.livro{gap:10px;width:100%}.caderno{aspect-ratio:.93;width:98vw}.pagina{border-radius:6px 15px 15px 6px;left:15px}.espiral{width:25px;left:-6px}.espiral span{border-width:3px;width:24px;height:11px}.pagina-cabecalho{gap:5px;height:15%;min-height:48px;padding:7px 10px 6px 22px}.frase-pagina{font-size:clamp(10px,2.5vw,15px);line-height:1}.numero-pagina{font-size:14px}.pagina-conteudo{top:15%}.zona-pagina{width:15%;top:15%}.botao-resetar-zoom{min-width:42px;height:38px;font-size:14px;top:8px;right:8px}.indicador-zoom{min-width:48px;height:38px;font-size:13px;top:8px;right:58px}.controles-livro{gap:8px;width:96vw}.botao-estojo{padding:9px 24px;font-size:17px}.indicador-cor{padding:5px 10px;font-size:14px}.indicador-cor div{width:25px;height:25px}.indicador-zoom-livro{text-align:center;width:100%;padding:4px 8px;font-size:12px}.estojo-overlay{padding:8px}.estojo{border-width:3px;border-radius:18px;width:98vw;max-height:96dvh;padding:15px}.estojo-cabecalho{padding-bottom:10px}.estojo-cabecalho h2{font-size:27px}.cor-atual{width:32px;height:32px}.cores-estojo{grid-template-columns:repeat(7,1fr);gap:6px;margin:12px 0}.cor-estojo{border-width:1px;min-width:28px}.botao-borracha,.botao-apagar-estojo,.botao-voltar-estojo{margin-top:6px;padding:9px;font-size:15px}.tela-final{min-height:100dvh;padding:15px}.final-livro{width:92vw}.final-conteudo{padding:50px 35px 35px 45px}.final-conteudo h1{font-size:65px}.final-conteudo p{font-size:18px}}@media (width<=380px){.caderno{width:99vw}.pagina{left:12px}.espiral{width:21px;left:-5px}.espiral span{width:21px;height:10px}.pagina-cabecalho{padding-left:18px}.frase-pagina{font-size:9px}.numero-pagina{font-size:12px}.cores-estojo{grid-template-columns:repeat(6,1fr)}}