:root{--paper:#f4efe6;--paper-2:#fbf8f2;--ink:#2b2622;--muted:#6f665d;--line:#2b2622;--accent:#f6c343;--accent-2:#e8a33d;--orange-bubble:#fde9cf;--good:#5d9a5a;--bad:#d65a4a;--shadow:0 3px 0 #2b2622d9;--radius:16px;--font:"Patrick Hand", "Comic Sans MS", system-ui, sans-serif;--font-fa:"Vazirmatn", Tahoma, sans-serif}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{height:100%;color:var(--ink);font-family:var(--font);overscroll-behavior:none;background:#d9d2c5;margin:0;font-size:18px}button{font-family:inherit;font-size:inherit;color:inherit;cursor:pointer}button:disabled{cursor:default;opacity:.55}h2,h3{margin:.3em 0;font-weight:400}h2{font-size:1.6rem}h3{font-size:1.2rem}.fa{font-family:var(--font-fa);font-size:.92rem;line-height:1.7}.muted{color:var(--muted)}.small{font-size:.8rem}.center{text-align:center}.ok-text{color:var(--good)}.warn-text{color:var(--bad)}.phone{background:var(--paper);background-image:radial-gradient(#00000009 1px,#0000 1px);background-size:6px 6px;flex-direction:column;max-width:440px;height:100dvh;margin:0 auto;display:flex;position:relative;overflow:hidden}@media (width>=520px){.phone{border:3px solid var(--ink);border-radius:36px;height:96dvh;max-height:920px;margin-top:2vh;box-shadow:0 20px 50px #00000040}}.content{flex:1;min-height:0;position:relative}.screen{flex-direction:column;animation:.25s fade;display:flex;position:absolute;inset:0}.screen.scroll{gap:6px;padding:16px;overflow-y:auto}@keyframes fade{0%{opacity:0;transform:translateY(6px)}}.scene-bg{width:100%;height:100%;position:absolute;inset:0}.topbar{padding:max(10px, env(safe-area-inset-top)) 16px 8px;border-bottom:2px solid #2b26221f;justify-content:space-between;align-items:flex-start;display:flex}.brand{letter-spacing:1px;font-size:1.6rem;line-height:1}.level{align-items:center;gap:8px;margin-top:4px;display:flex}.lvl-label{font-size:.85rem}.avatar{border:2px solid var(--ink);background:var(--paper-2);border-radius:50%;flex:none;place-items:center;width:40px;height:40px;display:grid;overflow:hidden}.avatar svg{width:140%;height:auto;margin-top:8px}.leaves{border:2px solid var(--ink);background:var(--paper-2);box-shadow:var(--shadow);border-radius:999px;padding:4px 12px}.bar{border:2px solid var(--ink);background:#fff;border-radius:99px;width:100%;height:10px;overflow:hidden}.bar.small{width:90px;height:8px}.bar>div{background:#8a8178;height:100%;transition:width .4s}.bar.good>div{background:var(--good)}.bar.ok>div{background:var(--accent-2)}.bar.low>div{background:var(--bad)}.tabbar{border-top:2px solid var(--ink);background:var(--paper-2);padding-bottom:env(safe-area-inset-bottom);display:flex}.tabbar button{color:var(--muted);background:0 0;border:0;flex-direction:column;flex:1;align-items:center;padding:8px 0 6px;font-size:.85rem;display:flex}.tabbar button.active{color:var(--ink);font-weight:700}.tabbar .tab-icon{filter:grayscale(.7);font-size:1.4rem}.tabbar .active .tab-icon{filter:none}.btn{border:2px solid var(--ink);background:var(--paper-2);box-shadow:var(--shadow);border-radius:999px;padding:10px 18px;transition:transform 80ms}.btn:active:not(:disabled){transform:translateY(2px);box-shadow:0 1px #2b2622d9}.btn.big{width:100%;padding:12px 22px;font-size:1.3rem}.btn.primary{background:var(--accent)}.btn.dark{color:#fff;background:#4a4440}.btn.ghost{box-shadow:none;background:0 0}.btn.danger{color:var(--bad);border-color:var(--bad)}.link{color:var(--muted);background:0 0;border:0;margin-top:6px;text-decoration:underline}.row{align-items:center;gap:10px;display:flex}.row>.btn{flex:1}.row.between{justify-content:space-between}.back{border:2px solid var(--ink);background:var(--paper-2);width:42px;height:42px;box-shadow:var(--shadow);border-radius:50%;flex:none;font-size:1.2rem}.screen-head{z-index:3;padding:max(12px, env(safe-area-inset-top)) 14px 6px;align-items:center;gap:10px;display:flex;position:relative}.screen-head.overlay{position:absolute;top:0;left:0;right:0}.sign{border:2px solid var(--ink);background:var(--paper-2);box-shadow:var(--shadow);text-align:center;border-radius:10px;padding:4px 14px}.sign.big{z-index:2;margin:8px auto 0;padding:8px 26px;font-size:1.6rem;line-height:1.1;position:relative}.sign.big small{font-size:1rem;display:block}.bubble{border:2px solid var(--ink);background:#fff;border-radius:20px;padding:8px 14px;line-height:1.25;animation:.25s pop;position:relative;box-shadow:0 2px #2b262299}.bubble.orange{background:var(--orange-bubble)}.bubble:after{content:"";background:inherit;border:inherit;border-top:0;border-left:0;width:14px;height:14px;position:absolute}.bubble.tail-bottom:after{bottom:-9px;left:50%;transform:translate(-50%)rotate(45deg)}.bubble.tail-bottom-left:after{bottom:-9px;left:22%;transform:rotate(45deg)}.bubble.tail-bottom-right:after{bottom:-9px;right:22%;transform:rotate(45deg)}.bubble.tail-left:after{top:16px;left:-9px;transform:rotate(135deg)}@keyframes pop{0%{opacity:0;transform:scale(.7)}}.pop{animation:.3s pop}.hub-scene{flex:1;min-height:0;position:relative;overflow:hidden}.hub-myna{flex-direction:column;align-items:center;display:flex;position:absolute;bottom:6%;left:50%;transform:translate(-50%)}.hub-bubble{text-align:center;max-width:260px;margin-bottom:4px}.hub-bubble .learned{font-size:1.15rem}.breathe .myna,.breathe.myna{transform-origin:bottom;animation:3s ease-in-out infinite breathe}@keyframes breathe{50%{transform:scale(1.03,.97)}}.bounce .myna{animation:.5s 3 bounce}@keyframes bounce{50%{transform:translateY(-16px)}}.swinging{animation:1s ease-in-out 3 swing}@keyframes swing{25%{transform:rotate(8deg)}75%{transform:rotate(-8deg)}}.meters{gap:8px;padding:10px 12px 4px;display:flex}.meter{border:2px solid var(--ink);background:var(--paper-2);border-radius:14px;flex:1;align-items:center;gap:6px;padding:6px 8px;display:flex}.meter-icon{font-size:1.1rem}.meter-body{flex:1;min-width:0}.meter-label{font-size:.85rem}.actions{grid-template-columns:repeat(4,1fr);gap:8px;padding:8px 12px 12px;display:grid}.action{border:2px solid var(--ink);background:var(--paper-2);box-shadow:var(--shadow);border-radius:16px;flex-direction:column;align-items:center;gap:2px;padding:8px 0 6px;font-size:1.05rem;display:flex}.action small{color:var(--muted);font-size:.7rem}.action:active{transform:translateY(2px)}.map-area{flex:1;position:relative;overflow:hidden}.place{background:0 0;border:0;flex-direction:column;align-items:center;display:flex;position:absolute;transform:translate(-50%,-50%)}.place-icon{border:2px solid var(--ink);width:72px;height:72px;box-shadow:var(--shadow);background:#fff;border-radius:18px;place-items:center;font-size:2.6rem;display:grid}.place-label{border:2px solid var(--ink);background:var(--paper-2);box-shadow:var(--shadow);border-radius:10px;margin-top:-6px;padding:0 10px}.place.locked .place-icon{background:#ddd}.place.glow .place-icon{animation:1.4s ease-in-out infinite glow}@keyframes glow{50%{box-shadow:0 0 0 6px #f6c343b3}}.worlds-btn{border:2px solid var(--ink);background:var(--paper-2);box-shadow:var(--shadow);border-radius:999px;padding:6px 12px;position:absolute;bottom:12px;right:12px}.toast{background:var(--ink);color:#fff;white-space:nowrap;border-radius:999px;padding:6px 14px;animation:.2s pop;position:absolute;top:12px;left:50%;transform:translate(-50%)}.quest-card{border:2px solid var(--ink);background:var(--paper-2);box-shadow:var(--shadow);text-align:left;border-radius:18px;margin:10px 12px 12px;padding:8px 12px}.quest-title{border-bottom:1px dashed #bbb;margin-bottom:6px;font-size:1.05rem}.quest-row{align-items:center;gap:10px;display:flex}.quest-row>div:nth-child(2){flex:1}.quest-row .muted{font-size:.85rem}.gift{font-size:2rem}.worlds{background:#ebe5d8}.world-path{flex-direction:column;flex:1;gap:18px;padding:16px;display:flex;overflow-y:auto}.world{text-align:left;border:2px solid var(--ink);background:var(--paper-2);box-shadow:var(--shadow);border-radius:18px;align-items:center;gap:12px;padding:12px;display:flex}.world:nth-child(2n){margin-left:30px}.world:nth-child(odd){margin-right:30px}.world.locked{filter:grayscale();opacity:.75}.world.open{background:#fff6d8}.world small{color:var(--muted);display:block}.world-num{border:2px solid var(--ink);background:var(--accent);border-radius:50%;place-items:center;width:34px;height:34px;display:grid}.world-icon{font-size:2rem}.world-icon.big{font-size:4rem}.sheet{z-index:20;background:#2b262259;place-items:center;padding:16px;display:grid;position:absolute;inset:0}.sheet-card{background:var(--paper);border:2px solid var(--ink);text-align:center;border-radius:22px;flex-direction:column;gap:10px;width:100%;max-width:360px;padding:20px;animation:.25s pop;display:flex}.stepdots{justify-content:center;align-items:center;display:flex}.stepdot-wrap{align-items:center;display:flex}.stepdot{border:2px solid var(--ink);background:#fff;border-radius:50%;place-items:center;width:34px;height:34px;font-size:1rem;display:grid}.stepdot.done{background:var(--good);color:#fff}.stepdot.fail{background:var(--bad);color:#fff}.stepdot.current:not(.done):not(.fail){background:var(--accent);box-shadow:0 0 0 4px #f6c34366}.stepline{background:#bbb;width:18px;height:3px}.stepline.done{background:var(--good)}.mission-intro .screen-head{justify-content:space-between}.mission-intro .stepdots{flex:1}.intro-myna{z-index:2;flex-direction:column;align-items:center;display:flex;position:absolute;bottom:110px;left:50%;transform:translate(-50%)}.intro-bubble{background:var(--orange-bubble);text-align:center;max-width:300px;margin-bottom:4px;font-size:1.3rem}.bottom-cta{z-index:3;bottom:max(20px, env(safe-area-inset-bottom));position:absolute;left:24px;right:24px;width:auto!important}.comic{border-bottom:3px solid var(--ink);flex:none;height:48%;min-height:330px;transition:height .35s;position:relative;overflow:hidden}.comic.tall{height:58%;min-height:380px}.comic.short{height:46%}.dots-overlay{z-index:3;top:calc(max(12px, env(safe-area-inset-top)) + 50px);position:absolute;left:0;right:0}.dots-overlay.top{top:12px}.npc{z-index:1;transition:all .3s;position:absolute;bottom:0;left:4%}.npc.dim{opacity:.85}.dialogue{z-index:2;top:calc(max(12px, env(safe-area-inset-top)) + 96px);flex-direction:column;gap:14px;display:flex;position:absolute;left:12px;right:12px}.dialogue .bubble{max-width:82%;padding:6px 12px;font-size:1rem}.dialogue .npc-bubble{align-self:flex-start}.dialogue .myna-bubble{align-self:flex-end}.dialogue .bubble.fa{font-size:.95rem;line-height:1.6}.qmark{font-size:2.4rem;animation:.3s pop;position:absolute;top:0;right:-14px}.scene-myna{z-index:2;flex-direction:column;align-items:flex-end;display:flex;position:absolute;bottom:-6px;right:3%}.banner{z-index:3;white-space:nowrap;border:2px solid var(--ink);box-shadow:var(--shadow);background:#fff6d8;border-radius:8px;padding:6px 16px;font-size:1.15rem;position:absolute;top:58px;left:50%;transform:translate(-50%)rotate(-2deg)}.gift-box{align-self:center;font-size:2.4rem;animation:1s infinite bounce}.panel{min-height:0;padding:12px 14px max(14px, env(safe-area-inset-bottom));flex-direction:column;flex:1;gap:10px;display:flex;position:relative;overflow-y:auto}.hint{border:2px solid var(--ink);background:#fff6d8;border-radius:12px;padding:6px 10px;font-size:.95rem}.chat{align-items:flex-start;gap:8px;display:flex}.chat .bubble{flex:1}.error{color:var(--bad)}.teach-input{flex-direction:column;gap:8px;display:flex}.input-row{position:relative}.input-row input{width:100%;font-family:var(--font), var(--font-fa);border:2px solid var(--ink);background:#fff;border-radius:14px;outline:none;padding:12px 40px 12px 14px;font-size:1.15rem}.input-row input:focus{box-shadow:0 0 0 3px #f6c34399}.clear-btn{color:#fff;background:#ccc;border:0;border-radius:50%;width:24px;height:24px;font-size:.8rem;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.mic-row{justify-content:space-between;align-items:center;display:flex}.mic{border:3px solid var(--ink);background:radial-gradient(circle at 35% 30%, #ffe08a, var(--accent) 55%, var(--accent-2));width:84px;height:84px;box-shadow:0 0 0 8px #f6c34340, var(--shadow);border-radius:50%;font-size:2.4rem}.mic.listening{background:radial-gradient(circle at 35% 30%,#ffb3a3,#ef7a62);animation:1s infinite pulse}@keyframes pulse{50%{box-shadow:0 0 0 18px #ef7a6233, var(--shadow)}}.mic-caption{text-align:center;margin-top:-4px;font-size:1.05rem}.mic-unsupported{color:var(--muted);flex:1;padding:0 8px;font-size:.9rem}.lang-toggle{border:2px solid var(--ink);width:52px;height:40px;font-family:var(--font), var(--font-fa);background:#fff;border-radius:12px}.send-btn{border:2px solid var(--ink);color:#fff;box-shadow:var(--shadow);background:#4a4440;border-radius:999px;padding:8px 14px}.thinking{justify-content:center;align-items:center;gap:10px;padding:26px 0;font-size:1.2rem;display:flex}.dots i{background:var(--ink);border-radius:50%;width:9px;height:9px;margin:0 2px;animation:1s infinite dot;display:inline-block}.dots i:nth-child(2){animation-delay:.15s}.dots i:nth-child(3){animation-delay:.3s}@keyframes dot{50%{opacity:.4;transform:translateY(-6px)}}.result{border:2px solid var(--ink);background:var(--paper-2);border-radius:18px;flex-direction:column;gap:8px;padding:12px;display:flex;position:relative}.result.success{background:#fff6d8}.result p{margin:0}.result-head{align-items:center;gap:12px;font-size:1.3rem;display:flex}.star{font-size:2.6rem;animation:.8s spin}@keyframes spin{0%{transform:rotate(-180deg)scale(.3)}}.xmark{background:var(--bad);color:#fff;border-radius:50%;flex:none;place-items:center;width:42px;height:42px;font-size:1.3rem;display:grid}.pill{border:2px solid var(--ink);background:#fff;border-radius:999px;padding:0 10px;font-size:.95rem;display:inline-block}.pill.ok{color:var(--good)}.label{font-size:.95rem}.speak-btn{border:2px solid var(--ink);background:#eee;border-radius:50%;flex:none;width:38px;height:38px}.speak-btn.small{width:30px;height:30px;font-size:.8rem}.offline-note{color:var(--muted);text-align:center;font-size:.75rem}.checklist{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.checklist li{border:2px solid var(--ink);background:#fff;border-radius:12px;flex-wrap:wrap;align-items:center;gap:8px;padding:6px 10px;display:flex}.checklist small{width:100%;color:var(--muted);padding-left:30px}.check{background:var(--good);color:#fff;border-radius:50%;flex:none;place-items:center;width:22px;height:22px;font-size:.8rem;display:inline-grid}.sticker-row{border:2px dashed var(--ink);text-align:center;background:#fff6d8;border-radius:14px;padding:8px}.sticker{vertical-align:middle;font-size:1.8rem}.rewards{background:#f1ead9}.ribbon{border:2px solid var(--ink);box-shadow:var(--shadow);background:#fff;margin:20px auto 0;padding:6px 28px;font-size:1.8rem;transform:rotate(-3deg)}.dance{justify-content:center;animation:.9s ease-in-out infinite bounce;display:flex}.rewards .panel{border:2px solid var(--ink);background:var(--paper-2);border-radius:20px;flex:1;margin:0 12px 12px}.rewards h2{text-align:center;margin:0}.rewards-grid{gap:8px;display:flex}.skills{flex-direction:column;flex:1;gap:4px;margin:0;padding:0;list-style:none;display:flex}.skills li{background:#fff;border:1.5px solid #bbb;border-radius:10px;align-items:center;gap:6px;padding:4px 8px;font-size:.95rem;display:flex}.skills li .check{margin-left:auto}.new-item{border:2px solid var(--ink);text-align:center;background:#fff;border-radius:14px;width:110px;padding:6px;font-size:.9rem}.item-emoji{font-size:3rem}.loot{justify-content:center;gap:24px;font-size:1.5rem;display:flex}.mentor-scene{border-bottom:3px solid var(--ink);background:linear-gradient(#efe6d6,#e3d7c1);flex-direction:column;flex:none;justify-content:flex-end;align-items:center;height:40%;display:flex;position:relative;overflow:hidden}.mentor-bubble{max-width:62%;font-size:1.05rem;position:absolute;top:16px;left:16px}.mentor-bubble b{font-size:1.4rem;display:block}.pair{align-items:flex-end;margin-bottom:-10px;display:flex}.tip{border:2px solid var(--ink);background:#eef5ea;border-radius:12px;margin:0;padding:6px 10px}.phrases{flex-wrap:wrap;gap:8px;display:flex}.phrase{border:2px solid var(--ink);background:#fff;border-radius:14px;align-items:center;gap:8px;padding:4px 6px 4px 12px;display:flex}.serve{background:#efe6d6}.serve-hud{padding:max(12px, env(safe-area-inset-top)) 14px 8px;justify-content:space-between;align-items:center;gap:8px;display:flex}.serve-hud .sign .bar{width:100%;margin-top:2px}.timer{border:2px solid var(--ink);background:#fff;border-radius:12px;padding:4px 10px}.timer.low{color:var(--bad);animation:1s infinite pulse-txt}@keyframes pulse-txt{50%{transform:scale(1.08)}}.serve-stage{flex:1;position:relative;overflow:hidden}.customer{font-size:5.5rem;animation:.35s pop;position:absolute;top:6%;left:8%}.order-bubble{text-align:center;flex-direction:column;align-items:center;gap:2px;max-width:55%;font-size:1.2rem;display:flex;position:absolute;top:4%;right:6%}.order-icon{line-height:0}.counter-top{border-top:3px solid var(--ink);border-bottom:3px solid var(--ink);background:#c99f6e;height:14px;position:absolute;top:40%;left:0;right:0}.serve-myna{position:absolute;bottom:0;left:50%;transform:translate(-50%)}.flash{white-space:nowrap;font-size:1.5rem;animation:.9s forwards float-up;position:absolute;top:-10px;left:50%;transform:translate(-50%)}.flash.good{color:#d9861a}.flash.bad{color:var(--bad);font-size:1.1rem}@keyframes float-up{to{opacity:0;transform:translate(-50%,-40px)}}.tray{padding:12px 14px max(16px, env(safe-area-inset-bottom));border-top:3px solid var(--ink);background:#a77b52;grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.tray-item{aspect-ratio:1;border:2px solid var(--ink);background:var(--paper-2);box-shadow:var(--shadow);border-radius:16px;place-items:center;display:grid}.tray-item.right{box-shadow:0 0 0 4px var(--accent);background:#fff1b8}.tray-item.wrong{background:#f6c9c1;animation:.3s shake}@keyframes shake{25%{transform:translate(-6px)}75%{transform:translate(6px)}}.big-score{font-size:2.4rem}.stat-row{gap:16px;display:flex}.grid{grid-template-columns:repeat(auto-fill,minmax(90px,1fr));gap:8px;display:grid}.tile{border:2px solid var(--ink);background:#fff;border-radius:14px;flex-direction:column;align-items:center;padding:8px;font-size:.9rem;display:flex}.tile span{font-size:2.2rem}.setting{border:2px solid var(--ink);background:#fff;border-radius:14px;justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;display:flex}.setting input[type=checkbox]{width:24px;height:24px}.confetti{pointer-events:none;z-index:30;position:absolute;inset:0;overflow:hidden}.confetti span{border-radius:2px;width:8px;height:14px;animation:1.8s ease-in forwards fall;position:absolute;top:-10px}@keyframes fall{to{opacity:.6;transform:translateY(110vh)rotate(540deg)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}.myna-says{align-items:flex-start;gap:8px;display:flex}.myna-says>div:last-child{flex:1}.en-sub{margin:4px 4px 0}.bubble.fa{font-family:var(--font-fa);line-height:1.7}.icon{vertical-align:-.22em;flex:none;display:inline-block}.btn,.send-btn,.link,.worlds-btn,.pill,.leaves,.timer,.loot span,.stat-row span,.banner,.sticker-row,.mic-unsupported,.action small{justify-content:center;align-items:center;gap:6px;display:inline-flex}.btn.big{display:flex}.hint{align-items:center;gap:6px;display:flex}.back,.mic,.speak-btn,.clear-btn,.stepdot,.check,.xmark{place-items:center;padding:0;display:grid}.check{display:inline-grid}.stepdot .icon,.check .icon,.xmark .icon,.clear-btn .icon{color:#fff}.stepdot.todo .icon{color:var(--ink)}.customer,.gift,.gift-box,.sticker,.item-emoji,.tabbar .tab-icon{line-height:0}.checklist li.fa{flex-wrap:nowrap;align-items:flex-start}.checklist li.fa .check{margin-top:4px}.thread{flex-direction:column;gap:8px;display:flex}.child-says{justify-content:flex-end;padding-left:48px;display:flex}.child-bubble{background:#e6f0e3;font-size:1.05rem}.bubble.tail-right:after{top:14px;right:-9px;transform:rotate(-45deg)}.rest{border:2px dashed var(--ink);text-align:center;background:#fff6d8;border-radius:16px;flex-direction:column;gap:6px;padding:10px 12px;display:flex}.rest-count{font-size:2.6rem;line-height:1}.composer{bottom:calc(-1 * max(14px, env(safe-area-inset-bottom)));z-index:2;padding:8px 14px max(14px, env(safe-area-inset-bottom));background:var(--paper);border-top:2px dashed #2b262233;flex-direction:column;gap:8px;margin:0 -14px;display:flex;position:sticky}.composer .mic{width:72px;height:72px}.en-inline{font-family:var(--font);white-space:nowrap;background:#fff6d8;border-radius:6px;margin:0 2px;padding:0 5px;font-size:1.1rem}.clue{margin-top:4px;font-size:1.1rem}.clue b{border:1.5px dashed var(--ink);background:#fff;border-radius:8px;padding:0 6px;font-weight:400}.cafe{background:var(--paper)}.cafe .screen-head{justify-content:space-between}.notebook-btn{border:2px solid var(--ink);box-shadow:var(--shadow);background:#fff6d8;border-radius:999px;align-items:center;gap:4px;padding:6px 12px;display:inline-flex}.cafe-hint{margin:0 14px}.visit-marker{border:1.5px dashed var(--ink);background:#fbe3dc;border-radius:999px;align-self:center;align-items:center;gap:6px;padding:2px 12px;font-size:.9rem;display:inline-flex}.visit-marker.won{background:#fff6d8}.sheet-card.notebook{text-align:start;max-height:80dvh;overflow-y:auto}.sheet-card.notebook ul{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.sheet-card.notebook li{border:2px solid var(--ink);background:#fff;border-radius:12px;grid-template-columns:1fr auto auto;grid-template-areas:"situation speak del""phrase speak del";align-items:center;gap:2px 8px;padding:6px 10px;display:grid}.notebook .situation{color:var(--muted);grid-area:situation;font-size:.8rem}.notebook .nb-phrase{grid-area:phrase;font-size:1.15rem}.notebook .speak-btn{grid-area:speak}.delete-btn{border:2px solid var(--ink);background:var(--bad);color:#fff;border-radius:50%;grid-area:del;place-items:center;width:28px;height:28px;padding:0;display:grid}.delete-btn .icon{color:#fff}