:root{--ink:#17352e;--muted:#65756f;--green:#206b51;--line:#dce5de;--paper:#fff;--bg:#f3f5ef;--gold:#b27c36;font-family:Inter,"PingFang SC","Microsoft YaHei",sans-serif;color:var(--ink);background:var(--bg);font-synthesis:none}*{box-sizing:border-box}body{margin:0;font-size:15px;line-height:1.6}button,input,select,textarea{font:inherit}button{border:1px solid var(--green);border-radius:10px;padding:10px 16px;background:var(--green);color:#fff;cursor:pointer;font-weight:600}button:hover{filter:brightness(.95)}button:disabled{opacity:.45;cursor:not-allowed}button.quiet{background:transparent;color:var(--ink);border-color:var(--line)}input,select,textarea{width:100%;border:1px solid #cdd9d1;border-radius:9px;background:#fff;padding:10px 12px;color:var(--ink);min-width:0}textarea{resize:vertical}label{display:block;font-size:13px;font-weight:600;margin:12px 0}label input,label select,label textarea{display:block;margin-top:5px}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #8bc7a4;outline-offset:2px}[hidden]{display:none!important}header{height:80px;padding:0 max(24px,calc((100vw - 1440px)/2));display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:var(--paper)}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:inherit;font-size:21px;font-weight:700}.brand small{display:block;font-size:10px;letter-spacing:.12em;color:var(--muted)}.mark{background:var(--green);color:white;border-radius:14px;padding:6px 13px;font-size:25px}main{max-width:1440px;margin:auto;padding:30px 24px 125px}h1,h2,h3,p{margin:0 0 12px}h1{font-size:30px;letter-spacing:-.04em;line-height:1.4}h2{font-size:20px}h3{font-size:16px;margin-top:22px}.muted,.hint{color:var(--muted)}.hint{font-size:12px;line-height:1.7}.eyebrow{font-size:11px;font-weight:700;letter-spacing:.18em;color:var(--green)}.intro,.section-heading,.row{display:flex;align-items:center;justify-content:space-between;gap:14px}.intro{margin:8px 0 28px}.panel{background:var(--paper);border:1px solid var(--line);border-radius:17px;padding:24px}.login{max-width:620px;margin:8vh auto;padding:38px}.login button{margin:8px 0 18px}.stats{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);border-radius:16px;background:white;margin-bottom:24px;overflow:hidden}.stats>div{padding:18px 23px;border-right:1px solid var(--line)}.stats>div:last-child{border:0}.stats span,.stats small{display:block;color:var(--muted);font-size:12px}.stats strong{display:block;font-size:29px;font-weight:600;margin:4px 0}.tabs{display:flex;gap:22px;border-bottom:1px solid var(--line);margin-bottom:22px;overflow:auto}.tabs button{white-space:nowrap;border:0;border-radius:0;background:transparent;color:var(--muted);padding:12px 2px;font-size:15px}.tabs button.active{color:var(--green);border-bottom:3px solid var(--green)}.tabs span{font-size:11px;margin-left:5px}.filters{display:grid;grid-template-columns:2fr repeat(4,1fr);gap:10px;margin-bottom:10px}.studio{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:22px;align-items:start}.cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.card{background:white;border:1px solid var(--line);border-radius:14px;padding:19px;display:flex;flex-direction:column;gap:9px;min-width:0}.card.selected{border:2px solid var(--green);padding:18px;background:#fbfefb}.card h3{margin:0;font-size:16px}.card p{font-size:12px;margin:0}.card .avatar{width:35px;height:35px;background:#e6eee5;color:var(--green);border-radius:50%;display:grid;place-items:center;font-weight:700}.card .row{justify-content:flex-start}.card .actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:auto;padding-top:8px}.card button{font-size:12px;padding:6px 10px}.tags{display:flex;gap:5px;flex-wrap:wrap}.tag{font-size:11px;padding:2px 7px;background:#f0f3ed;border-radius:5px;color:#4a6254}.tag.gold{background:#f7efde;color:#956321}.composer{position:sticky;top:18px;padding:21px}.composer label{margin:12px 0}.composer button{font-size:13px}.composer h2{font-size:18px}.composer p{font-size:12px}.composer details{font-size:12px;margin-top:14px}.composer dl{margin:8px 0;overflow-wrap:anywhere}.composer dt{font-weight:600}.composer dd{margin:0 0 8px;color:var(--muted)}.job{background:#fff;border:1px solid var(--line);border-radius:14px;padding:19px;margin:12px 0}.job .actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.job button{font-size:12px;padding:7px 12px}.job p{margin:6px 0;overflow-wrap:anywhere}.job .excerpt{font-size:14px}.progress{height:4px;background:#e9efe6;border-radius:4px;margin:10px 0}.progress progress{width:100%;height:4px;display:block;accent-color:var(--green)}.prose{max-width:900px}.prose p,.prose li{margin-bottom:12px}.prose code,pre{font-family:ui-monospace,monospace;background:#eef2ec;font-size:12px}pre{white-space:pre-wrap;word-break:break-word;padding:16px;border-radius:10px}.admin-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.admin-grid .row>label{flex:1}.token-box{padding:12px;background:#edf6ec;border-radius:10px;margin-top:16px;font-size:12px}.token-row{border-top:1px solid var(--line);padding:12px 0;margin-top:12px;font-size:13px}.token-row button{font-size:11px;padding:5px 8px}dialog{width:min(580px,calc(100% - 28px));max-height:90vh;border:1px solid var(--line);border-radius:18px;padding:24px;color:var(--ink)}dialog::backdrop{background:#102b235c;backdrop-filter:blur(3px)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 14px}.form-grid label{margin:6px 0}#player-bar{position:fixed;bottom:0;background:#fff;border-top:1px solid var(--line);padding:12px 24px;width:100%;display:flex;align-items:center;justify-content:center;gap:22px;z-index:5}#player-bar span{max-width:32%;font-size:13px}#player{width:420px;max-width:60%}#toast{position:fixed;right:24px;bottom:95px;max-width:calc(100vw - 48px);padding:12px 20px;background:#173d30;color:white;border-radius:12px;z-index:20;box-shadow:0 5px 25px #0002}#account{font-size:13px}#account button{margin-left:12px;font-size:12px}#profile-detail{overflow-wrap:anywhere}.empty{padding:28px;color:var(--muted);text-align:center;grid-column:1/-1}.badge{font-size:11px;letter-spacing:.03em;color:var(--green)}@media(min-width:1300px){.cards{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:950px){.studio{grid-template-columns:minmax(0,1fr) 300px}.cards{grid-template-columns:1fr}.filters{grid-template-columns:2fr 1fr 1fr}.stats>div{padding:14px}.intro h1{font-size:27px}}@media(max-width:670px){header{height:68px;padding:0 16px}.brand{font-size:18px}.brand small{font-size:9px}main{padding:20px 14px 140px}.intro{align-items:flex-start;gap:10px}.intro h1{font-size:22px}.intro>button{font-size:12px;padding:9px;max-width:104px}.intro .muted{font-size:12px}.stats{grid-template-columns:repeat(2,1fr)}.stats>div{padding:12px 15px;border-bottom:1px solid var(--line)}.stats>div:nth-child(2){border-right:0}.stats>div:nth-child(3){border-bottom:0}.stats strong{font-size:24px}.stats small{font-size:10px}.tabs{gap:18px}.tabs button{font-size:13px}.filters{grid-template-columns:1fr 1fr}.filters input{grid-column:1/-1}.filters>*{font-size:12px}.studio{display:flex;flex-direction:column-reverse}.composer{position:static;width:100%}.cards{width:100%;grid-template-columns:1fr}.admin-grid{grid-template-columns:1fr}.panel{padding:19px}.login{padding:24px;margin:4vh auto}.login h1{font-size:26px}.form-grid{gap:0 9px}.row{gap:8px}.section-heading{align-items:flex-start}#player-bar{padding:10px 12px;gap:9px;flex-wrap:wrap}#player-bar span{max-width:70%;width:70%;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}#player{max-width:none;width:100%;order:3;height:34px}#player-bar button{padding:4px 10px;font-size:12px}#identity{font-size:11px}#account button{margin-left:5px;padding:6px}dialog{padding:18px}}

.toggle{font-size:12px;color:var(--muted);display:flex;gap:6px;align-items:center}.toggle input{width:auto;margin:0}

/* The status bar stays visible while its live counts continue refreshing. */
:root{--stats-height:136px;scroll-padding-top:calc(var(--stats-height) + 36px)}
.stats{position:sticky;top:12px;z-index:8;box-shadow:0 6px 20px #17352e0c}
.composer{top:calc(var(--stats-height) + 28px);max-height:calc(100vh - var(--stats-height) - 64px);overflow-y:auto;scrollbar-width:thin}
.card{cursor:pointer}.card .avatar,.avatar{width:72px;height:72px;flex-shrink:0;background:#e6eee5;border-radius:18px;display:grid;place-items:center;color:var(--green);font-size:25px;overflow:hidden}.avatar img{width:100%;height:100%;object-fit:cover}.card .row{align-items:center}.card h3{line-height:1.5}.bound-engine{background:#eef5eb;border-radius:8px;padding:9px 11px;color:var(--green)}#selected-avatar{float:right;margin:0 0 10px 10px}#selected-avatar .avatar{width:78px;height:78px}#speak-form{clear:both}
@media(max-width:670px){.stats{top:6px;grid-template-columns:repeat(4,minmax(0,1fr));border-radius:12px}.stats>div{padding:9px 6px;border-bottom:0!important;border-right:1px solid var(--line)!important}.stats>div:last-child{border-right:0!important}.stats strong{font-size:20px;line-height:1.3}.stats span{font-size:10px;white-space:nowrap}.stats small{font-size:9px;line-height:1.35;overflow-wrap:anywhere}.composer{max-height:none;overflow:visible}.card .avatar{width:66px;height:66px}}