:root{--cream: #fff6ee;--card: #ffffff;--ink: #4a3348;--muted: #9a7f96;--pink: #ff5fa2;--pink-deep: #e14a8b;--pink-soft: #ffd6e7;--sky: #d9edff;--clay-shadow: 0 8px 0 rgba(225, 74, 139, .18), 0 14px 30px rgba(184, 60, 120, .12);--clay-inset: inset 0 2px 0 rgba(255, 255, 255, .9)}*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--cream);color:var(--ink);font-family:"Baloo 2",Heebo,-apple-system,Segoe UI,system-ui,sans-serif;font-size:17px;-webkit-tap-highlight-color:transparent}.shell{max-width:480px;margin:0 auto;padding:14px 16px calc(24px + env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:14px}.hero{text-align:center;padding-top:6px}.wordmark{font-weight:800;font-size:30px;letter-spacing:.5px;color:var(--pink-deep);text-shadow:0 2px 0 #fff}.wordmark .cloud,.wordmark .spark{font-size:24px}.status{display:inline-block;min-height:1.4em;margin-top:8px;padding:6px 16px;border-radius:999px;font-weight:600;font-size:15px;background:#f2e9f0;color:var(--muted);transition:background .25s,color .25s}.status:empty{visibility:hidden}.status[data-tone=working]{background:#fff3d6;color:#8a6d00}.status[data-tone=success]{background:#e0f6e4;color:#1e7e34}.status[data-tone=warn]{background:#fff3d6;color:#b85c00}.status[data-tone=error]{background:#ffe1e1;color:#c0392b}.status[data-tone=stopped]{background:var(--sky);color:#2c7bd8}.clay-card{background:var(--card);border-radius:24px;padding:16px;box-shadow:var(--clay-shadow);border:2px solid #ffe9f3}.clay-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;border-radius:18px;padding:14px 22px;font:inherit;font-weight:700;font-size:18px;cursor:pointer;color:#fff;background:linear-gradient(180deg,var(--pink),var(--pink-deep));box-shadow:0 6px #b22c6a8c,var(--clay-inset);transition:transform .08s,box-shadow .08s}.clay-btn:active{transform:translateY(4px);box-shadow:0 2px #b22c6a8c,var(--clay-inset)}.clay-btn.ghost{color:var(--pink-deep);background:var(--pink-soft);box-shadow:0 5px #e14a8b40,var(--clay-inset)}.clay-btn.primary{flex:1}.wake-btn{width:100%;padding:18px;font-size:21px;border-radius:24px;animation:floaty 2.6s ease-in-out infinite}@keyframes floaty{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}.card-label{display:block;font-weight:700;margin-bottom:8px;color:var(--pink-deep)}textarea#prompt,input#edit-prompt{width:100%;border:2px solid var(--pink-soft);border-radius:16px;padding:12px 14px;font:inherit;color:var(--ink);background:#fffdfb;resize:none;outline:none}textarea#prompt{min-height:76px}textarea#prompt:focus,input#edit-prompt:focus{border-color:var(--pink)}.btn-row{display:flex;gap:10px;margin-top:10px}.mic-btn{font-size:20px;padding:12px 16px}.edit-card .btn-row .clay-btn{flex:1}.gallery-title{margin:4px 4px 0;font-size:19px;color:var(--pink-deep)}.gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:12px}.gallery .empty{grid-column:1 / -1;text-align:center;color:var(--muted)}.tile{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:2px solid #ffe9f3;border-radius:18px;background:var(--card);padding:8px;cursor:pointer;box-shadow:0 5px #e14a8b26;display:flex;flex-direction:column;gap:6px;transition:transform .08s}.tile:active{transform:translateY(3px);box-shadow:none}.tile-inner{display:block;aspect-ratio:1;border-radius:12px;overflow:hidden;background:var(--sky)}.tile img{width:100%;height:100%;object-fit:cover;display:block}.tile .noimg{display:flex;align-items:center;justify-content:center;height:100%;color:#2c7bd8;font-weight:700;padding:4px}.tile-name{font-size:13.5px;font-weight:600;color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lb-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;align-self:flex-start;border:none;background:transparent;font-size:15px;padding:2px 4px;cursor:pointer}.leaderboard-card{position:relative}.lb-close{position:absolute;top:8px;inset-inline-end:8px;width:auto;padding:4px 10px}.lb-title{margin:0 0 8px;font-size:17px;color:var(--pink-deep)}.lb-columns{display:flex;gap:18px}.lb-col{flex:1;min-width:0}.lb-col h3{margin:0 0 4px;font-size:13.5px;color:var(--muted)}.lb-col ol{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:2px}.lb-col li{font-size:13.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lb-col li.empty{color:var(--muted)}.expired{justify-content:center;min-height:90vh}.clay-card.center{text-align:center}.big-emoji{font-size:56px}.expired h1{margin:8px 0 4px;color:var(--pink-deep)}.expired p{color:var(--muted);line-height:1.6}