.tchip[data-v-a2ac4f08]{position:fixed;top:18px;left:50%;transform:translate(-50%);padding:8px 16px;border-radius:20px;font-weight:800;font-size:15px;color:#fff;z-index:90;pointer-events:none}.tchip.ok[data-v-a2ac4f08]{background:#16a34a}.tchip.warn[data-v-a2ac4f08]{background:#ea580c}.tchip.low[data-v-a2ac4f08]{background:#dc2626}.lock[data-v-a2ac4f08]{position:fixed;inset:0;background:#1e1b4b;z-index:300;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px}.moon[data-v-a2ac4f08]{font-size:80px}.lock-title[data-v-a2ac4f08]{font-size:34px;font-weight:800;color:#fff}.lock-sub[data-v-a2ac4f08]{font-size:20px;color:#a5b4fc}.lockbtn[data-v-a2ac4f08]{margin-top:22px;background:#7c3aed;color:#fff;text-decoration:none;font-size:20px;font-weight:700;padding:16px 36px;border-radius:30px}.plink[data-v-a2ac4f08]{position:fixed;bottom:20px;right:20px;font-size:26px;text-decoration:none;opacity:.5}.home[data-v-db795ac7]{min-height:100%;display:flex;flex-direction:column;align-items:center;padding:84px 16px 40px}h1[data-v-db795ac7]{font-size:44px;letter-spacing:2px;margin-bottom:6px}h1 span[data-v-db795ac7]:nth-child(1){color:#ef4444}h1 span[data-v-db795ac7]:nth-child(2){color:#f97316}h1 span[data-v-db795ac7]:nth-child(3){color:#fbbf24}h1 span[data-v-db795ac7]:nth-child(4){color:#22c55e}h1 span[data-v-db795ac7]:nth-child(5){color:#3b82f6}.sub[data-v-db795ac7]{color:#94a3b8;margin-bottom:36px;font-size:14px}.grid[data-v-db795ac7]{display:flex;flex-wrap:wrap;gap:20px;justify-content:center;max-width:420px}.tile[data-v-db795ac7]{width:110px;text-decoration:none;color:#fff;text-align:center}.tile .icon[data-v-db795ac7]{width:110px;height:110px;border-radius:26px;background:#7c3aed;display:flex;align-items:center;justify-content:center;font-size:52px;box-shadow:0 6px #5b21b6}.tile:active .icon[data-v-db795ac7]{transform:translateY(3px);box-shadow:0 3px #5b21b6}.tile .label[data-v-db795ac7]{margin-top:10px;font-weight:700;font-size:17px}.tile.soon[data-v-db795ac7]{opacity:.35;pointer-events:none}.tile.soon .icon[data-v-db795ac7]{background:#334155;box-shadow:0 6px #1e293b}.earn[data-v-db795ac7]{margin-top:40px;background:#16a34a;color:#fff;text-decoration:none;font-size:18px;font-weight:700;padding:14px 32px;border-radius:26px}.gear[data-v-db795ac7]{position:fixed;bottom:20px;right:20px;font-size:24px;text-decoration:none;opacity:.4}.game[data-v-dd6fe9d9]{min-height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:22px;padding:16px;touch-action:manipulation;overflow:hidden}.back[data-v-dd6fe9d9]{position:fixed;top:18px;left:18px;width:54px;height:54px;border-radius:16px;background:#1e293b;color:#fff;font-size:26px;display:flex;align-items:center;justify-content:center;text-decoration:none}.level[data-v-dd6fe9d9]{position:fixed;top:26px;right:18px;background:#1e293b;border-radius:14px;padding:10px 16px;font-weight:700;font-size:16px;cursor:pointer}.level-panel[data-v-dd6fe9d9]{position:fixed;top:74px;right:18px;background:#1e293b;border-radius:14px;padding:14px 16px;z-index:60}.level-panel input[type=range][data-v-dd6fe9d9]{width:180px;accent-color:#7c3aed}.circles[data-v-dd6fe9d9]{display:flex;gap:40px;align-items:flex-end}.col[data-v-dd6fe9d9]{display:flex;flex-direction:column;align-items:center;gap:8px}.col .emo[data-v-dd6fe9d9]{font-size:30px}.swatch[data-v-dd6fe9d9]{width:min(32vw,140px);height:min(32vw,140px);border-radius:50%;border:4px solid #fff}.bowl.pulse[data-v-dd6fe9d9]{animation:pulse-dd6fe9d9 .25s ease-out}@keyframes pulse-dd6fe9d9{0%{transform:scale(1)}50%{transform:scale(1.09)}to{transform:scale(1)}}.feedback[data-v-dd6fe9d9]{min-height:30px;font-size:22px;font-weight:700;text-align:center}.pots[data-v-dd6fe9d9]{display:flex;gap:10px}.pot-col[data-v-dd6fe9d9]{display:flex;flex-direction:column;align-items:center;gap:4px}.pot[data-v-dd6fe9d9]{width:min(15vw,64px);height:min(15vw,64px);border-radius:50%;border:3px solid #fff;cursor:pointer;transition:opacity .15s}.pot[data-v-dd6fe9d9]:active{transform:scale(.92)}.pot-col .count[data-v-dd6fe9d9]{font-size:16px;min-height:20px}.pots.full .pot[data-v-dd6fe9d9]{opacity:.25;pointer-events:none}.controls[data-v-dd6fe9d9]{display:flex;gap:12px;align-items:center}.btn[data-v-dd6fe9d9]{width:58px;height:58px;border-radius:16px;border:none;cursor:pointer;background:#1e293b;color:#fff;font-size:24px;display:flex;align-items:center;justify-content:center}.btn[data-v-dd6fe9d9]:active{transform:scale(.92)}.btn.danger[data-v-dd6fe9d9]{background:#7f1d1d}.btn.check[data-v-dd6fe9d9]{width:auto;padding:0 34px;background:#16a34a;font-size:22px;font-weight:700;border-radius:18px}.overlay[data-v-dd6fe9d9]{position:fixed;inset:0;background:#000c;display:none;flex-direction:column;align-items:center;justify-content:center;gap:26px;z-index:100}.overlay.show[data-v-dd6fe9d9]{display:flex}.overlay .big[data-v-dd6fe9d9]{font-size:46px;font-weight:800;text-align:center}.recipe[data-v-dd6fe9d9]{background:#1e293b;border-radius:20px;padding:14px 26px;font-size:30px;display:flex;align-items:center;gap:12px}.recipe-label[data-v-dd6fe9d9]{font-size:24px}.next[data-v-dd6fe9d9]{border:none;cursor:pointer;background:#7c3aed;color:#fff;font-size:22px;font-weight:700;padding:16px 44px;border-radius:32px}.studio[data-v-cbbafeda]{min-height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:76px 12px 20px}.back[data-v-cbbafeda]{position:fixed;top:18px;left:18px;width:54px;height:54px;border-radius:16px;background:#1e293b;color:#fff;font-size:26px;display:flex;align-items:center;justify-content:center;text-decoration:none;z-index:10}.strip[data-v-cbbafeda]{display:flex;gap:8px;overflow-x:auto;max-width:92vw;padding:4px}.strip img[data-v-cbbafeda]{width:56px;height:56px;object-fit:contain;background:#1e293b;border-radius:12px;padding:5px;cursor:pointer;flex:0 0 auto}.paper[data-v-cbbafeda]{width:min(88vw,420px);height:min(88vw,420px);background:#fff;border-radius:22px;touch-action:none}.colors[data-v-cbbafeda]{display:grid;grid-template-columns:repeat(6,40px);gap:9px}.swatch[data-v-cbbafeda]{width:40px;height:40px;border-radius:50%;border:3px solid #fff;cursor:pointer}.swatch.sel[data-v-cbbafeda]{transform:scale(1.25);border-color:#fbbf24}.row[data-v-cbbafeda]{display:flex;align-items:center;gap:10px}.row input[type=range][data-v-cbbafeda]{width:110px;accent-color:#7c3aed}.btn[data-v-cbbafeda]{width:52px;height:52px;border-radius:14px;border:none;cursor:pointer;background:#1e293b;color:#fff;font-size:22px}.btn.on[data-v-cbbafeda]{background:#16a34a}.btn.save[data-v-cbbafeda]{background:#16a34a;font-size:26px;font-weight:800}.btn[data-v-cbbafeda]:active{transform:scale(.92)}.feedback[data-v-cbbafeda]{min-height:24px;font-size:16px;font-weight:700;color:#fbbf24}.modal[data-v-cbbafeda]{position:fixed;inset:0;background:#000000bf;display:flex;align-items:center;justify-content:center;z-index:100}.modal-box[data-v-cbbafeda]{background:#1e293b;border-radius:22px;padding:22px;display:flex;flex-direction:column;align-items:center;gap:18px}.modal-box img[data-v-cbbafeda]{width:120px;height:120px;object-fit:contain;background:#0f172a;border-radius:14px}.modal-btns[data-v-cbbafeda]{display:flex;gap:12px}.modal-btns button[data-v-cbbafeda]{border:none;cursor:pointer;padding:12px 22px;border-radius:14px;font-size:17px;font-weight:700;color:#fff}.keep[data-v-cbbafeda]{background:#475569}.del[data-v-cbbafeda]{background:#dc2626}.doodle[data-v-7b25bbd5]{min-height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:76px 10px 18px}.back[data-v-7b25bbd5]{position:fixed;top:18px;left:18px;width:54px;height:54px;border-radius:16px;background:#1e293b;color:#fff;font-size:26px;display:flex;align-items:center;justify-content:center;text-decoration:none;z-index:10}.pick[data-v-7b25bbd5]{border:none;cursor:pointer;background:#7c3aed;color:#fff;font-size:20px;font-weight:700;padding:26px 36px;border-radius:26px;display:flex;flex-direction:column;align-items:center;gap:10px;box-shadow:0 6px #5b21b6}.pick-icon[data-v-7b25bbd5]{font-size:52px}.photo[data-v-7b25bbd5]{max-width:94vw;max-height:56vh;width:auto;height:auto;border-radius:14px;touch-action:none;background:#1e293b}.hint[data-v-7b25bbd5]{font-size:16px;font-weight:700;color:#fbbf24}.tray[data-v-7b25bbd5]{display:flex;gap:8px;align-items:center;overflow-x:auto;max-width:94vw;background:#1e293b;border-radius:16px;padding:10px 12px}.tray-empty[data-v-7b25bbd5]{color:#fbbf24;font-weight:700;font-size:15px;text-decoration:none;padding:6px 4px;white-space:nowrap}.tray img[data-v-7b25bbd5]{width:46px;height:46px;object-fit:contain;background:#0f172a;border-radius:10px;padding:4px;cursor:pointer;flex:0 0 auto}.colors[data-v-7b25bbd5]{display:grid;grid-template-columns:repeat(12,26px);gap:6px}.swatch[data-v-7b25bbd5]{width:26px;height:26px;border-radius:50%;border:2px solid #fff;cursor:pointer}.swatch.sel[data-v-7b25bbd5]{transform:scale(1.3);border-color:#fbbf24}.row[data-v-7b25bbd5]{display:flex;align-items:center;gap:8px}.row input[type=range][data-v-7b25bbd5]{width:90px;accent-color:#7c3aed}.btn[data-v-7b25bbd5]{width:50px;height:50px;border-radius:14px;border:none;cursor:pointer;background:#1e293b;color:#fff;font-size:21px}.btn.on[data-v-7b25bbd5],.btn.share[data-v-7b25bbd5]{background:#16a34a}.btn[data-v-7b25bbd5]:active{transform:scale(.92)}.quiz[data-v-1f5d70b7]{min-height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;padding:80px 16px 24px}.back[data-v-1f5d70b7]{position:fixed;top:18px;left:18px;width:54px;height:54px;border-radius:16px;background:#1e293b;color:#fff;font-size:26px;display:flex;align-items:center;justify-content:center;text-decoration:none;z-index:10}.timer[data-v-1f5d70b7]{position:fixed;top:26px;right:18px;background:#1e293b;border-radius:14px;padding:10px 16px;font-weight:800;font-size:17px}.question[data-v-1f5d70b7]{font-size:46px;font-weight:800;text-align:center;min-height:60px}.question.blink[data-v-1f5d70b7]{animation:blink-1f5d70b7 1s infinite}@keyframes blink-1f5d70b7{50%{opacity:.25}}.feedback[data-v-1f5d70b7]{min-height:28px;font-size:20px;font-weight:700;color:#fbbf24}.choices[data-v-1f5d70b7]{display:flex;flex-direction:column;gap:10px;width:min(90vw,380px)}.choice[data-v-1f5d70b7]{border:none;cursor:pointer;background:#1e293b;color:#fff;font-size:22px;font-weight:700;padding:15px;border-radius:16px}.choice[data-v-1f5d70b7]:active{transform:scale(.97)}.choice.wrong[data-v-1f5d70b7]{background:#dc2626}.wait[data-v-1f5d70b7]{font-size:40px;font-weight:800;color:#94a3b8}.parent[data-v-1b4f55fb]{min-height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:80px 16px 24px}.back[data-v-1b4f55fb]{position:fixed;top:18px;left:18px;width:54px;height:54px;border-radius:16px;background:#1e293b;color:#fff;font-size:26px;display:flex;align-items:center;justify-content:center;text-decoration:none}.title[data-v-1b4f55fb]{font-size:28px;font-weight:800}.pin[data-v-1b4f55fb]{width:140px;font-size:26px;text-align:center;padding:10px;border-radius:14px;border:none;background:#1e293b;color:#fff;letter-spacing:8px}.pin.small[data-v-1b4f55fb]{width:90px;font-size:18px;padding:6px;letter-spacing:4px}.ok[data-v-1b4f55fb]{border:none;cursor:pointer;background:#7c3aed;color:#fff;font-size:18px;font-weight:700;padding:12px 40px;border-radius:16px}.feedback[data-v-1b4f55fb]{min-height:22px;color:#f87171;font-weight:700}.card[data-v-1b4f55fb]{background:#1e293b;border-radius:20px;padding:18px;width:min(92vw,400px);display:flex;flex-direction:column;gap:12px}.line[data-v-1b4f55fb]{display:flex;justify-content:space-between;align-items:center;font-size:16px;font-weight:600}.line select[data-v-1b4f55fb]{background:#0f172a;color:#fff;border:none;border-radius:10px;padding:8px 10px;font-size:15px}.line input[type=checkbox][data-v-1b4f55fb]{width:22px;height:22px;accent-color:#7c3aed}.mini[data-v-1b4f55fb]{border:none;cursor:pointer;background:#7c3aed;color:#fff;font-weight:700;padding:8px 14px;border-radius:10px;margin-left:8px}.chart-tabs[data-v-1b4f55fb]{display:flex;gap:8px}.tab[data-v-1b4f55fb]{border:none;cursor:pointer;background:#0f172a;color:#fff;padding:8px 12px;border-radius:10px;font-size:14px;font-weight:700}.tab.sel[data-v-1b4f55fb]{background:#16a34a}.chart[data-v-1b4f55fb]{width:100%;background:#0f172a;border-radius:12px}.empty[data-v-1b4f55fb]{text-align:center;color:#64748b;padding:24px 0}.summary[data-v-1b4f55fb]{font-size:13px;color:#94a3b8;text-align:center}*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#app{height:100%}body{background:#0f172a;color:#fff;font-family:-apple-system,Segoe UI,Roboto,Noto Sans Thai,sans-serif;user-select:none;-webkit-user-select:none}