:root{--paper: #f7f1e3;--paper-deep: #efe6d0;--ink: #33302b;--ink-soft: #6b645a;--line: #d8cdb6;--terracotta: #e07a5f;--mustard: #e9b44c;--sage: #81b29a;--dusty: #7c9eb2;--plum: #9a7aa0;--rose: #d17b88;--shadow: 4px 4px 0 rgba(51, 48, 43, .9);--shadow-sm: 3px 3px 0 rgba(51, 48, 43, .9);--radius: 14px}*{box-sizing:border-box}[hidden]{display:none!important}html,body{margin:0;padding:0;background:var(--paper);color:var(--ink);font-family:-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;-webkit-tap-highlight-color:transparent}body{min-height:100dvh;background-image:radial-gradient(rgba(51,48,43,.05) 1px,transparent 1px);background-size:22px 22px}.topbar{display:flex;align-items:flex-start;justify-content:space-between;padding:22px 22px 6px;max-width:860px;margin:0 auto}.brand h1{font-family:Georgia,Times New Roman,serif;font-size:2.1rem;margin:0;letter-spacing:-.5px}.brand-dot{color:var(--terracotta)}.tagline{margin:2px 0 0 2px;font-size:.85rem;color:var(--ink-soft);font-style:italic}main{max-width:860px;margin:0 auto;padding:16px 22px 120px}.board{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:16px}.tile{position:relative;aspect-ratio:1 / 1;border:2.5px solid var(--ink);border-radius:var(--radius);box-shadow:var(--shadow);cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:12px;-webkit-user-select:none;user-select:none;transition:transform .06s ease,box-shadow .06s ease;color:var(--ink)}.tile:nth-child(4n+1){transform:rotate(-.6deg)}.tile:nth-child(4n+3){transform:rotate(.5deg)}.tile:active,.tile.playing{transform:translate(3px,3px) rotate(0)!important;box-shadow:1px 1px #33302be6}.tile-name{font-weight:700;font-size:.95rem;text-align:center;line-height:1.25;overflow-wrap:anywhere}.tile-icon{font-size:1.7rem;line-height:1}.tile-menu{position:absolute;top:6px;right:6px;border:none;background:#f7f1e38c;border-radius:8px;width:26px;height:26px;font-size:1rem;line-height:1;cursor:pointer;color:var(--ink);opacity:.65}.tile-menu:hover{opacity:1}.empty-state{text-align:center;margin-top:12vh;color:var(--ink-soft);font-size:1.05rem;line-height:1.6}.empty-face{font-size:3rem;margin-bottom:4px;color:var(--terracotta)}.btn{font:inherit;font-weight:700;border:2.5px solid var(--ink);border-radius:12px;background:var(--paper);color:var(--ink);padding:10px 18px;cursor:pointer;box-shadow:var(--shadow-sm);transition:transform .06s ease,box-shadow .06s ease}.btn:active{transform:translate(2px,2px);box-shadow:1px 1px #33302be6}.btn:disabled{opacity:.45;cursor:not-allowed}.btn.primary{background:var(--mustard)}.btn.danger{background:var(--rose);color:#fff}.btn.rec{background:var(--terracotta);color:#fff}.btn.rec.recording{background:var(--rose);animation:pulse 1.2s infinite}.btn.wide,.wide{width:100%;margin-top:12px}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.03)}}.fab{position:fixed;bottom:max(22px,env(safe-area-inset-bottom));left:50%;transform:translate(-50%);font:inherit;font-weight:800;font-size:1.05rem;padding:14px 26px;background:var(--terracotta);color:#fff;border:2.5px solid var(--ink);border-radius:999px;box-shadow:var(--shadow);cursor:pointer;transition:transform .06s ease,box-shadow .06s ease}.fab:active{transform:translate(-50%) translate(2px,2px);box-shadow:1px 1px #33302be6}.icon-btn{border:none;background:none;cursor:pointer;color:var(--ink);padding:6px;border-radius:10px}.icon-btn:hover{background:var(--paper-deep)}.brand-actions{display:flex;gap:2px}#sync-btn.spinning svg{animation:spin 1s linear infinite}#sync-btn.sync-error{color:var(--rose)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.settings-section{border-top:2px dashed var(--line);margin-top:18px;padding-top:10px}.modal{border:2.5px solid var(--ink);border-radius:18px;box-shadow:6px 6px #33302be6;background:var(--paper);color:var(--ink);padding:20px 22px 24px;width:min(480px,calc(100vw - 36px));max-height:85dvh}.modal.narrow{width:min(380px,calc(100vw - 36px))}.modal::backdrop{background:#33302b73}.modal-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.modal-head h2{font-family:Georgia,Times New Roman,serif;margin:0;font-size:1.35rem}.field-label{display:block;font-weight:700;font-size:.9rem;margin:14px 0 6px}textarea,input[type=text],input[type=password]{width:100%;font:inherit;border:2.5px solid var(--ink);border-radius:10px;background:#fffdf7;color:var(--ink);padding:10px 12px;resize:vertical}textarea:focus,input:focus{outline:3px solid var(--mustard);outline-offset:1px}.hint{color:var(--ink-soft);font-size:.9rem;line-height:1.5;margin:6px 0 12px}.muted{color:var(--ink-soft);font-weight:400}.small{font-size:.8rem}.tabs{display:flex;gap:8px;margin-bottom:6px}.tab{font:inherit;font-weight:700;padding:8px 16px;border:2.5px solid var(--ink);border-radius:999px;background:var(--paper);cursor:pointer}.tab.active{background:var(--sage)}.engine-row{margin:12px 0 4px}.engine-toggle{display:flex;margin-top:6px;border:2.5px solid var(--ink);border-radius:12px;overflow:hidden;background:#fffdf7}.engine-opt{flex:1;font:inherit;font-weight:700;font-size:.9rem;padding:9px 6px;border:none;background:transparent;cursor:pointer;color:var(--ink)}.engine-opt+.engine-opt{border-left:2.5px solid var(--ink)}.engine-opt.active{background:var(--mustard)}.rec-row{display:flex;align-items:center;gap:14px}.rec-timer{font-variant-numeric:tabular-nums;font-weight:700;color:var(--terracotta)}audio{width:100%;margin-top:12px}.step{padding-top:6px}.loader{display:flex;gap:6px;justify-content:center;align-items:flex-end;height:54px;margin:26px 0 8px}.loader span{width:10px;border-radius:5px;background:var(--terracotta);animation:bounce .9s infinite ease-in-out}.loader span:nth-child(1){animation-delay:0s}.loader span:nth-child(2){animation-delay:.15s;background:var(--mustard)}.loader span:nth-child(3){animation-delay:.3s;background:var(--sage)}.loader span:nth-child(4){animation-delay:.45s;background:var(--dusty)}@keyframes bounce{0%,to{height:14px}50%{height:48px}}.working-status{text-align:center;color:var(--ink-soft);font-style:italic}.prompt-used{font-size:.85rem;line-height:1.5;background:var(--paper-deep);border-radius:10px;padding:10px 12px;margin:12px 0 0}.btn-row{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}.take{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:4px 10px;border:2.5px solid var(--line);border-radius:12px;padding:8px 12px 10px;margin-top:10px;cursor:pointer;background:#fffdf7}.take.selected{border-color:var(--ink);box-shadow:var(--shadow-sm);background:var(--paper)}.take input[type=radio]{accent-color:var(--terracotta);width:18px;height:18px}.take-label{font-weight:700;font-size:.9rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.take audio{grid-column:1 / -1;width:100%;margin-top:0;height:36px}.refine{margin-top:18px;border-top:2px dashed var(--line);padding-top:12px}.refine summary{cursor:pointer;font-weight:700;color:var(--ink-soft)}.error-face{text-align:center;font-size:2.6rem;margin:10px 0 0;color:var(--rose)}.error-msg{text-align:center;color:var(--ink-soft);line-height:1.5}@media(max-width:480px){.board{grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:12px}.brand h1{font-size:1.7rem}.engine-opt .small{display:none}}