:root{font-family:system-ui,-apple-system,"Segoe UI","Microsoft YaHei",sans-serif;color:#e5e9ee;background:#101b24;color-scheme:dark;--muted:#9eafb9;--line:#30424d;--accent:#b8deca}*{box-sizing:border-box}body{margin:0}header{max-width:1200px;margin:auto;padding:28px 32px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{color:inherit;text-decoration:none;display:flex;align-items:center;gap:14px;font-size:22px;font-weight:650}.brand small{display:block;font-size:12px;color:var(--muted);font-weight:400;letter-spacing:3px}.moon{font-size:38px;color:var(--accent)}main{max-width:1200px;margin:auto;padding:48px 32px 32px}h1{font-weight:550;font-size:42px;line-height:1.4;margin:12px 0}h2{font-size:20px;font-weight:550;margin:0 0 8px}p,small{color:var(--muted)}small{font-size:12px}.eyebrow{font-size:11px;letter-spacing:3px;color:var(--accent)}.panel{background:#182731;border:1px solid var(--line);border-radius:20px}.login{max-width:540px;margin:4vh auto;padding:40px}.login p{margin-bottom:32px}.heading{display:flex;align-items:center;justify-content:space-between;gap:24px}.metrics{display:flex;gap:60px;padding:28px 0 36px}.metrics strong{display:block;font-size:30px;font-weight:450}.metrics span{font-size:13px;color:var(--muted)}button,.button{font:inherit;cursor:pointer;border:1px solid var(--line);background:#20333e;color:inherit;border-radius:10px;padding:11px 16px;white-space:nowrap;text-align:center;font-size:14px;display:inline-block}button:hover,.button:hover{border-color:var(--accent)}button:disabled{opacity:.5;cursor:wait}.primary{background:var(--accent);color:#183b30;border-color:var(--accent);font-weight:600}.quiet{background:transparent;border-color:transparent;color:var(--muted)}input,textarea,select{font:inherit;border:1px solid var(--line);border-radius:9px;background:#101d26;color:inherit;padding:12px;width:100%;outline:none}input:focus,textarea:focus,select:focus{border-color:var(--accent)}label{display:grid;gap:8px;margin-bottom:18px;font-size:14px}input[type=checkbox]{width:auto;accent-color:var(--accent)}.check{display:flex;align-items:center;margin-top:24px}.toolbar{display:flex;gap:12px;margin-bottom:24px}.toolbar input{flex:1;min-width:0}.toolbar select{width:150px}.sound-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.sound{padding:24px}.sound-top{display:flex;align-items:center;gap:16px}.sound-symbol{width:48px;height:48px;border-radius:14px;background:#26443f;color:var(--accent);font-size:34px;text-align:center}.sound-title{min-width:0;flex:1}.sound-title h2{overflow-wrap:anywhere}.sound-meta{font-size:12px;margin:0}.badge{font-size:12px;color:var(--accent);border:1px solid #3b5c50;padding:4px 8px;border-radius:20px}.badge.draft{color:#b7b2a5;border-color:#5c574a}audio{width:100%;height:38px;margin:24px 0 12px}.sound-details{color:var(--muted);font-size:12px;min-height:20px}.sound-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px}.sound-actions label{margin:0}footer{display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:12px;color:var(--muted);padding-top:30px}.empty{text-align:center;padding:70px 20px}#message{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);padding:16px 24px;max-width:90vw;z-index:5;border:1px solid var(--accent);background:#203c32;color:#e0f2e9;border-radius:14px;box-shadow:0 12px 50px #0006}dialog{border:1px solid var(--line);border-radius:20px;background:#182731;color:inherit;width:min(580px,94vw);max-height:90vh;padding:28px}dialog::backdrop{background:#020c16b3;backdrop-filter:blur(5px)}.dialog-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.fields{display:grid;grid-template-columns:2fr 1fr;gap:16px}.dialog-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:24px}details{padding:15px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}summary{cursor:pointer;color:var(--muted);font-size:14px}details[open] summary{margin-bottom:20px}.error{font-size:13px;color:#ffbbaf}.error:empty{display:none}progress{width:100%;accent-color:var(--accent)}[hidden]{display:none!important}@media(max-width:680px){header{padding:20px}main{padding:28px 20px}.heading{align-items:flex-start}h1{font-size:32px}.heading p{font-size:13px}.heading button{margin-top:28px}.metrics{gap:30px}.metrics strong{font-size:26px}.sound-list{grid-template-columns:1fr}.sound{padding:20px}.login{padding:28px}.toolbar{flex-wrap:wrap}.toolbar input{flex-basis:100%}.toolbar select{flex:1}footer{align-items:flex-start;flex-direction:column}.sound-actions button,.sound-actions .button{padding:10px 12px}.badge{flex-shrink:0}}

#reading-panel{margin-top:40px;padding:28px}#reading-panel h1{font-size:28px}#reading-panel h2{margin-top:28px}#reading-panel p{line-height:1.7;overflow-wrap:anywhere}#reading-devices button{margin-left:12px}#reading-invite-value{font-family:monospace;color:var(--accent);user-select:all}