:root{--primary:#7c3aed;--primary-dark:#6423c7;--primary-light:#efe6ff;--primary-ring:#7c3aed59;--speak:#17a34a;--speak-dark:#128038;--speak-light:#e3f9ec;--danger:#e11d48;--danger-dark:#b91039;--danger-light:#ffe4e9;--warn:#f59e0b;--warn-light:#fff4dd;--bg:#faf8ff;--surface:#fff;--surface-muted:#f4f0ff;--text:#241f3b;--text-muted:#6c6584;--text-soft:#948dab;--border:#e6ddfb;--border-strong:#cabdf2;--pos-pronoun:#fff2a8;--pos-verb:#b3f0bb;--pos-adjective:#a9dcfb;--pos-noun:#ffcd94;--pos-social:#ffb4d2;--pos-category:#d3bdf7;--radius-sm:12px;--radius-md:18px;--radius-lg:24px;--radius-xl:30px;--radius-pill:999px;--shadow-sm:0 2px 6px #4c1d9514;--shadow-md:0 6px 18px #4c1d9524;--shadow-lg:0 16px 40px #4c1d9538;--font-display:"Baloo 2", "Nunito", system-ui, sans-serif;--font-body:"Nunito", system-ui, -apple-system, sans-serif;--ease-pop:cubic-bezier(.34, 1.56, .64, 1);--ease-out:cubic-bezier(.16, 1, .3, 1);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:var(--font-body);background:var(--bg);color:var(--text);-webkit-tap-highlight-color:transparent;font-size:17px;line-height:1.5}button{cursor:pointer;touch-action:manipulation;font-family:inherit}img{max-width:100%}:focus-visible{outline:3px solid var(--primary);outline-offset:2px;border-radius:6px}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}.auth-screen{background:linear-gradient(160deg,#7c3aed 0%,#a855f7 45%,#f472b6 100%);justify-content:center;align-items:center;min-height:100dvh;padding:24px;display:flex}.auth-card{background:var(--surface);border-radius:var(--radius-xl);width:100%;max-width:420px;box-shadow:var(--shadow-lg);flex-direction:column;gap:6px;padding:36px 32px;display:flex}.auth-logo{border-radius:var(--radius-lg);background:var(--primary-light);width:64px;height:64px;color:var(--primary);justify-content:center;align-items:center;margin:0 auto 12px;display:flex}.auth-card h1{font-family:var(--font-display);text-align:center;color:var(--primary-dark);margin:0 0 2px;font-size:30px}.auth-subtitle{text-align:center;color:var(--text-muted);margin:0 0 18px;font-size:15px}.auth-card label{margin-top:14px;font-size:14px;font-weight:700}.auth-card input,.auth-card select{border-radius:var(--radius-sm);border:2px solid var(--border);background:var(--surface);min-height:48px;color:var(--text);transition:border-color .15s var(--ease-out), box-shadow .15s var(--ease-out);padding:13px 14px;font-family:inherit;font-size:16px}.auth-card input:focus,.auth-card select:focus{border-color:var(--primary);box-shadow:0 0 0 4px var(--primary-ring);outline:none}.auth-card button[type=submit]{border-radius:var(--radius-pill);background:var(--primary);color:#fff;font-size:17px;font-weight:800;font-family:var(--font-display);min-height:52px;box-shadow:var(--shadow-md);transition:background-color .15s var(--ease-out), transform .1s var(--ease-out);border:none;margin-top:22px;padding:14px}.auth-card button[type=submit]:hover{background:var(--primary-dark)}.auth-card button[type=submit]:active{transform:scale(.97)}.auth-card button[type=submit]:disabled{opacity:.6;cursor:default;transform:none}.auth-error{color:var(--danger-dark);background:var(--danger-light);border-radius:var(--radius-sm);margin-top:12px;padding:10px 12px;font-size:14px;font-weight:600}.auth-footer{text-align:center;margin-top:16px;font-size:15px}.auth-footer a{color:var(--primary);font-weight:700}.auth-hint{text-align:center;color:var(--text-soft);margin-top:6px;font-size:12px}.center-msg{height:100dvh;color:var(--text-muted);justify-content:center;align-items:center;gap:10px;font-size:19px;font-weight:600;display:flex}.center-msg.error{color:var(--danger-dark)}.board-screen{background:var(--bg);flex-direction:column;height:100dvh;display:flex;overflow:hidden}.board-header{background:var(--surface);border-bottom:3px solid var(--primary-light);box-shadow:var(--shadow-sm);z-index:5;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding:10px 16px;display:flex;position:relative}.board-header-left,.board-header-right{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.board-name{font-family:var(--font-display);color:var(--primary-dark);font-size:20px;font-weight:700}.nav-btn{border-radius:var(--radius-pill);border:2px solid var(--border);background:var(--surface);min-height:48px;color:var(--text);white-space:nowrap;transition:background-color .15s var(--ease-out), border-color .15s var(--ease-out), transform .1s var(--ease-out);align-items:center;gap:7px;padding:10px 16px;font-size:15px;font-weight:700;text-decoration:none;display:inline-flex}.nav-btn svg{flex-shrink:0}.nav-btn:hover{background:var(--primary-light);border-color:var(--border-strong)}.nav-btn:active{transform:scale(.95)}.nav-btn.primary-btn{background:var(--primary);color:#fff;border-color:var(--primary)}.nav-btn.primary-btn:hover{background:var(--primary-dark)}.edit-toggle{border-radius:var(--radius-pill);background:var(--surface-muted);align-items:center;gap:10px;min-height:48px;padding:6px 14px 6px 6px;font-size:15px;font-weight:700;display:flex}.switch{flex-shrink:0;align-items:center;width:48px;height:28px;display:inline-flex;position:relative}.switch input{opacity:0;cursor:pointer;z-index:1;width:100%;height:100%;margin:0;position:absolute}.switch-track{background:var(--border-strong);border-radius:var(--radius-pill);transition:background-color .15s var(--ease-out);position:absolute;inset:0}.switch-track:after{content:"";width:22px;height:22px;box-shadow:var(--shadow-sm);transition:transform .18s var(--ease-pop);background:#fff;border-radius:50%;position:absolute;top:3px;left:3px}.switch input:checked~.switch-track{background:var(--speak)}.switch input:checked~.switch-track:after{transform:translate(20px)}.switch input:focus-visible~.switch-track{outline:3px solid var(--primary);outline-offset:2px}.user-name{color:var(--text-muted);padding:0 4px;font-size:14px;font-weight:700}.message-bar{border-bottom:3px solid var(--warn);background:linear-gradient(#fffdf5 0%,#fff8e6 100%);align-items:center;gap:12px;min-height:76px;padding:12px 16px;display:flex}.message-content{flex-wrap:wrap;flex:1;align-items:center;gap:8px;min-height:44px;display:flex}.message-placeholder{color:var(--text-soft);font-size:16px;font-weight:600}.message-word{background:var(--surface);border:2px solid var(--border);border-radius:var(--radius-md);font-size:18px;font-weight:700;font-family:var(--font-display);box-shadow:var(--shadow-sm);animation:word-pop .22s var(--ease-pop);padding:8px 14px}@keyframes word-pop{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:scale(1)}}.message-actions{flex-shrink:0;gap:8px;display:flex}.message-actions button{border:2px solid var(--border);background:var(--surface);border-radius:var(--radius-pill);width:52px;height:52px;box-shadow:var(--shadow-sm);transition:transform .1s var(--ease-out), background-color .15s var(--ease-out);color:var(--text);justify-content:center;align-items:center;display:inline-flex}.message-actions button:hover{background:var(--surface-muted)}.message-actions button:active{transform:scale(.92)}.message-actions .clear-btn{color:var(--danger-dark);border-color:var(--danger-light)}.message-actions .clear-btn:hover{background:var(--danger-light)}.speak-btn{color:#fff;font-weight:800;font-family:var(--font-display);gap:8px;font-size:17px;background:var(--speak)!important;border-color:var(--speak)!important;width:auto!important;padding:0 24px!important}.speak-btn:hover{background:var(--speak-dark)!important}.board-grid{flex:1;gap:14px;padding:16px;display:grid;overflow:auto}.grid-cell{border-radius:var(--radius-lg);min-height:104px;box-shadow:var(--shadow-sm);transition:transform .11s var(--ease-pop), box-shadow .15s var(--ease-out), border-color .15s var(--ease-out);border:3px solid #241f3b14;flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:8px;display:flex}.grid-cell:not(.empty):hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.grid-cell:active{transform:scale(.94)}.grid-cell.just-pressed{animation:cell-pulse .32s var(--ease-pop);border-color:var(--primary);box-shadow:0 0 0 5px var(--primary-ring)}@keyframes cell-pulse{0%{transform:scale(.9)}55%{transform:scale(1.05)}to{transform:scale(1)}}.grid-cell.empty{border-style:dashed;border-color:var(--border);box-shadow:none;cursor:default}.grid-cell.edit-mode{border-style:dashed;border-width:3px;border-color:var(--primary);cursor:pointer;background:var(--surface-muted)}.grid-cell.edit-mode:not(.empty){border-style:solid}.cell-symbol{object-fit:contain;pointer-events:none;width:56%;max-height:58%}.cell-label{font-family:var(--font-display);text-align:center;word-break:break-word;pointer-events:none;color:var(--text);font-size:17px;font-weight:700}.cell-add{color:var(--primary);display:inline-flex}.modal-backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:100;animation:fade-in .16s var(--ease-out);background:#141121ad;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.modal{background:var(--surface);border-radius:var(--radius-xl);width:100%;max-width:460px;max-height:90vh;box-shadow:var(--shadow-lg);animation:modal-pop .2s var(--ease-pop);flex-direction:column;padding:28px;display:flex;overflow-y:auto}@keyframes modal-pop{0%{opacity:0;transform:scale(.92)translateY(12px)}to{opacity:1;transform:scale(1)translateY(0)}}.modal h2{font-family:var(--font-display);color:var(--primary-dark);margin-top:0;font-size:22px}.modal label{margin-top:14px;font-size:14px;font-weight:700;display:block}.modal input,.modal select{border-radius:var(--radius-sm);border:2px solid var(--border);background:var(--surface);width:100%;min-height:48px;color:var(--text);transition:border-color .15s var(--ease-out), box-shadow .15s var(--ease-out);margin-top:6px;padding:12px 14px;font-family:inherit;font-size:16px}.modal input:focus,.modal select:focus{border-color:var(--primary);box-shadow:0 0 0 4px var(--primary-ring);outline:none}.symbol-search-row{gap:8px;margin-top:6px;display:flex}.symbol-search-row input{flex:1;margin-top:0}.symbol-search-row button{border-radius:var(--radius-sm);background:var(--primary);color:#fff;border:none;align-items:center;gap:6px;min-height:48px;padding:0 18px;font-weight:700;display:inline-flex}.symbol-search-row button:hover{background:var(--primary-dark)}.current-symbol{color:var(--text-muted);background:var(--surface-muted);border-radius:var(--radius-sm);align-items:center;gap:10px;margin-top:12px;padding:8px 10px;font-size:14px;font-weight:600;display:flex}.current-symbol img{object-fit:contain;width:44px;height:44px}.symbol-results{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;flex-shrink:0;grid-template-columns:repeat(4,1fr);gap:10px;max-height:260px;margin-top:12px;padding:4px 2px;display:grid;overflow-y:auto}.symbol-result{border:2px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-muted);height:84px;transition:border-color .15s var(--ease-out), transform .1s var(--ease-out);flex-shrink:0;justify-content:center;align-items:center;padding:6px;display:flex}.symbol-result:hover{border-color:var(--primary)}.symbol-result:active{transform:scale(.94)}.symbol-result img{object-fit:contain;width:auto;max-width:100%;height:auto;max-height:100%}.modal-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;margin-top:24px;display:flex}.modal-actions button{border-radius:var(--radius-pill);border:2px solid var(--border);background:var(--surface);min-height:48px;transition:background-color .15s var(--ease-out), transform .1s var(--ease-out);align-items:center;gap:6px;padding:12px 20px;font-size:15px;font-weight:700;display:inline-flex}.modal-actions button:hover{background:var(--surface-muted)}.modal-actions button:active{transform:scale(.96)}.modal-actions button:disabled{opacity:.55;cursor:default;transform:none}.modal-actions .primary{background:var(--primary);color:#fff;border-color:var(--primary)}.modal-actions .primary:hover{background:var(--primary-dark)}.modal-actions .danger{color:var(--danger-dark);border-color:var(--danger-light);background:var(--danger-light);margin-right:auto}.modal-actions .danger:hover{background:#ffd0da}.search-empty{color:var(--text-soft);text-align:center;padding:14px 0;font-size:15px;font-weight:600}.search-results-list{flex-direction:column;flex-shrink:0;gap:8px;max-height:340px;margin-top:14px;display:flex;overflow-y:auto}.search-result-row{border:2px solid var(--border);border-radius:var(--radius-md);background:var(--surface-muted);text-align:left;min-height:56px;transition:background-color .15s var(--ease-out), border-color .15s var(--ease-out);align-items:center;gap:12px;padding:10px 12px;display:flex}.search-result-row:hover{background:var(--primary-light);border-color:var(--border-strong)}.search-result-symbol{object-fit:contain;flex-shrink:0;width:40px;height:40px}.search-result-symbol.placeholder{color:var(--text-soft);justify-content:center;align-items:center;display:flex}.search-result-info{flex-direction:column;gap:2px;min-width:0;display:flex}.search-result-label{font-weight:800;font-family:var(--font-display);font-size:16px}.search-result-path{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.quickchat-backdrop{z-index:100;animation:fade-in .16s var(--ease-out);background:#14112199;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.quickchat-panel{background:var(--surface);border-radius:var(--radius-xl) var(--radius-xl) 0 0;width:100%;max-width:680px;max-height:74vh;animation:sheet-up .22s var(--ease-pop);padding:22px;overflow-y:auto;box-shadow:0 -12px 34px #4c1d9540}@keyframes sheet-up{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.quickchat-header{font-weight:800;font-family:var(--font-display);color:var(--primary-dark);justify-content:space-between;align-items:center;gap:8px;margin-bottom:16px;font-size:19px;display:flex}.quickchat-grid{grid-template-columns:repeat(auto-fill,minmax(128px,1fr));gap:12px;display:grid}.quickchat-item{position:relative}.quickchat-btn{border:2px solid var(--border);border-radius:var(--radius-md);background:var(--surface-muted);width:100%;min-height:92px;color:var(--text);transition:background-color .15s var(--ease-out), transform .1s var(--ease-out);flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:14px 8px;font-size:15px;font-weight:700;display:flex}.quickchat-btn:hover{background:var(--primary-light)}.quickchat-btn:active{transform:scale(.95)}.quickchat-btn img{object-fit:contain;width:36px;height:36px}.quickchat-remove{background:var(--danger);color:#fff;width:30px;height:30px;box-shadow:var(--shadow-sm);border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;display:inline-flex;position:absolute;top:-8px;right:-8px}.quickchat-add-row{gap:10px;margin-top:18px;display:flex}.quickchat-add-row input{border-radius:var(--radius-sm);border:2px solid var(--border);flex:1;min-height:48px;padding:12px 14px;font-size:16px}.quickchat-add-row button{border-radius:var(--radius-sm);background:var(--primary);color:#fff;border:none;align-items:center;gap:6px;min-height:48px;padding:0 18px;font-weight:700;display:inline-flex}.quickchat-add-row button:hover{background:var(--primary-dark)}.vs-page-body{flex:1;padding:22px;overflow-y:auto}.vs-card-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:18px;display:grid}.vs-card{background:var(--surface);border:2px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:box-shadow .15s var(--ease-out), transform .15s var(--ease-out);flex-direction:column;gap:4px;padding:20px;display:flex}.vs-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.vs-card-icon{border-radius:var(--radius-md);background:var(--primary-light);width:48px;height:48px;color:var(--primary);justify-content:center;align-items:center;margin-bottom:6px;display:flex}.vs-card-title{font-family:var(--font-display);font-size:17px;font-weight:700}.vs-card-type{color:var(--text-muted);margin-bottom:10px;font-size:13px;font-weight:600}.vs-card-actions{flex-wrap:wrap;gap:8px;display:flex}.vs-card-actions button{border-radius:var(--radius-pill);border:2px solid var(--border);background:var(--surface);align-items:center;gap:6px;min-height:42px;padding:9px 14px;font-size:14px;font-weight:700;display:inline-flex}.vs-card-actions button:hover{background:var(--surface-muted)}.vs-card-actions .primary{background:var(--speak);color:#fff;border-color:var(--speak)}.vs-card-actions .primary:hover{background:var(--speak-dark)}.vs-card-actions .danger{color:var(--danger-dark);border-color:var(--danger-light);background:var(--danger-light)}.vs-type-picker{grid-template-columns:repeat(2,1fr);gap:12px;margin-top:14px;display:grid}.vs-type-option{border:2px solid var(--border);border-radius:var(--radius-lg);background:var(--surface-muted);min-height:96px;transition:background-color .15s var(--ease-out), transform .1s var(--ease-out), border-color .15s var(--ease-out);flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:20px 12px;font-size:15px;font-weight:700;display:flex}.vs-type-option:hover{background:var(--primary-light);border-color:var(--border-strong)}.vs-type-option:active{transform:scale(.96)}.vs-steps-list{flex-direction:column;gap:10px;margin-top:6px;display:flex}.vs-step-row{align-items:center;gap:8px;display:flex}.vs-step-row input{flex:1;margin-top:0}.vs-step-tag{text-transform:uppercase;color:var(--text-muted);flex-shrink:0;width:60px;font-size:12px;font-weight:800}.vs-step-actions{gap:4px;display:flex}.vs-step-actions button{border-radius:var(--radius-sm);border:2px solid var(--border);background:var(--surface);justify-content:center;align-items:center;width:36px;height:36px;padding:0;display:inline-flex}.vs-step-actions button:hover{background:var(--surface-muted)}.vs-step-actions button:disabled{opacity:.4}.vs-add-step{border-radius:var(--radius-pill);border:2px dashed var(--border-strong);background:var(--surface);min-height:44px;color:var(--primary-dark);align-self:flex-start;margin-top:10px;padding:10px 16px;font-size:14px;font-weight:700}.vs-add-step:hover{background:var(--primary-light)}.vs-runner{max-width:580px}.vs-runner-actions{flex-wrap:wrap;justify-content:center}.vs-schedule-list{flex-direction:column;gap:10px;margin-top:12px;display:flex}.vs-schedule-item{border:3px solid var(--border);border-radius:var(--radius-md);cursor:pointer;min-height:60px;transition:border-color .15s var(--ease-out), background-color .15s var(--ease-out);align-items:center;gap:12px;padding:12px 14px;font-size:16px;font-weight:700;display:flex}.vs-schedule-item img{object-fit:contain;width:40px;height:40px}.vs-schedule-item.current{border-color:var(--primary);background:var(--primary-light)}.vs-schedule-item.done{opacity:.6}.vs-check{color:var(--speak);margin-left:auto;display:inline-flex}.vs-script-current{text-align:center;padding:34px 10px}.vs-script-current p{font-family:var(--font-display);font-size:24px;font-weight:700}.vs-first-then{align-items:center;gap:14px;margin-top:16px;display:flex}.vs-ft-card{border:4px solid var(--border);border-radius:var(--radius-lg);cursor:pointer;min-height:150px;transition:border-color .15s var(--ease-out), background-color .15s var(--ease-out), transform .1s var(--ease-out);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:10px;padding:22px 14px;display:flex}.vs-ft-card:active{transform:scale(.97)}.vs-ft-card img{object-fit:contain;width:60px;height:60px}.vs-ft-card.current{border-color:var(--primary);background:var(--primary-light)}.vs-ft-card.done{opacity:.55}.vs-ft-card.pending{opacity:.7}.vs-ft-tag{text-transform:uppercase;color:var(--text-muted);font-size:13px;font-weight:800}.vs-ft-text{font-family:var(--font-display);text-align:center;font-size:18px;font-weight:700}.vs-ft-arrow{color:var(--text-soft);display:inline-flex}.vs-timer{flex-direction:column;align-items:center;gap:20px;padding:24px 0;display:flex}.vs-timer-bar-track{border-radius:var(--radius-pill);background:var(--surface-muted);border:2px solid var(--border);width:100%;height:24px;overflow:hidden}.vs-timer-bar-fill{background:var(--primary);height:100%;transition:width 1s linear}.vs-timer-clock{font-family:var(--font-display);font-variant-numeric:tabular-nums;color:var(--primary-dark);font-size:52px;font-weight:800}@media (width<=640px){.board-grid{gap:8px;padding:8px}.grid-cell{border-radius:var(--radius-md);min-height:84px}.cell-label{font-size:13px}.board-header{flex-direction:column;align-items:flex-start}.board-name{font-size:18px}}