@font-face{font-family:Galmuri11;src:url(/assets/Galmuri11-XS6mcbqD.woff2)format("woff2");font-display:block}@font-face{font-family:Galmuri7;src:url(/assets/Galmuri7-Dz1UDIQ-.woff2)format("woff2");font-display:block}:root{--bg:#effaf1;--dots:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24'%3E%3Crect width='3' height='3' fill='%23d2f0da'/%3E%3C/svg%3E");--text:#24453a;--ink:#24453a;--header:#c3ecd0;--avatar-bg:#fffbe8;--button:#ffd84d;--chip:#fff;--bubble:#fff;--bubble-text:#24453a;--box:#fff;--placeholder:#8aa597;--on-button:#24453a;--app-height:100dvh}:root[data-theme=night]{--bg:#23214a;--dots:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24'%3E%3Crect width='3' height='3' fill='%2334317a'/%3E%3C/svg%3E");--text:#f3eefe;--ink:#0f0d24;--header:#2f2c63;--avatar-bg:#b8a6ff;--chip:#3d3a7d;--bubble:#b8a6ff;--bubble-text:#1c1840;--box:#3d3a7d;--placeholder:#a8a2d8;--on-button:#1c1840}*{box-sizing:border-box}html,body{background:var(--bg);height:100%;margin:0;overflow:hidden}body{color:var(--text);-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;font:16px/1.5 Galmuri11,monospace}#app{top:var(--app-top,0);height:var(--app-height);background:var(--bg) var(--dots);position:fixed;left:0;right:0;overflow:hidden}button{font:inherit;color:inherit;touch-action:manipulation;cursor:pointer}button:disabled{cursor:default;opacity:.5}.px,canvas{image-rendering:pixelated}.px-border{box-shadow:0 -3px 0 0 var(--ink), 0 3px 0 0 var(--ink), -3px 0 0 0 var(--ink), 3px 0 0 0 var(--ink);margin:3px}.yellow{background:var(--button);color:var(--on-button);border:0}.title{font-family:Galmuri7,monospace}.small{font-size:12px}.screen{flex-direction:column;display:flex;position:absolute;inset:0}.column{width:100%;max-width:480px;margin:0 auto}[hidden]{display:none!important}.pin{z-index:10;background:var(--bg) var(--dots);justify-content:center}.pin-body{padding:calc(env(safe-area-inset-top) + 12px) 24px calc(env(safe-area-inset-bottom) + 12px);flex-direction:column;align-items:center;gap:20px;display:flex}.pin-dino{align-items:flex-end;min-height:132px;display:flex}.pin-dots{align-items:center;gap:18px;height:24px;display:flex}.dot{width:12px;height:12px;box-shadow:0 -3px 0 0 var(--text), 0 3px 0 0 var(--text), -3px 0 0 0 var(--text), 3px 0 0 0 var(--text);margin:3px}.dot.on{background:var(--text)}.pin-status{text-align:center;max-width:300px;min-height:36px;margin:0}.keypad{grid-template-columns:repeat(3,72px);gap:18px 24px;display:grid}.key{justify-content:center;align-items:center;height:54px;font-size:24px;display:flex}.shake{animation:.4s steps(4,end) shake}@keyframes shake{25%{transform:translate(-6px)}75%{transform:translate(6px)}}.hop{animation:.6s steps(6,end) hop}@keyframes hop{50%{transform:translateY(-24px)}}.chat{z-index:1}.chat-header,.composer{z-index:2;background:var(--header);position:relative}.chat-header{padding-top:env(safe-area-inset-top);box-shadow:0 3px 0 0 var(--ink)}.header-row{align-items:center;gap:12px;padding:8px 12px;display:flex}.avatar-button,.tree{border:0;flex:none;justify-content:center;align-items:center;width:48px;height:48px;padding:0;display:flex}.avatar-button{background:var(--avatar-bg)}.header-text{flex:1;min-width:0}.header-text h1{margin:0;font-size:16px;font-weight:400;line-height:1.25}.status{opacity:.8;margin:0}.header-avatar img{display:block}.nod img{animation:.4s nod}@keyframes nod{0%,49.9%{transform:translateY(2px)}50%,to{transform:none}}.card-row{padding:12px 12px 0}.home-card{background:var(--chip);align-items:flex-start;gap:8px;padding:8px 10px;display:flex}.home-card p{flex:1;margin:0}.card-close{background:0 0;border:0;padding:2px}.chat-main{flex-direction:column;flex:1;min-height:0;display:flex;position:relative}.list{overscroll-behavior:contain;flex:1;overflow-y:auto}.list-inner{flex-direction:column;justify-content:flex-end;gap:12px;max-width:480px;min-height:100%;margin:0 auto;padding:16px 14px;display:flex}.empty{text-align:center;opacity:.8;margin:auto 0}.chip-row{justify-content:center;margin:6px 0;display:flex}.chip{background:var(--chip);padding:0 10px}.msg{flex-direction:column;align-self:flex-end;align-items:flex-end;max-width:80%;display:flex;position:relative}.bubble{background:var(--bubble);color:var(--bubble-text);white-space:pre-wrap;overflow-wrap:anywhere;cursor:pointer;padding:6px 12px}.sticker{cursor:pointer;display:block}.msg .heart,.msg .note{display:none}.msg .heart{position:absolute;bottom:-6px;left:-8px}.msg.hearted .heart{animation:.3s steps(3,end) pop;display:block}@keyframes pop{0%{transform:scale(.4)}}.msg.sending .bubble,.msg.sending .sticker{opacity:.6}.msg.failed .note{margin-top:6px;display:block}.seen{align-self:flex-end;margin-top:-4px}.seen img{display:block}.seen.bounce img{animation:.4s steps(2,end) bounce}@keyframes bounce{50%{transform:translateY(-1px)}}.composer{padding:10px 12px max(10px, env(safe-area-inset-bottom));box-shadow:0 -3px 0 0 var(--ink)}.keyboard .composer{padding-bottom:10px}.composer-row{align-items:flex-end;gap:10px;display:flex}.stickers,.send{flex:none;justify-content:center;align-items:center;width:42px;height:42px;padding:0;display:flex}.box-wrap{flex:1;min-width:0;position:relative}.box{background:var(--box);width:calc(100% - 6px);min-height:36px;max-height:132px;color:var(--text);resize:none;border:0;border-radius:0;outline:none;padding:6px 10px;font:16px/24px Galmuri11,monospace;display:block}.box::placeholder{color:var(--placeholder)}.count{position:absolute;top:-20px;right:6px}.toast{z-index:6;background:var(--chip);text-align:center;width:max-content;max-width:calc(100% - 40px);margin:0;padding:6px 10px;position:absolute;bottom:14px;left:50%;transform:translate(-50%)}.overlay{z-index:5;pointer-events:none;position:absolute;top:0;left:0}.scrim{z-index:20;background:#0f0d244d;justify-content:center;align-items:flex-end;display:flex;position:absolute;inset:0}.sheet{width:100%;max-width:480px;max-height:72%;padding:14px 14px calc(env(safe-area-inset-bottom) + 18px);background:var(--bg);box-shadow:0 -3px 0 0 var(--ink);animation:.2s steps(4,end) rise;overflow-y:auto}@keyframes rise{0%{transform:translateY(40px)}}.sheet-title{text-align:center;margin:0 0 14px;font-size:16px;font-weight:400}.sticker-grid{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.sticker-pick{background:0 0;border:0;justify-content:center;align-items:center;min-height:90px;padding:4px;display:flex}.avatar-grid{grid-template-columns:repeat(4,1fr);gap:16px;padding:4px;display:grid}.avatar-pick{aspect-ratio:1;background:var(--avatar-bg);border:0;justify-content:center;align-items:center;padding:0;display:flex}.avatar-pick.current{background:var(--button)}.menu-scrim{z-index:20;position:absolute;inset:0}.menu{background:var(--chip);align-items:center;gap:10px;padding:8px;display:flex;position:absolute}.menu-label{padding:0 6px}.menu-button{padding:4px 12px}.playground{z-index:5;background:#9be07f;overflow:hidden}.play-canvas{touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;position:absolute;top:0;left:0}.play-top{top:calc(env(safe-area-inset-top) + 8px);left:calc(env(safe-area-inset-left) + 12px);position:absolute}.back{justify-content:center;align-items:center;width:48px;height:48px;padding:0;display:flex}#app:has(>.playground:not([hidden])){-webkit-user-select:none;user-select:none}
