:root{font-family:Inter,Segoe UI,Arial,sans-serif;color:#183c3a;background:#f5f7f8;font-size:16px;--green:#114c48;--lime:#cef49b;--muted:#6b7c7a;--line:#dce4e4}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button{cursor:pointer}button,a,input,textarea,select{outline-offset:4px}button{border:1px solid var(--line);border-radius:8px;background:white;color:var(--green);padding:10px 15px;font-weight:600}button:hover{background:#edf5f0}button.primary{background:var(--green);color:white;border-color:var(--green)}button.lime{background:var(--lime);color:var(--green);border-color:var(--lime)}button.small{font-size:.875rem;padding:7px 10px}button.danger{color:#a33636}input,textarea,select{width:100%;border:1px solid #cbd8d6;border-radius:8px;padding:12px;background:white;color:#183c3a}textarea{resize:vertical;line-height:1.65}label{display:block;font-size:.875rem;font-weight:600;margin:16px 0 7px}h1,h2,h3,p{margin-top:0}h1{font-size:2rem;letter-spacing:-.04em}h2{font-size:1.4rem;letter-spacing:-.025em}p{line-height:1.65}.muted{color:var(--muted)}.eyebrow{font-size:.75rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.layout{display:grid;grid-template-columns:230px 1fr;min-height:100vh}.sidebar{background:#103e3b;color:#e7f4ec;padding:30px 22px;display:flex;flex-direction:column;gap:28px}.brand{display:flex;align-items:center;gap:10px;font-size:1.35rem;font-weight:700;letter-spacing:-.04em}.brand img{width:36px;height:36px}.sidebar .eyebrow{color:#9bbcb1}.sidebar button{width:100%;text-align:left;background:transparent;border:0;color:#cee0d9;font-weight:400;margin:2px 0}.sidebar button.active{color:#103e3b;background:var(--lime);font-weight:650}.sidebar button:hover{background:#28605a;color:white}.sidebar button.active:hover{background:var(--lime);color:#103e3b}.navicon{display:inline-block;width:28px}.sidebar footer{margin-top:auto;font-size:.8rem;color:#abc6ba;line-height:1.6}.main{min-width:0}.topbar{height:80px;display:flex;justify-content:space-between;align-items:center;padding:0 42px;border-bottom:1px solid var(--line);background:white}.topbar span{font-size:.875rem}.avatar{display:inline-grid;place-items:center;width:32px;height:32px;border-radius:50%;background:#e7f1e5;margin-right:8px;font-weight:700}.workspace{padding:36px 42px;max-width:1500px;margin:auto}.heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:26px}.heading h1{margin-bottom:6px}.heading p{margin:0}.banner{background:#e8f1e8;border:1px solid #d4e5d1;padding:23px 26px;display:flex;justify-content:space-between;align-items:center;border-radius:12px;margin-bottom:28px;gap:20px}.banner h2{margin:0 0 5px}.banner p{margin:0;color:#567269}.tools{display:flex;gap:12px;margin-bottom:22px}.tools input{flex:1}.tools select{max-width:190px}.notes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.note-card{background:white;border:1px solid var(--line);border-radius:12px;padding:23px;display:flex;flex-direction:column;min-height:215px}.note-card:hover{border-color:#89aaa1}.note-card h3{font-size:1.13rem;margin:20px 0 10px}.note-card p{color:var(--muted);font-size:.9rem;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}.note-card button{margin-top:auto;text-align:left;padding:0;border:0;background:none}.tag{font-size:.75rem;font-weight:600;background:#ecf1fc;color:#3c5f92;padding:5px 9px;border-radius:5px;align-self:flex-start}.meta{font-size:.8rem;color:var(--muted);display:flex;justify-content:space-between;margin-top:18px;gap:8px}.empty{padding:50px 24px;text-align:center;border:1px dashed #b6c9c2;border-radius:12px;background:white;grid-column:1/-1}.empty .symbol{font-size:2rem;margin-bottom:16px}.empty p{max-width:480px;margin:0 auto 22px;color:var(--muted)}.panel{background:white;border:1px solid var(--line);border-radius:12px;padding:28px}.editor-grid{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:22px}.editor textarea.content{min-height:350px}.row{display:flex;align-items:center;gap:12px}.row.between{justify-content:space-between}.check{display:flex;align-items:center;gap:9px;font-weight:400;line-height:1.5}.check input{width:auto}.note-text{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.8}.source{white-space:pre-wrap;overflow-wrap:anywhere;font-size:.9rem}.back{padding-left:0;border:0;background:none;margin-bottom:20px}.comment{padding:16px 0;border-bottom:1px solid var(--line);overflow-wrap:anywhere}.comment p{margin:7px 0;white-space:pre-wrap}.comment small{color:var(--muted)}.study{max-width:780px;margin:auto}.flashcard{text-align:center;padding:52px 40px;min-height:330px;display:flex;flex-direction:column;justify-content:center}.flashcard h2{font-size:1.6rem;white-space:pre-wrap;overflow-wrap:anywhere}.answer{border-top:1px solid var(--line);padding-top:25px;white-space:pre-wrap;overflow-wrap:anywhere}.auth{min-height:100vh;display:grid;grid-template-columns:1fr 1fr}.auth-story{background:var(--green);color:white;padding:60px;display:flex;flex-direction:column;justify-content:space-between}.auth-story h1{font-size:3.6rem;line-height:1.07;max-width:530px}.auth-story h1 em{font-style:normal;color:var(--lime)}.auth-story p{max-width:400px;color:#c2d9cf}.auth-form{max-width:450px;width:100%;padding:40px;align-self:center;justify-self:center}.auth-form button{margin-top:20px}.auth-form .primary{width:100%}.hint{font-size:.8rem;color:var(--muted);line-height:1.6}.error{color:#aa3636;font-size:.9rem;min-height:20px}.chat-list{max-height:50vh;overflow:auto}.section-label{margin:28px 0 14px}#toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:#173f38;color:white;padding:12px 20px;border-radius:9px;box-shadow:0 5px 30px #0002;display:none;z-index:20;max-width:90vw}button:disabled{opacity:.5;cursor:wait}
@media(max-width:1100px){.notes{grid-template-columns:repeat(2,minmax(0,1fr))}.workspace{padding:28px}.editor-grid{grid-template-columns:1fr}.auth-story{padding:35px}.auth-story h1{font-size:2.8rem}}@media(max-width:740px){.layout{grid-template-columns:1fr}.sidebar{padding:17px;gap:14px}.sidebar nav{display:flex;gap:4px;overflow:auto}.sidebar nav button{white-space:nowrap;width:auto}.sidebar .topics,.sidebar footer{display:none}.topbar{height:60px;padding:0 18px}.workspace{padding:24px 18px}.notes{grid-template-columns:1fr}.heading{align-items:flex-start}.heading h1{font-size:1.65rem}.banner{padding:20px;align-items:flex-start;flex-direction:column}.tools{flex-direction:column}.tools select{max-width:none}.auth{grid-template-columns:1fr}.auth-story{padding:25px}.auth-story h1{font-size:2.4rem;margin:30px 0 12px}.auth-story>p{display:none}.auth-form{padding:30px 24px}.panel{padding:20px}.flashcard{padding:35px 20px}.row{flex-wrap:wrap}}