:root{font-family:Inter,ui-sans-serif,system-ui,sans-serif;color:#f4f6ff;background:#080d1a;--panel: #10192b;--raised: #172238;--line: #2a3b56;--muted: #aab9d1;--accent: #72e2da}*{box-sizing:border-box}body{margin:0}button,select,input{font:inherit}button,.download{cursor:pointer;background:var(--raised);color:#f4f6ff;border:1px solid var(--line);border-radius:10px;padding:9px 12px;text-decoration:none}button:hover,.download:hover{border-color:var(--accent)}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:2px}h1,h2,p{margin:0}h2{font-size:12px;letter-spacing:.12em;color:var(--muted)}small{color:var(--accent);letter-spacing:.13em;font-weight:700}.app{min-height:100vh;padding-bottom:85px}header{padding:27px 30px;display:flex;justify-content:space-between;gap:24px;align-items:center;border-bottom:1px solid var(--line);background:radial-gradient(circle at 15% 0%,#243255 0,#131d31 42%,#0d1627)}header h1{font-size:27px;margin:7px 0}header p{font-size:13px;color:var(--muted)}.header-actions{display:flex;gap:8px;flex-wrap:wrap}.guild{display:flex;align-items:center;gap:18px}.guild img,.guild>span{width:56px;height:56px;border-radius:15px;background:var(--accent);object-fit:cover;display:grid;place-items:center;font-weight:900;color:#07121c}.layout{display:grid;grid-template-columns:340px minmax(380px,1fr) 400px;min-height:calc(100vh - 185px)}aside,.timeline{padding:22px;border-right:1px solid var(--line)}.participants{background:#0d1626}.participants h2{display:flex;justify-content:space-between;margin-bottom:18px}.participants b{color:var(--accent)}.person{--track: var(--accent);background:var(--raised);border:1px solid var(--line);border-left:4px solid var(--track);border-radius:12px;padding:14px;margin-bottom:12px;box-shadow:0 8px 25px #03081433}.person-head{display:flex;gap:11px;align-items:center}.person-head img,.avatar{width:38px;height:38px;border-radius:50%;background:#293954;border:2px solid var(--track);display:grid;place-items:center;object-fit:cover}.person-head strong,.person-head small{display:block}.person-head small{color:var(--muted);font-size:11px;letter-spacing:0;margin-top:3px}.controls{display:flex;align-items:center;gap:7px;margin-top:14px}.controls button{font-size:10px;padding:6px}.controls button.selected{color:var(--track);border-color:var(--track)}.controls input{min-width:50px;width:100%;accent-color:var(--track)}.track-export{color:var(--track);font-size:19px;text-decoration:none}.timeline{background:#0a1220;overflow:auto}.timeline-head{display:flex;justify-content:space-between;color:var(--muted);font-size:11px}.ruler{display:flex;justify-content:space-between;margin:32px 0 12px 125px;color:#91a5c3;font-size:11px}.lane{display:flex;align-items:center;gap:12px;border-bottom:1px solid #23334a;height:92px}.lane-label{width:110px;flex:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:700}.wave{position:relative;flex:1;height:62px;cursor:crosshair;background:repeating-linear-gradient(90deg,#111d30 0,#111d30 79px,#2b3d57 80px);border-radius:6px}.wave canvas{width:100%;height:100%}.playhead{position:absolute;top:0;bottom:0;width:2px;background:#f7f9ff;box-shadow:0 0 12px #f7f9ff;pointer-events:none}.detail{background:#0d1626;border-right:0}.detail nav{display:flex;gap:3px;border-bottom:1px solid var(--line);padding-bottom:12px}.detail nav button{border:0;background:none;font-size:11px;letter-spacing:.05em}.detail nav button.active{color:var(--accent);border-bottom:2px solid var(--accent);border-radius:0}.detail-body{padding-top:20px}.detail-body h2{margin-bottom:16px}.entry{display:block;width:100%;text-align:left;border:1px solid var(--line);background:var(--raised);border-radius:9px;margin-bottom:8px;padding:12px;font-size:12px}.entry:hover{border-color:var(--accent)}.entry span{color:var(--accent);display:block;margin-bottom:4px}.entry strong{display:block}.speech-entry{--track: var(--accent);border-left:3px solid var(--track)}.speech-entry span{color:var(--track)}.detail code{display:block;overflow-wrap:anywhere;margin:10px 0 18px;color:var(--accent)}.verify{background:var(--accent);color:#07121c;font-weight:700}footer{position:fixed;bottom:0;left:0;right:0;background:#10192bf2;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-top:1px solid var(--line);padding:13px 22px;display:flex;align-items:center;gap:12px;z-index:5}footer .play{width:48px;height:48px;border:0;border-radius:50%;background:var(--accent);color:#07121c;font-weight:900}footer span{font-size:12px;white-space:nowrap}footer .progress{flex:1;accent-color:var(--accent)}footer select{background:var(--raised);color:#f4f6ff;border:1px solid var(--line);border-radius:8px;padding:8px}.center{height:100vh;display:grid;place-items:center}@media(max-width:1100px){.layout{grid-template-columns:280px minmax(360px,1fr)}.detail{grid-column:1/-1;border-top:1px solid var(--line)}.participants{padding:16px}}@media(max-width:700px){header{padding:16px;align-items:flex-start;flex-direction:column}header h1{font-size:19px}.guild img,.guild>span{width:42px;height:42px}.layout{display:block}.participants,.timeline,.detail{padding:16px}.participants{max-height:340px;overflow:auto}.timeline{min-height:300px}.lane-label{width:70px}.ruler{margin-left:82px}footer{gap:6px;padding:8px}footer button{padding:8px 5px;font-size:12px}footer span{font-size:10px}footer select{max-width:65px;padding:5px}}