:root{--mel:#ffc93c;--mel-deep:#f2a900;--ink:#221d18;--favo:#fff8ec;--polen:#ff8a3d;--folha:#6cc17a;--petala:#f7a1c4;--ceu:#7cc8f0;--realeza:#7c5cc4;--lavanda:#b9a4f2;--amber-text:#8a5300;--card:#fff;--wob:20px 28px 18px 26px/26px 18px 28px 20px;--hand:"Shantell Sans","Comic Sans MS",cursive;--body:"Nunito",system-ui,sans-serif;color-scheme:light}*{box-sizing:border-box}body,html{margin:0;background:var(--favo);color:var(--ink);font-family:var(--body);-webkit-tap-highlight-color:transparent}a{color:var(--amber-text)}button,input,select,textarea{font:inherit;color:inherit}img,video{max-width:100%;display:block}.hv{font-family:var(--hand);font-variation-settings:"BNCE" 60,"INFM" 100}.dd{border:2.5px solid var(--ink);border-radius:var(--wob);box-shadow:3px 4px 0 var(--ink);background:var(--card)}.wordmark{font-family:var(--hand);font-weight:800;color:var(--mel);-webkit-text-stroke:4px var(--ink);paint-order:stroke fill;text-shadow:5px 6px 0 var(--ink);font-variation-settings:"BNCE" 80,"INFM" 100;letter-spacing:1px;line-height:.95}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:12px 20px;border:2.5px solid var(--ink);border-radius:var(--wob);box-shadow:3px 4px 0 var(--ink);background:var(--mel);font-weight:900;text-decoration:none;color:var(--ink);cursor:pointer;transition:transform .08s,box-shadow .08s}.btn:active{transform:translate(2px,3px);box-shadow:1px 1px 0 var(--ink)}.btn.dark{background:var(--ink);color:var(--favo);box-shadow:3px 4px 0 var(--mel)}.btn.white{background:#fff}.btn:disabled{opacity:.5;cursor:not-allowed}.chip{min-height:40px;padding:6px 13px;border:2.5px solid var(--ink);border-radius:14px 18px 12px 16px;background:#fff;font-weight:800;font-size:14px;cursor:pointer;white-space:nowrap}.chip.on,.chip[aria-pressed=true]{background:var(--mel);box-shadow:2px 3px 0 var(--ink)}.chip.dark[aria-pressed=true]{background:var(--ink);color:var(--favo)}.input{width:100%;padding:13px 14px;border:2.5px solid var(--ink);border-radius:16px 20px 14px 18px;background:#fff;font-size:16px}.btn:focus-visible,.chip:focus-visible,.input:focus{outline:3px solid var(--realeza);outline-offset:2px}.tag{display:inline-block;background:var(--ink);color:var(--favo);border-radius:10px;padding:2px 8px;font-size:12px;font-weight:800}.muted{font-size:13px;opacity:.8}.row{align-items:center}.col,.row{display:flex;gap:10px}.col{flex-direction:column}.wrap{flex-wrap:wrap}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.err{background:#ffe3e3;border:2px solid var(--ink);border-radius:14px;padding:10px 12px;font-weight:700}.shell{max-width:560px;margin:0 auto;min-height:100dvh;display:flex;flex-direction:column;background:var(--favo)}.page{flex:1 1;padding:14px 16px 110px;flex-direction:column;gap:14px}.page,.top{display:flex}.top{align-items:center;justify-content:space-between;gap:8px;padding:calc(10px + env(safe-area-inset-top)) 16px 6px}.title{font-family:var(--hand);font-weight:800;font-size:28px;margin:0;font-variation-settings:"BNCE" 60,"INFM" 100}.tabbar{position:fixed;left:0;right:0;bottom:0;z-index:30;display:flex;justify-content:center;background:var(--favo);border-top:2.5px solid var(--ink);padding:8px 6px calc(8px + env(safe-area-inset-bottom))}.tabbar-in{display:flex;justify-content:space-around;width:100%;max-width:560px}.tab{display:flex;flex-direction:column;align-items:center;gap:2px;min-width:62px;min-height:52px;justify-content:center;border:2.5px solid transparent;border-radius:18px 22px 16px 20px;text-decoration:none;color:var(--ink);font-size:11px;font-weight:800}.tab.on{background:var(--mel);border-color:var(--ink);box-shadow:2px 3px 0 var(--ink)}.bubble-me{align-self:flex-end;background:var(--mel);border:2.5px solid var(--ink);border-radius:18px 18px 4px 18px}.bubble-me,.bubble-them{padding:9px 13px;max-width:78%;font-weight:600;overflow-wrap:anywhere}.bubble-them{align-self:flex-start;background:#fff;border:2.5px solid var(--ink);border-radius:18px 18px 18px 4px}.note-bubble{background:#fff;border:2.5px solid var(--ink);border-radius:16px 20px 14px 18px;padding:4px 10px;font-family:var(--hand);font-weight:700;font-size:13px}.name-tag,.note-bubble{white-space:nowrap;pointer-events:none}.name-tag{background:var(--ink);color:var(--favo);border-radius:10px;padding:1px 8px;font-size:11px;font-weight:800}.name-tag.me{background:var(--mel);color:var(--ink);border:2px solid var(--ink)}.scene{position:relative;height:min(58dvh,520px);border-top:2.5px solid var(--ink);border-bottom:2.5px solid var(--ink);background:#cfeaf7;touch-action:none}.hexnav{display:flex;padding:0 10px 8px;overflow-x:auto;scrollbar-width:none}.hexcell{position:relative;width:62px;height:56px;flex:0 0 62px;margin-right:2px;border:0;background:none;padding:0;cursor:pointer}.hexcell:nth-child(2n){margin-top:14px}.hexcell span{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:10.5px;font-weight:900;line-height:1.05}@keyframes hop{0%,to{transform:translateY(0) scale(1.06,.94)}50%{transform:translateY(-14px) scale(.95,1.06)}}.hop{animation:hop .7s ease-in-out infinite;transform-origin:bottom center}@media (prefers-reduced-motion:reduce){.hop{animation:none}}