:root{--papel: #faf8f3;--grafite: #2e2e2e;--lapis-claro: #8d8a84;--vermelho: #b0463c;--sombra: #cfc9ba;--fonte-texto: "Patrick Hand", cursive;--fonte-titulo: "Caveat", cursive}*{box-sizing:border-box}body{margin:0;min-height:100vh;color:var(--grafite);font:21px/1.5 var(--fonte-texto);background-color:var(--papel);background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='300' height='300'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='3' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 0.3  0 0 0 0 0.28  0 0 0 0 0.24  0 0 0 0.55 -0.12'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>"),url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='700' height='700'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.012' numOctaves='3' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 0.45  0 0 0 0 0.4  0 0 0 0 0.3  0 0 0 0.22 -0.07'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>")}h1,h2,p,li,small,strong,button,.pontinhos{filter:url(#lapis-texto)}h1,h2,.rotulo{font-family:var(--fonte-titulo);font-weight:700;margin:0}.desenho{fill:none;stroke:var(--grafite);stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round;filter:url(#lapis)}.risco{display:block;width:260px;height:12px;margin-top:-2px}.pagina{max-width:1120px;margin:0 auto;padding:24px 20px 60px}.topo{display:flex;align-items:center;justify-content:center;gap:28px;text-align:center;padding:10px 0 26px}.topo h1{font-size:3.6rem;line-height:1}.subtitulo{margin:6px 0 0;color:#55524c}.conteudo{display:grid;grid-template-columns:1fr 290px;gap:28px;align-items:start}.principal{display:flex;flex-direction:column;align-items:center;gap:22px;min-width:0}.caixa{position:relative;padding:20px 26px;width:100%;isolation:isolate}.caixa:before,.caixa:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border:2.4px solid var(--grafite);border-radius:255px 14px 225px/14px 225px 14px 255px;filter:url(#lapis);pointer-events:none}.caixa:after{top:3px;right:-3px;bottom:-4px;left:3px;border:1.4px solid var(--lapis-claro);border-radius:14px 225px 14px 255px/255px 14px 225px;z-index:-1}.rotulo{font-size:2rem}.titulo-linha{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:6px}.caixa p{margin:6px 0 0}.botao{position:relative;font:700 1.6rem var(--fonte-titulo);color:var(--grafite);background:transparent;border:none;padding:6px 22px;cursor:pointer}.botao:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border:2.4px solid var(--grafite);border-radius:30px 8px 28px 10px/10px 28px 8px 30px;filter:url(#lapis);transition:background .15s}.botao:hover:before{background:repeating-linear-gradient(135deg,transparent 0 5px,rgba(46,46,46,.35) 5px 6px)}.botao:active{transform:translate(1px,2px)}.gravar{display:flex;flex-direction:column;align-items:center;gap:10px}.botao-gravar{position:relative;width:170px;height:170px;padding:0;background:transparent;border:none;cursor:pointer;filter:none}.botao-gravar:before,.botao-gravar:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border:3px solid var(--grafite);border-radius:52% 48% 55% 45%/47% 56% 44% 53%;filter:url(#lapis);transition:background .2s}.botao-gravar:after{top:6px;right:4px;bottom:3px;left:7px;border-width:1.6px;border-color:var(--lapis-claro);border-radius:46% 54% 44% 56%/55% 45% 56% 44%;transform:rotate(8deg)}.botao-gravar:hover:not(:disabled):before{background:repeating-linear-gradient(135deg,transparent 0 6px,rgba(46,46,46,.3) 6px 7px)}.botao-gravar .miolo{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;width:100%;height:100%}.botao-gravar.gravando:before{border-color:var(--vermelho);background:repeating-linear-gradient(135deg,transparent 0 5px,rgba(176,70,60,.45) 5px 6px);animation:pulsar 1.4s ease-in-out infinite}.botao-gravar.gravando .desenho{stroke:var(--vermelho)}.botao-gravar:disabled{cursor:progress}.pontinhos{font:700 4rem var(--fonte-titulo);letter-spacing:2px;animation:piscar 1.2s steps(3) infinite}.legenda-gravar{margin:0;font-size:1.25rem;text-align:center}@keyframes pulsar{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes piscar{0%{opacity:.2}to{opacity:1}}.convite{display:flex;align-items:center;gap:12px;color:#55524c;font-size:1.3rem}.convite{flex-direction:column}.convite p{margin:0}.convite .desenho{transform:rotate(90deg)}.erro{margin:0;color:var(--vermelho);text-align:center}.resposta{display:flex;flex-direction:column;gap:26px;width:100%;animation:aparecer .5s ease-out}.texto-resposta{font-size:1.3rem;line-height:1.6}.voce p{color:#55524c;font-style:italic}.passagens ul{list-style:none;margin:8px 0 0;padding:0;display:flex;flex-direction:column;gap:14px}.passagens li strong{display:block;font:700 1.5rem var(--fonte-titulo);text-decoration:underline wavy var(--lapis-claro) 1px;text-underline-offset:4px}@keyframes aparecer{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.historico{position:sticky;top:20px}.historico ul{list-style:none;margin:10px 0 0;padding:0;display:flex;flex-direction:column;gap:8px;max-height:60vh;overflow-y:auto}.vazio{color:#55524c;font-size:1.1rem}.item-historico{width:100%;text-align:left;font:1.1rem/1.3 var(--fonte-texto);color:var(--grafite);background:transparent;border:none;border-bottom:1.5px dashed var(--lapis-claro);padding:8px 4px;cursor:pointer}.item-historico small{display:block;color:var(--lapis-claro)}.item-historico span{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.item-historico:hover,.item-historico.ativo{background:repeating-linear-gradient(135deg,transparent 0 5px,rgba(46,46,46,.12) 5px 6px)}@media (max-width: 860px){.conteudo{grid-template-columns:1fr}.historico{position:static}.topo h1{font-size:2.6rem}.topo>:first-child,.topo>:last-child{display:none}}.login .form-login{max-width:420px;margin:20px auto 0;display:flex;flex-direction:column;gap:16px}.form-login label span{display:block;margin-bottom:4px;font-size:1.2rem}.campo{position:relative}.campo:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border:2px solid var(--grafite);border-radius:14px 6px 12px/6px 12px 6px 14px;filter:url(#lapis);pointer-events:none}.campo input{width:100%;padding:8px 12px;font:1.3rem var(--fonte-texto);color:var(--grafite);background:transparent;border:none;outline:none}.campo:focus-within:before{background:repeating-linear-gradient(135deg,transparent 0 6px,rgba(46,46,46,.12) 6px 7px)}.form-login .botao{align-self:center;margin-top:4px}.form-login .botao:disabled{cursor:progress}.pagina{position:relative}.sair{position:absolute;top:24px;right:20px;font-size:1.3rem}.nova-sessao{margin-top:8px;font-size:1.3rem}.botao:disabled{opacity:.45;cursor:default}.botao:disabled:before{background:none}.principal>.resposta+.resposta{margin-top:8px;padding-top:26px;border-top:2px dashed var(--lapis-claro)}