:root{--brain-ink:#14203f;--brain-muted:#667493;--brain-line:#dce4f3;--brain-blue:#4968e8;--brain-cyan:#15bde8;--brain-violet:#8751ef}
body.brain-page{margin:0;min-height:100vh;color:var(--brain-ink);background:radial-gradient(ellipse at 0 0,rgba(134,82,243,.10),transparent 38rem),radial-gradient(ellipse at 100% 10%,rgba(21,189,232,.12),transparent 36rem),#f6f8fd;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}
.brain-shell{width:min(1160px,100% - 36px);margin:auto;padding:20px 0 56px}
.brain-top{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:28px}.brain-brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:inherit}.brain-brand img{width:40px;height:40px}.brain-brand b{display:block;letter-spacing:.06em;font-size:14px}.brain-brand small{display:block;color:#8290ad;font-size:9px;letter-spacing:.13em}.brain-top-actions{display:flex;gap:8px;flex-wrap:wrap}
.brain-btn{min-height:42px;padding:0 15px;border:1px solid var(--brain-line);border-radius:13px;background:#fff;color:var(--brain-ink);font:inherit;font-size:13px;font-weight:700;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:8px}.brain-btn:hover{border-color:#aebcf2;box-shadow:0 5px 15px #344e9912}.brain-btn.primary{color:#fff;border:0;background:linear-gradient(110deg,#7750ee,#4168ed 64%,#13b7e8)}
.brain-btn:focus-visible,.brain-delete:focus-visible,.brain-note-detail summary:focus-visible,.brain-footer summary:focus-visible{outline:3px solid #6884ee;outline-offset:2px}
.brain-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(270px,.63fr);gap:22px;align-items:stretch;margin-bottom:20px}.brain-intro,.brain-drop,.brain-panel{border:1px solid var(--brain-line);border-radius:24px;background:rgba(255,255,255,.9);box-shadow:0 12px 35px rgba(45,66,136,.055)}.brain-intro{padding:30px 32px}.brain-kicker{font-size:10px;font-weight:900;letter-spacing:.16em;color:#5371e6}.brain-intro h1{font-size:clamp(30px,4vw,46px);line-height:1.08;letter-spacing:-.045em;margin:12px 0}.brain-intro p{color:var(--brain-muted);line-height:1.65;max-width:650px;margin:0}.brain-drop{padding:24px;display:flex;flex-direction:column;justify-content:center;background:linear-gradient(145deg,#fafdff,#f1f3ff);border-style:dashed;border-width:2px}.brain-drop.dragging{border-color:var(--brain-blue);background:#eef2ff}.brain-drop-icon{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;background:#e9f1ff;color:#4568eb;font-size:22px;margin-bottom:13px}.brain-drop h2{font-size:17px;margin:0 0 6px}.brain-drop p{font-size:12px;line-height:1.5;color:var(--brain-muted);margin:0 0 15px}.brain-drop-actions{display:flex;flex-wrap:wrap;gap:8px}.brain-disclosure{font-size:11px;color:#667493;line-height:1.55;margin:12px 0 0}.brain-disclosure strong{color:#39583f}
.brain-stats{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 2px 14px;color:#71809e;font-size:12px}.brain-storage{display:inline-flex;align-items:center;gap:7px}.brain-storage i{width:8px;height:8px;border-radius:99px;background:#27b582;box-shadow:0 0 0 4px #27b5821a}.brain-panel{overflow:hidden}.brain-toolbar{display:grid;grid-template-columns:minmax(160px,1fr) 190px;gap:10px;padding:17px;border-bottom:1px solid var(--brain-line)}.brain-search,.brain-filter,.brain-category{width:100%;min-height:42px;box-sizing:border-box;border:1px solid var(--brain-line);border-radius:12px;background:#fff;padding:0 12px;color:var(--brain-ink);font:inherit;font-size:13px;outline:none}.brain-search:focus,.brain-filter:focus,.brain-category:focus{border-color:#7f98ef;box-shadow:0 0 0 3px #7188e51c}.brain-list{display:grid}.brain-row{display:grid;grid-template-columns:42px minmax(0,1fr) 140px 38px;gap:12px;align-items:center;padding:15px 18px;border-bottom:1px solid #edf0f7;min-width:0}.brain-row:last-child{border-bottom:0}.brain-file-icon{width:38px;height:42px;border:1px solid #dce7ff;border-radius:11px;display:grid;place-items:center;color:#4569df;background:#f4f7ff;font-size:10px;font-weight:900}.brain-doc-copy{min-width:0}.brain-doc-copy h3{font-size:14px;line-height:1.35;margin:0;overflow-wrap:anywhere}.brain-doc-copy p{font-size:11px;color:var(--brain-muted);line-height:1.45;margin:4px 0 0;overflow-wrap:anywhere}.brain-doc-meta{font-size:10px;color:#8390aa;margin-top:5px;overflow-wrap:anywhere}.brain-note-detail{margin-top:7px}.brain-note-detail summary{font-size:11px;font-weight:750;color:#5369cb;cursor:pointer}.brain-note-detail pre{max-height:280px;overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere;border-radius:11px;background:#f5f7fc;border:1px solid #e4e9f4;padding:12px;color:#43516d;font:inherit;font-size:11px;line-height:1.55}.brain-category{font-size:11px;min-height:36px}.brain-delete{border:0;background:transparent;color:#8793ac;font-size:19px;width:36px;height:36px;border-radius:10px;cursor:pointer}.brain-delete:hover{background:#fff0f1;color:#c14a5b}.brain-empty{padding:40px 20px;text-align:center;color:#76839f}.brain-empty b{display:block;color:#253354;font-size:15px;margin-bottom:7px}.brain-empty p{font-size:12px;line-height:1.55;margin:0}.brain-status{position:fixed;left:50%;bottom:20px;transform:translateX(-50%);z-index:5;max-width:min(90vw,620px);padding:12px 16px;border-radius:14px;background:#14203f;color:white;box-shadow:0 10px 35px #13204035;font-size:12px}.brain-status[hidden]{display:none}.brain-status.error{background:#8a2840}.brain-status small{display:block;opacity:.78;margin-top:3px}.brain-footer{font-size:11px;line-height:1.5;color:#8290a9;padding:18px 3px}.brain-footer details{margin-top:8px}.brain-footer summary{cursor:pointer;color:#5369cb;font-weight:700}.brain-footer p{max-width:850px;margin:8px 0}
@media(max-width:760px){.brain-shell{width:min(100% - 24px,600px);padding-top:12px}.brain-top{margin-bottom:18px}.brain-hero{grid-template-columns:1fr;gap:12px}.brain-intro{padding:23px}.brain-drop{padding:20px}.brain-toolbar{grid-template-columns:1fr 145px;padding:12px}.brain-row{grid-template-columns:36px minmax(0,1fr) 115px 32px;gap:8px;padding:13px 11px}.brain-file-icon{width:34px;height:38px}.brain-category{font-size:10px;padding:0 7px}}
@media(max-width:480px){.brain-brand small{font-size:8px}.brain-top .brain-btn{min-height:38px;padding:0 10px;font-size:11px}.brain-top-actions{gap:5px}.brain-hero{margin-bottom:13px}.brain-intro{padding:20px}.brain-intro h1{font-size:31px}.brain-toolbar{grid-template-columns:1fr}.brain-row{grid-template-columns:34px minmax(0,1fr) 31px;gap:8px;padding:13px 10px}.brain-row .brain-category{grid-column:2;grid-row:2;width:max-content;max-width:100%;min-height:30px}.brain-delete{grid-column:3;grid-row:1}.brain-doc-copy{grid-column:2;grid-row:1}.brain-doc-copy p{font-size:10px}.brain-doc-copy h3{font-size:13px}}
.brain-layout{display:grid;grid-template-columns:248px minmax(0,1fr);min-height:100vh}
.brain-sidebar{position:sticky;top:0;height:100vh;box-sizing:border-box;padding:18px 12px 14px;background:#101827;color:#c0c9d8;border-right:1px solid #ffffff12;display:flex;flex-direction:column;gap:20px;z-index:30}
.brain-side-brand{display:flex;align-items:center;gap:10px;padding:3px 9px 16px;border-bottom:1px solid #ffffff12;color:#fff;text-decoration:none}.brain-side-brand img{width:34px;height:34px}.brain-side-brand b{display:block;font-size:15px;letter-spacing:.02em}.brain-side-brand small{display:block;margin-top:2px;color:#7f8ba4;font-size:7px;letter-spacing:.1em}
.brain-side-nav{display:grid;gap:16px}.brain-nav-group{display:grid;gap:3px}.brain-nav-group>span{padding:5px 11px 4px;color:#7f8ba4;font-size:9px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.brain-nav-group a{display:flex;align-items:center;gap:10px;min-height:38px;box-sizing:border-box;padding:8px 11px;border-radius:10px;color:#c0c9d8;text-decoration:none;font-size:12px;font-weight:550;transition:background .16s,color .16s,transform .16s}.brain-nav-group a:hover{background:#ffffff0b;color:#fff;transform:translateX(1px)}.brain-nav-group a.active{background:#ffffff13;box-shadow:inset 2px 0 #62d8eb;color:#fff}.brain-nav-group a i{width:18px;text-align:center;font-style:normal;font-size:16px;color:#a7b7d0}.brain-side-note{margin-top:auto;padding:10px 11px;border:1px solid #ffffff12;border-radius:11px;color:#8793aa;font-size:9px;line-height:1.5}
.brain-main{min-width:0}.brain-shell{width:min(1160px,100% - 40px);padding-top:18px}.brain-context{flex:1;color:#697895;font-size:12px}.brain-context b{color:#253352;letter-spacing:.08em}.brain-context small{display:block;margin-top:3px;color:#909bb1;font-size:8px;letter-spacing:.12em}.brain-nav-toggle{display:none;width:36px;height:36px;flex:none;border:1px solid var(--brain-line);border-radius:10px;background:#fff;color:#354563;font-size:17px;cursor:pointer}.brain-side-scrim[hidden]{display:none!important}
@media(max-width:1000px){.brain-layout{grid-template-columns:220px minmax(0,1fr)}.brain-shell{width:min(900px,100% - 32px)}}
@media(max-width:640px){.brain-layout{grid-template-columns:1fr}.brain-sidebar{display:none;position:fixed;inset:0 auto 0 0;width:min(282px,86vw);height:100dvh;box-shadow:14px 0 45px #0d18334a}.brain-nav-toggle{display:grid;place-items:center}.brain-shell{width:calc(100% - 24px);padding-top:12px}.brain-top{gap:9px;margin-bottom:18px}.brain-context{font-size:10px}.brain-side-scrim{position:fixed;inset:0;z-index:25;border:0;background:#10182755;backdrop-filter:blur(1px)}body.brain-nav-open .brain-sidebar{display:flex}body.brain-nav-open .brain-side-scrim{display:block}}