:root{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#25263b;background:#f7f7f2;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer;border:0;border-radius:9px;background:#5750d2;color:#fff;padding:12px 18px;font-weight:600}button:hover{filter:brightness(.95)}button:disabled{opacity:.55;cursor:wait}input,select,textarea{border:1px solid #dededc;border-radius:8px;padding:12px;background:#fff;color:inherit;max-width:100%}input:focus,select:focus,textarea:focus{outline:2px solid #9c96f2;outline-offset:1px}label{display:grid;gap:7px;font-size:13px;color:#666779}form{display:grid;gap:18px}h1,h2,p{margin-top:0}h1{font-size:34px;letter-spacing:-1.2px;margin-bottom:0;font-weight:600}h2{font-size:23px;font-weight:550;letter-spacing:-.4px}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:650;color:#89899b;margin-bottom:17px}.muted{color:#80808e;font-size:14px;line-height:1.7}.secondary{background:#fff;color:#55556b;border:1px solid #dddde7}.layout{display:grid;grid-template-columns:220px 1fr;min-height:100vh}aside{background:#eeeeea;border-right:1px solid #e0e0dc;padding:34px 25px;display:flex;flex-direction:column;position:sticky;top:0;height:100vh}.brand{font-size:36px;font-weight:700;color:#28283c;text-decoration:none;letter-spacing:-2px;margin-bottom:66px}.brand span,.login-brand span{color:#746ae6}nav{display:grid;gap:9px}.nav{background:transparent;text-align:left;color:#6e6f7b;padding:13px 12px;font-size:14px;font-weight:500;width:100%}.nav.active{background:#e0ddf6;color:#5046b8}.aside-bottom{margin-top:auto;font-size:13px;color:#9797a2;line-height:1.8}.aside-bottom p{padding:12px}main{padding:42px 5%;min-width:0}header{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px}.project-control{display:flex;align-items:center;gap:10px}.project-control select{max-width:220px}.connection{font-size:12px;color:#747384;margin-bottom:26px;line-height:1.7}.connection span{display:inline-block;padding:4px 9px;border-radius:5px;background:#e8eadf;margin-right:7px}.connection .off{background:#efe9db;color:#8b7047}.intro{background:#e8e5f7;border:1px solid #dbd7ef;border-radius:15px;padding:30px 34px;display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:32px}.intro h2{font-size:28px;margin-bottom:12px}.intro p{font-size:14px;line-height:1.8;color:#77718f;margin:0}.toolbar{display:flex;gap:10px;margin-bottom:24px}.toolbar input{flex:1;min-width:120px}.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px}.card{background:#fff;border:1px solid #e2e2e1;border-radius:12px;padding:23px;text-align:left;color:inherit;font-weight:400;min-height:205px;display:flex;flex-direction:column;align-items:flex-start;gap:14px;width:100%}.card:hover{border-color:#ada5de;filter:none;box-shadow:0 5px 20px #33333305}.card p{font-size:15px;line-height:1.65;white-space:pre-wrap;margin:0;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;word-break:break-word}.card .meta{margin-top:auto;color:#9998a4;font-size:11px}.tag{font-size:10px;color:#75699b;background:#f0edf7;border-radius:5px;padding:6px 9px;letter-spacing:.2px}.empty{grid-column:1/-1;padding:60px 30px;text-align:center;border:1px dashed #d6d3e1;border-radius:12px;color:#90909c;font-size:15px;line-height:1.8}.empty strong{display:block;color:#575568;font-size:21px;font-weight:500;margin-bottom:10px}.panel{background:white;border:1px solid #e2e2df;border-radius:12px;padding:28px;margin-bottom:20px}.panel form{max-width:620px}.section-heading{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:25px}.row{padding:17px 20px;background:white;border:1px solid #e2e2df;border-radius:9px;margin:10px 0;display:flex;justify-content:space-between;align-items:center;gap:15px;white-space:pre-wrap;overflow-wrap:anywhere;font-size:13px;line-height:1.7}.row small{color:#858494}footer{display:flex;justify-content:space-between;margin-top:60px;border-top:1px solid #e3e3de;padding-top:20px;font-size:10px;color:#aaa9b2;letter-spacing:.5px}dialog{border:1px solid #dddce8;border-radius:16px;width:min(800px,94vw);padding:28px;max-height:92vh;box-shadow:0 24px 100px #23203933}dialog::backdrop{background:#20203266;backdrop-filter:blur(3px)}.dialog-head{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:22px}.dialog-head h2{margin:0}textarea{width:100%;min-height:260px;resize:vertical;line-height:1.8}audio{width:100%;margin:8px 0 20px}.actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin-top:18px}.actions a{color:#665ac3;font-size:14px}.inline-label{display:flex;align-items:center;gap:8px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.history{white-space:pre-wrap;font-size:12px;line-height:1.7;background:#f4f3f8;padding:15px;border-radius:8px;overflow-wrap:anywhere}.login{max-width:410px;margin:10vh auto;padding:20px}.login-brand{font-size:70px;font-weight:700;color:#303048;margin-bottom:40px}.login h1{margin-bottom:20px;font-size:39px}.login form{margin-top:32px}#toast{position:fixed;bottom:24px;right:24px;max-width:min(520px,90vw);background:#302b4a;color:#fff;padding:17px 22px;border-radius:10px;box-shadow:0 5px 30px #2223;font-size:14px;z-index:20;line-height:1.5}[hidden]{display:none!important}details{margin-top:18px}summary{cursor:pointer;color:#79718f;font-size:13px;margin-bottom:12px}@media(max-width:900px){.layout{grid-template-columns:170px 1fr}aside{padding:25px 12px}main{padding:28px 24px}header{align-items:flex-start;flex-direction:column}.toolbar{flex-wrap:wrap}.intro{padding:24px}.intro h2{font-size:24px}.intro button{font-size:12px}h1{font-size:30px}}@media(max-width:600px){.layout{display:block}aside{position:static;height:auto;padding:16px 20px;border-bottom:1px solid #ddd}.brand{margin-bottom:15px;font-size:28px}aside .eyebrow,.aside-bottom{display:none}nav{display:flex;overflow:auto;gap:0}.nav{white-space:nowrap;font-size:12px;padding:10px}.intro{flex-direction:column;align-items:flex-start}.toolbar select{max-width:160px}.form-grid{grid-template-columns:1fr}.project-control{flex-wrap:wrap}footer{gap:20px}.login{margin:4vh auto}}
