:root{color-scheme:light;font-family:PingFang SC,Microsoft YaHei,system-ui,sans-serif}*{box-sizing:border-box}body{margin:0;background:#fdf6ec;color:#4a3b2a}.app{height:100vh;overflow:hidden;display:flex;flex-direction:column;align-items:center;gap:8px;padding:12px}.app h1{font-size:1.6rem;margin:0}.status{font-size:.85rem;opacity:.75;margin:0}.start-gate{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px}.start-btn{font-size:1.4rem;padding:18px 48px;border-radius:999px;border:none;background:#ff9f43;color:#fff;cursor:pointer;box-shadow:0 6px 18px #ff9f4373}.start-btn:hover{background:#ff8c1a}.start-hint{font-size:.85rem;opacity:.6}.stage{width:100%;max-width:1100px;flex:1;display:flex;gap:12px;min-height:0}.stage-left{position:relative;display:flex;flex-direction:column;flex:1.2;min-width:0;min-height:0}.stage-left .avatar-stage{flex:1}.avatar-stage{position:relative;flex:1.2;min-height:55vh;border-radius:16px;background:linear-gradient(180deg,#fff7ea,#ffe8cc);overflow:hidden}.avatar-canvas,.avatar-canvas canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.avatar-placeholder{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;text-align:center;padding:24px;font-size:.9rem;opacity:.6}.avatar-placeholder code{background:#0000000f;padding:1px 5px;border-radius:4px}.chat{flex:1;display:flex;flex-direction:column;border-radius:16px;background:#fffdf8;box-shadow:0 4px 16px #4a3b2a14;overflow:hidden}.chat-status{padding:8px 14px;font-size:.78rem;border-bottom:1px solid rgba(74,59,42,.08)}.chat-status.ok{color:#2e8b57}.chat-status.down{color:#c0392b}.chat-list{flex:1;overflow-y:auto;padding:12px;display:flex;flex-direction:column;gap:8px}.bubble{max-width:82%;padding:8px 12px;border-radius:14px;font-size:.95rem;line-height:1.5;align-self:flex-start;background:#f1e8d8}.bubble.user{align-self:flex-end;background:#ffd8a8}.bubble.system{align-self:center;background:transparent;opacity:.6;font-size:.82rem}.timing{display:inline-block;margin-left:8px;font-size:.68rem;opacity:.55;cursor:help}.chat-input{display:flex;gap:8px;padding:10px;border-top:1px solid rgba(74,59,42,.08)}.chat-input input{flex:1;border:1px solid rgba(74,59,42,.18);border-radius:10px;padding:10px 12px;font-size:.95rem;outline:none}.chat-input input:focus{border-color:#ff9f43}.chat-input button{border:none;border-radius:10px;padding:0 20px;background:#ff9f43;color:#fff;font-size:.95rem;cursor:pointer}.chat-input button.stop{background:#e74c3c}.chat-input button.voice{background:#8e7cc3;white-space:nowrap;padding:0 14px;touch-action:none;-webkit-user-select:none;user-select:none}.chat-input button.voice.recording{background:#e74c3c;box-shadow:0 0 0 3px #e74c3c40}.chat-input button.voice:disabled{background:#cbb8e0;opacity:.6;cursor:default}.side{flex:1;display:flex;flex-direction:column;gap:12px;min-height:0}.side .chat{flex:1;min-height:0}.music{display:flex;flex-direction:column;gap:8px;border-radius:16px;background:#fffdf8;box-shadow:0 4px 16px #4a3b2a14;padding:10px 12px;max-height:45%}.music-header{display:flex;justify-content:space-between;align-items:center;font-size:.9rem;font-weight:600}.music-user{display:inline-flex;align-items:center;gap:6px;font-weight:400;font-size:.8rem;opacity:.85}.music-mini{border:none;border-radius:8px;padding:3px 10px;background:#f1e5cd;color:#4a3b2a;font-size:.78rem;cursor:pointer}.music-mini:hover{background:#ecd9b8}.music-search{display:flex;gap:6px}.music-search input{flex:1;border:1px solid rgba(74,59,42,.18);border-radius:10px;padding:7px 10px;font-size:.88rem;outline:none}.music-search input:focus{border-color:#ff9f43}.music-search button{border:none;border-radius:10px;padding:0 14px;background:#ff9f43;color:#fff;font-size:.88rem;cursor:pointer}.music-search button:disabled{opacity:.6;cursor:default}.music-list{overflow-y:auto;min-height:0;display:flex;flex-direction:column;gap:4px}.music-row{display:flex;justify-content:space-between;align-items:center;gap:8px;border:none;background:#f6efe2;border-radius:8px;padding:6px 10px;font-size:.85rem;cursor:pointer;text-align:left}.music-row:hover{background:#f1e5cd}.music-row-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.music-row-artist{flex-shrink:0;font-size:.75rem;opacity:.65}.music-vip{font-style:normal;font-size:.62rem;color:#c0392b;border:1px solid currentColor;border-radius:4px;padding:0 3px;margin-left:4px}.music-empty{font-size:.8rem;opacity:.55;text-align:center;padding:6px}.music-notice{font-size:.78rem;color:#b34700;background:#fff3e0;border-radius:8px;padding:4px 8px}.music-now{border-top:1px solid rgba(74,59,42,.08);padding-top:8px;display:flex;flex-direction:column;gap:6px}.show-indicator{position:absolute;top:10px;left:10px;z-index:5;display:flex;align-items:center;gap:8px;padding:6px 8px 6px 12px;border-radius:999px;background:#ffffffeb;border:1px solid rgba(255,159,67,.55);box-shadow:0 2px 8px #4a3b2a1f;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.show-indicator-dot{width:8px;height:8px;border-radius:50%;background:#ff9f43;animation:show-pulse 1.6s ease-in-out infinite}@keyframes show-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.45;transform:scale(.8)}}@media (prefers-reduced-motion: reduce){.show-indicator-dot{animation:none}}.show-indicator-text{font-size:.85rem;color:#4a3b2a;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.show-indicator-stop{border:none;border-radius:999px;min-width:56px;min-height:44px;padding:0 14px;background:#e74c3c;color:#fff;font-size:.9rem;cursor:pointer}.show-indicator-stop:active{transform:scale(.96)}.music-now-title{font-size:.85rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.music-now-ctrl{display:flex;align-items:center;gap:8px}.music-now-ctrl button{border:none;border-radius:8px;width:32px;height:28px;background:#ff9f43;color:#fff;cursor:pointer;font-size:.8rem}.music-now-ctrl input[type=range]{flex:1;accent-color:#ff9f43}.qr-mask{position:fixed;top:0;right:0;bottom:0;left:0;background:#4a3b2a59;display:flex;align-items:center;justify-content:center;z-index:50}.qr-card{position:relative;background:#fffdf8;border-radius:16px;padding:20px 26px;text-align:center;max-width:320px;box-shadow:0 10px 30px #0003}.qr-card h2{font-size:1.05rem;margin:0 0 12px}.qr-svg svg{width:220px;height:220px}.qr-card p{font-size:.85rem;opacity:.75;margin:10px 0 0}.qr-close{position:absolute;top:6px;right:12px;border:none;background:none;font-size:1.3rem;cursor:pointer;color:#4a3b2a}.qr-regen{border:none;border-radius:10px;padding:8px 18px;margin-top:10px;background:#ff9f43;color:#fff;font-size:.88rem;cursor:pointer}.cookie-login{margin-top:12px;padding-top:10px;border-top:1px dashed rgba(74,59,42,.25)}.cookie-divider{font-size:.78rem;opacity:.6;margin-bottom:8px}.cookie-login input{width:100%;border:1px solid rgba(74,59,42,.2);border-radius:8px;padding:8px 10px;font-size:.8rem;margin-bottom:8px;outline:none}.cookie-login input:focus{border-color:#ff9f43}.cookie-login .qr-regen{width:100%;font-size:.85rem;padding:8px 0}.music-local{display:inline-block;margin-left:6px;padding:0 5px;border-radius:4px;background:#e8f5e9;color:#2e7d32;font-size:.68rem;font-style:normal}.chat-clear{float:right;border:none;background:transparent;color:#2e7d32;font-size:.72rem;cursor:pointer;opacity:.75}.chat-clear:hover{opacity:1;text-decoration:underline}.login-card{margin:10px 12px;padding:12px;border-radius:10px;background:#fff7ea;border:1px solid rgba(255,159,67,.4)}.login-title{font-size:.85rem;margin-bottom:8px;opacity:.8}.login-row{display:flex;gap:8px;margin-bottom:8px}.login-row input{flex:1;border:1px solid rgba(74,59,42,.2);border-radius:8px;padding:8px 10px;font-size:.9rem;outline:none}.login-err{color:#c0392b;font-size:.8rem;margin:6px 0}.login-btn{width:100%;border:none;border-radius:8px;padding:9px 0;background:#ff9f43;color:#fff;font-size:.9rem;cursor:pointer}.whoami{font-size:.85rem;color:#8a6d4b;margin:4px 0 0;display:flex;align-items:center;gap:10px}.board-entry{border:1px solid rgba(74,59,42,.25);background:#fff7ec;color:#8a6d4b;border-radius:8px;padding:3px 10px;font-size:.8rem;cursor:pointer}.board-mask{position:fixed;top:0;right:0;bottom:0;left:0;background:#3c2c1c73;display:flex;align-items:center;justify-content:center;z-index:50}.board{background:#fffdf8;border-radius:16px;width:min(640px,92vw);max-height:86vh;overflow:auto;padding:18px 22px;box-shadow:0 12px 40px #3c2c1c40}.board-head{display:flex;align-items:center;gap:14px;margin-bottom:12px}.board-head h2{margin:0;font-size:1.15rem;color:#4a3b2a}.board-tabs{display:flex;gap:6px;flex:1}.board-tab{border:1px solid rgba(74,59,42,.2);background:transparent;border-radius:8px;padding:4px 12px;font-size:.85rem;cursor:pointer;color:#8a6d4b}.board-tab.active{background:#ff9f43;border-color:#ff9f43;color:#fff}.board-tab:disabled{opacity:.45;cursor:not-allowed}.board-close{border:none;background:transparent;font-size:1.4rem;color:#8a6d4b;cursor:pointer;line-height:1}.board-error{color:#c0392b;font-size:.85rem}.board-cards{display:flex;gap:12px;margin-bottom:14px}.board-card{flex:1;background:#fff7ec;border-radius:12px;padding:12px 14px}.board-card h3,.board-section h3{margin:0 0 6px;font-size:.9rem;color:#8a6d4b}.board-num{margin:0;font-size:1.5rem;font-weight:700;color:#4a3b2a}.board-sub{margin:2px 0 0;font-size:.78rem;color:#a08a6a}.board-section{margin:14px 0}.board-table{width:100%;border-collapse:collapse;font-size:.88rem}.board-table th,.board-table td{text-align:left;padding:6px 8px;border-bottom:1px solid rgba(74,59,42,.1);color:#4a3b2a}.board-badge{margin-left:8px;font-size:.7rem;background:#e8f5e9;color:#2e7d32;border-radius:6px;padding:1px 6px}.board-chart{display:flex;align-items:flex-end;gap:10px;height:110px;padding:8px 4px 0}.board-bar-col{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;height:100%}.board-bar{width:70%;min-height:2px;background:#ff9f43;border-radius:6px 6px 0 0}.board-bar-label{font-size:.68rem;color:#a08a6a;margin-top:4px}.board-limits{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.board-limits label{display:flex;align-items:center;gap:6px;font-size:.85rem;color:#4a3b2a}.board-limits input{width:110px;border:1px solid rgba(74,59,42,.2);border-radius:8px;padding:7px 9px;font-size:.9rem}.board-save{border:none;border-radius:8px;padding:8px 16px;background:#ff9f43;color:#fff;font-size:.85rem;cursor:pointer}.persona-bar{display:flex;gap:8px;justify-content:center;margin:8px 0 0;flex-wrap:wrap}.persona-chip{border:1px solid rgba(74,59,42,.25);background:#fff;color:#4a3b2a;border-radius:999px;padding:5px 16px;font-size:.9rem;cursor:pointer}.persona-chip.active{background:#ff9f43;border-color:#ff9f43;color:#fff;font-weight:600}.persona-chip:disabled{opacity:.6;cursor:wait}.persona-empty{font-size:.8rem;color:#a08a6a}.pe{display:flex;gap:16px;align-items:flex-start}.pe-list{display:flex;flex-direction:column;gap:6px;min-width:130px}.pe-item{border:1px solid rgba(74,59,42,.2);background:#fff;color:#4a3b2a;border-radius:10px;padding:8px 12px;font-size:.88rem;cursor:pointer;text-align:left;display:flex;align-items:center;gap:6px}.pe-item.active{border-color:#ff9f43;background:#fff7ec;font-weight:600}.pe-new{border-style:dashed;color:#8a6d4b}.pe-form{flex:1;min-width:0}.pe-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px 14px;margin-bottom:10px}.pe-field{display:flex;flex-direction:column;gap:4px;font-size:.8rem;color:#8a6d4b}.pe-field input,.pe-field select,.pe-field textarea{border:1px solid rgba(74,59,42,.2);border-radius:8px;padding:7px 9px;font-size:.88rem;font-family:inherit;outline:none;width:100%;box-sizing:border-box}.pe-field textarea{resize:vertical}.pe-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:10px}.pe-del{border:1px solid rgba(192,57,43,.4);background:#fff;color:#c0392b;border-radius:8px;padding:8px 14px;font-size:.85rem;cursor:pointer}.pe-del:disabled{opacity:.45;cursor:not-allowed}.pe-msg{font-size:.82rem}.pe-clone{grid-column:1 / -1;border:1px solid rgba(255,159,67,.45);border-radius:10px;background:#ff9f4312;padding:10px 12px;display:flex;flex-direction:column;gap:6px;margin-bottom:4px}.pe-clone-title{font-size:.8rem;color:#b26a00}.pe-help{margin:-2px 0 4px;font-size:.75rem;color:#8a6d4b;opacity:.85}.pe-msg.ok{color:#2e7d32}.pe-msg.warn{color:#b26a00}.pe-msg.err{color:#c0392b}.story-choices{display:flex;gap:6px;flex-wrap:wrap;margin-top:6px}.story-choice{border:1px solid #ff9f43;background:#fff7ec;color:#4a3b2a;border-radius:999px;padding:4px 12px;font-size:.82rem;cursor:pointer}.story-choice:hover{background:#ff9f43;color:#fff}.replay-dates{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:10px}.replay-account h4{margin:10px 0 4px;color:#8a6d4b}.replay-msg{margin:2px 0;font-size:.85rem;color:#4a3b2a}.memory-add{display:flex;gap:8px;margin-bottom:10px}.memory-add input{flex:1;border:1px solid rgba(74,59,42,.2);border-radius:8px;padding:8px 10px;font-size:.9rem;outline:none}.memory-add input:focus{border-color:#ff9f43}.memory-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.memory-item{display:flex;align-items:center;gap:10px;padding:6px 10px;border:1px solid rgba(74,59,42,.12);border-radius:8px;background:#fff9}.memory-text{flex:1;font-size:.9rem}.memory-src{font-size:.72rem;color:#8a6d4b;border:1px solid rgba(138,109,75,.35);border-radius:999px;padding:1px 8px}.memory-item .pe-del{padding:4px 10px;font-size:.78rem}