:root{color:#17282e;font-synthesis:none;--bg:#f4f7f7;--surface:#fff;--text:#17282e;--muted:#819096;--line:#e6edeb;--brand:#087e79;--soft:#e7f3f0;--side:#102c2c;--shadow:0 12px 40px #1b3f3810;background:#f4f7f7;font-family:DM Sans,system-ui,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible{outline-offset:3px;outline:3px solid #4bbab1}.boot{letter-spacing:.2em;padding:20vh 10vw;font:800 20px Manrope,sans-serif}.boot span{color:#839497;letter-spacing:0;margin-top:12px;font:400 14px DM Sans,sans-serif;display:block}.layout{grid-template-columns:238px 1fr;min-height:100vh;display:grid}.sidebar{background:var(--side);color:#c4dbd6;flex-direction:column;height:100vh;padding:30px 18px 20px;display:flex;position:sticky;top:0}.brand{align-items:center;gap:11px;padding:0 7px 30px;display:flex}.brand img{object-fit:contain;border-radius:13px;width:42px;height:42px}.brand strong{color:#fff;letter-spacing:-.03em;font:800 16px Manrope,sans-serif}.brand small{color:#8eaaa5;letter-spacing:.12em;text-transform:uppercase;margin-top:2px;font-size:10px;display:block}.side-label{letter-spacing:.16em;color:#829f98;text-transform:uppercase;margin:16px 12px 8px;font-size:10px}.nav{gap:4px;display:grid}.nav button{color:#afc8c1;text-align:start;background:0 0;border:0;border-radius:10px;align-items:center;gap:12px;padding:11px 12px;font-size:13px;font-weight:600;display:flex}.nav button:hover,.nav button.active{color:#fff;background:#ffffff16}.nav button.active{box-shadow:inset 3px 0 #51d6b8}.icon{flex:none;justify-content:center;align-items:center;width:19px;height:19px;font-size:16px;display:inline-flex}.sidebar-bottom{color:#a1bbb5;border-top:1px solid #ffffff1a;margin-top:auto;padding:18px 8px 0;font-size:12px;line-height:1.6}.sidebar-bottom b{color:#f3faf8;font-size:12px;display:block}.shell{min-width:0}.topbar{border-bottom:1px solid var(--line);background:var(--surface);justify-content:space-between;align-items:center;gap:20px;height:74px;padding:0 46px;display:flex}.breadcrumb{color:#9aaba8;font-size:12px}.breadcrumb b{color:var(--text);font-weight:700}.top-actions{align-items:center;gap:9px;display:flex}.pill,.tiny-btn{border:1px solid var(--line);background:var(--surface);color:var(--text);border-radius:10px;padding:9px 12px;font-size:12px;font-weight:700}.avatar{color:#216457;background:#d9ebe6;border-radius:50%;place-items:center;width:34px;height:34px;font-size:12px;font-weight:800;display:grid}.main{max-width:1510px;margin:auto;padding:38px 46px 90px}.eyebrow{color:var(--brand);letter-spacing:.15em;text-transform:uppercase;font-size:10px;font-weight:800}.page-head{justify-content:space-between;align-items:end;gap:20px;margin-bottom:28px;display:flex}.page-head h1{letter-spacing:-.055em;margin:9px 0 7px;font:800 clamp(28px,3vw,38px)/1.1 Manrope,system-ui,sans-serif}.page-head p{color:var(--muted);margin:0;font-size:14px}.date{color:var(--muted);white-space:nowrap;font-size:12px}.hero{color:#fff;background:linear-gradient(110deg,#123e39,#165e52);border-radius:18px;justify-content:space-between;align-items:center;gap:20px;min-height:192px;padding:28px 32px;display:flex;position:relative;overflow:hidden;box-shadow:0 14px 35px #0c4a3b20}.hero:after{content:"";border:1px solid #ffffff1e;border-radius:50%;width:240px;height:240px;position:absolute;top:-80px;right:4%;box-shadow:0 0 0 28px #ffffff08,0 0 0 60px #ffffff07,0 0 0 100px #ffffff05}.hero>*{z-index:1;position:relative}.hero .eyebrow{color:#95e4d0}.hero h2{letter-spacing:-.045em;margin:12px 0 8px;font:700 27px Manrope,sans-serif}.hero p{color:#c0ded6;max-width:470px;margin:0;font-size:13px;line-height:1.6}.hero button{white-space:nowrap}.primary{color:#113c32;background:#a6efd9;border:0;border-radius:10px;padding:12px 18px;font-size:12px;font-weight:800}.primary:hover{background:#c3f9e9}.stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin:19px 0 31px;display:grid}.card{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:16px}.stat{min-height:124px;padding:19px 20px}.stat-top{color:var(--muted);justify-content:space-between;align-items:center;font-size:12px;display:flex}.stat-icon{background:var(--soft);width:33px;height:33px;color:var(--brand);border-radius:9px;place-items:center;display:grid}.stat-value{letter-spacing:-.04em;margin:12px 0 3px;font:800 24px Manrope,sans-serif}.stat-note{color:var(--muted);font-size:11px}.section-title{justify-content:space-between;align-items:end;gap:10px;margin:0 0 14px;display:flex}.section-title h2{letter-spacing:-.03em;margin:0;font:800 17px Manrope,sans-serif}.section-title p{color:var(--muted);margin:5px 0 0;font-size:12px}.content-grid{grid-template-columns:minmax(0,1.55fr) minmax(260px,1fr);gap:17px;display:grid}.panel{padding:22px}.empty{text-align:center;min-height:176px;color:var(--muted);place-content:center;gap:7px;font-size:12px;line-height:1.5;display:grid}.empty .large-icon{color:#7db8aa;font-size:25px}.empty strong{color:var(--text);font-size:14px}.feature{border-bottom:1px solid var(--line);align-items:flex-start;gap:13px;padding:15px 0;display:flex}.feature:last-child{border:0}.feature .stat-icon{flex:none}.feature b{font-size:13px}.feature p{color:var(--muted);margin:5px 0 0;font-size:12px;line-height:1.5}.search{border:1px solid var(--line);background:var(--bg);width:100%;color:var(--text);border-radius:10px;margin-bottom:14px;padding:12px 14px}.row-item{border-top:1px solid var(--line);grid-template-columns:40px minmax(0,1fr) auto;align-items:center;gap:13px;padding:15px 0;display:grid}.row-icon{background:var(--soft);width:38px;height:38px;color:var(--brand);border-radius:10px;place-items:center;display:grid}.row-item h3{text-overflow:ellipsis;margin:0 0 5px;font-size:13px;overflow:hidden}.row-item p{color:var(--muted);margin:0;font-size:11px}.row-item button{border:1px solid var(--line);background:var(--surface);color:var(--brand);border-radius:9px;padding:8px 11px;font-size:11px;font-weight:700}.message{color:#805c22;background:#fff4e1;border-radius:10px;margin:14px 0;padding:14px 16px;font-size:13px;line-height:1.5}.login{text-align:center;max-width:440px;margin:6vh auto;padding:34px}.login img{border-radius:18px;width:68px}.login h2{margin:16px 0 8px;font:800 23px Manrope,sans-serif}.login p{color:var(--muted);font-size:13px;line-height:1.7}.login .primary{color:#fff;background:#0d766d;width:100%;margin-top:16px}.player{z-index:5;background:var(--surface);border:1px solid var(--line);border-radius:14px;align-items:center;gap:15px;padding:12px 15px;display:flex;position:fixed;bottom:15px;left:260px;right:22px;box-shadow:0 12px 42px #122d2f25}.player p{text-overflow:ellipsis;white-space:nowrap;min-width:120px;max-width:260px;margin:0;font-size:12px;font-weight:700;overflow:hidden}.player audio{width:100%;height:38px}.player button{color:var(--muted);background:0 0;border:0;font-size:20px}.status-dot{background:#e7ae50;border-radius:50%;width:7px;height:7px;margin-inline-end:6px;display:inline-block}.keywords{flex-wrap:wrap;gap:8px;margin-bottom:18px;display:flex}.tag{background:var(--soft);color:var(--brand);border-radius:8px;align-items:center;gap:9px;padding:7px 10px;font-size:12px;display:flex}.tag button{color:inherit;background:0 0;border:0;font-size:16px}.form{gap:8px;display:flex}.form input{flex:1;margin:0}.body-copy{white-space:pre-wrap;max-height:55vh;font-size:14px;line-height:1.9;overflow:auto}.modal{z-index:10;background:#0b1d1db0;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal-card{background:var(--surface);color:var(--text);border-radius:17px;width:min(720px,100%);max-height:85vh;padding:25px;overflow:auto}.modal-top{justify-content:space-between;align-items:center;gap:10px;display:flex}.modal-top button{color:var(--muted);background:0 0;border:0;font-size:23px}.footer{color:var(--muted);margin-top:32px;font-size:11px}.dark{--bg:#111d20;--surface:#18292d;--text:#eaf4f0;--muted:#8fa6a1;--line:#29403f;--soft:#213f3b;--side:#0b171a;--shadow:none;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.dark .message{color:#f0cd8d;background:#4d3e22}@media (width<=1000px){.stats{grid-template-columns:repeat(2,1fr)}.content-grid{grid-template-columns:1fr}.main{padding:30px 25px 90px}.topbar{padding:0 25px}}@media (width<=690px){.layout{display:block}.sidebar{width:100%;height:auto;padding:15px;position:relative}.brand{padding:0 4px 13px}.side-label,.sidebar-bottom{display:none}.nav{gap:4px;display:flex;overflow-x:auto}.nav button{white-space:nowrap;padding:9px}.nav button.active{box-shadow:inset 0 -3px #51d6b8}.topbar{height:60px;padding:0 18px}.main{padding:24px 16px 100px}.page-head{align-items:start}.date{display:none}.hero{min-height:180px;padding:23px;display:block}.hero button{margin-top:18px}.stats{gap:9px}.stat{min-height:110px;padding:14px}.stat-value{font-size:20px}.panel{padding:17px}.player{flex-wrap:wrap;gap:5px;bottom:8px;left:10px;right:10px}.player p{flex:1;min-width:0}.player audio{flex-basis:100%;order:3}}