:root{font-family:Tajawal,'Segoe UI',Tahoma,sans-serif;color:#173d38;background:#f6f5f0;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.52}a{color:inherit}h1,h2,h3,p{margin-top:0}p{line-height:1.7}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #bb955d;outline-offset:2px}:root[data-theme=dark]{color:#f3f0e6;background:#111e1b}:root[data-theme=dark] .shell,:root[data-theme=dark] .chat-pane,:root[data-theme=dark] .info-card,:root[data-theme=dark] .book-card,:root[data-theme=dark] .project-row,:root[data-theme=dark] .plan-card,:root[data-theme=dark] .setting-card,:root[data-theme=dark] .backup-strip,:root[data-theme=dark] .hero,:root[data-theme=dark] .message.assistant{background:#1b2d29;color:#f3f0e6;border-color:#35544d}:root[data-theme=dark] input,:root[data-theme=dark] textarea{background:#172723;color:#f3f0e6;border-color:#4b685e}:root[data-theme=dark] .topbar,:root[data-theme=dark] .composer{background:#1b2d29;border-color:#35544d}:root[data-theme=dark] .subdued{background:#213b34}:root[data-theme=dark] .empty{color:#c0c9c3}
.app{display:flex;min-height:100vh}.sidebar{width:248px;flex:none;background:#173d38;color:#f9f6eb;padding:28px 16px;display:flex;flex-direction:column;position:sticky;top:0;height:100vh}.brand{display:flex;gap:12px;align-items:center;padding:0 12px 34px}.brand img{width:45px;height:45px;border-radius:12px}.brand strong{display:block;font-size:20px;line-height:1.2}.brand small{display:block;color:#cfddd3;font-size:12px;margin-top:4px}.sidebar nav{display:grid;gap:5px}.sidebar nav button{display:flex;align-items:center;gap:11px;text-align:right;border:0;background:transparent;color:#dce9e3;padding:13px 15px;border-radius:12px;font-weight:700}.sidebar nav button:hover,.sidebar nav button.active{background:#2b5a50;color:#fff}.nav-dot{width:8px;height:8px;border-radius:50%;background:#d3b983;opacity:.55}.active .nav-dot{opacity:1}.side-foot{margin-top:auto;border-top:1px solid #42645c;padding:22px 12px 0;font-size:14px}.side-foot small{display:block;margin-top:9px;color:#b7cec3}.status-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#77c49e;margin-left:5px}.shell{flex:1;min-width:0;background:#f6f5f0}.topbar{height:91px;background:#fff;border-bottom:1px solid #e4e8df;display:flex;align-items:center;justify-content:space-between;padding:16px clamp(22px,3.2vw,52px)}.eyebrow{display:block;color:#968056;font-weight:800;font-size:12px;letter-spacing:.05em;margin-bottom:5px}.topbar h1{font-size:24px;margin:0}.top-actions{display:flex;align-items:center;gap:12px}.online-pill{font-size:13px;background:#edf5ec;color:#286c4f;padding:8px 11px;border-radius:99px}.shell main{padding:32px clamp(20px,3.2vw,52px);min-height:calc(100vh - 147px)}.shell footer{text-align:center;color:#79877d;font-size:13px;padding:15px}.shell footer a{text-decoration:none}.primary,.outline,.ghost,.danger,.text-button,.file-label{border:0;border-radius:10px;padding:10px 17px;font-weight:800;text-decoration:none;white-space:nowrap;display:inline-flex;align-items:center;justify-content:center;min-height:40px}.primary{background:#bd955b;color:#182d29}.primary:hover{background:#d4aa69}.outline,.file-label{border:1px solid #b8c9bd;color:#1a5143;background:transparent}.outline:hover,.file-label:hover{background:#edf4ed}.ghost{background:#edf2ec;color:#255a49}.ghost:hover{background:#dce9df}.danger{color:#9b3838;background:#f8eeee}.text-button{background:transparent;color:#a87838;padding-inline:0}.alert,.notice,.soft-alert{margin:16px clamp(20px,3.2vw,52px) 0;padding:13px 16px;border-radius:10px}.alert{background:#fff0eb;color:#9a3d27;display:flex;justify-content:space-between}.alert button{border:0;background:none;font-size:22px;color:inherit}.notice{background:#e9f4e9;color:#276443}.soft-alert{margin:15px 0;background:#fff5df;color:#705826}.section-head{display:flex;align-items:start;justify-content:space-between;gap:15px;margin-bottom:23px}.section-head h2{font-size:25px;margin:0 0 7px}.section-head p{margin:0;color:#718078}.assistant-layout{display:grid;grid-template-columns:minmax(0,1fr) 250px;gap:24px;align-items:start}.chat-pane{background:#fff;border:1px solid #e5e9e2;border-radius:18px;min-height:calc(100vh - 183px);display:flex;flex-direction:column;overflow:hidden}.chat-pane .section-head{padding:22px 25px;border-bottom:1px solid #eef0eb;margin:0}.chat-pane .section-head h2{font-size:20px}.conversation{flex:1;padding:22px;min-height:330px;max-height:calc(100vh - 350px);overflow:auto}.hero{text-align:center;max-width:540px;margin:36px auto;padding:30px;background:#fafaf6;border-radius:20px}.hero-mark{font-size:42px;color:#bd955b}.hero h2{font-size:24px;margin-bottom:9px}.hero p{color:#6c7a70}.suggestions{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-top:22px}.suggestions button{border:1px solid #dce5db;background:white;border-radius:99px;padding:8px 13px;color:#356452}.composer{border-top:1px solid #e4e9e1;background:#fff;padding:16px 22px}.composer label{font-weight:800;display:block;margin-bottom:7px}.composer-row{display:flex;gap:9px;align-items:stretch}.composer textarea{flex:1;min-width:0;resize:vertical}.composer small{color:#718078}.composer .primary{align-self:stretch}.message{max-width:90%;margin:0 0 18px;padding:16px 18px;border-radius:16px;white-space:pre-wrap}.message.user{background:#e8f2eb;margin-right:auto;color:#1d4b3d}.message.assistant{background:#f6f6f1;border:1px solid #e7eae3}.message p{margin:5px 0}.message-label{font-size:13px;font-weight:800;color:#8c754d;display:flex;justify-content:space-between;gap:10px}.message-label time{font-weight:400;color:#87958c}.sources{border-top:1px solid #e2e8df;margin-top:15px;padding-top:13px}.source{border:1px solid #e1e8de;border-radius:10px;padding:10px 12px;margin-top:8px}.source a{font-weight:800;color:#245e4c}.source small{display:block;color:#76857c;margin-top:2px}.source blockquote{margin:8px 0 0;border-right:3px solid #bd955b;padding-right:11px;color:#52665b}.progress{display:flex;align-items:center;gap:9px;color:#5d755f;padding:15px 0;font-weight:700}.spinner{width:16px;height:16px;border-radius:50%;border:2px solid #cbd7cc;border-top-color:#31694f;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.context-pane{display:grid;gap:16px}.info-card{background:#fff;border:1px solid #e5e9e2;border-radius:16px;padding:23px}.info-card h3{font-size:22px;margin:0 0 13px}.info-card p{font-size:14px;color:#6b7c70}.info-card.subdued{background:#edf3ed}.quota-number{font-size:38px;font-weight:800;color:#226148}.quota-number small{font-size:13px;color:#718078;font-weight:500}.wide{max-width:1200px;margin:auto}.search-form{display:flex;gap:10px;margin:0 0 24px}.search-form input{flex:1}.book-grid,.plan-grid,.settings-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:16px}.book-card,.plan-card,.setting-card{background:white;border:1px solid #e5e9e2;border-radius:16px;padding:20px}.book-card h3,.plan-card h3{font-size:20px;min-height:42px;margin:10px 0 5px}.book-card p{color:#6f7c73;min-height:26px}.book-icon{font-size:29px;color:#ba9058}.card-actions,.row-actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.card-actions>*{font-size:13px}.empty{text-align:center;padding:38px;color:#869087}.filter{width:100%;margin:0 0 20px}.project-list{display:grid;gap:10px}.project-row{background:#fff;border:1px solid #e5e9e2;border-radius:12px;padding:18px;display:flex;justify-content:space-between;gap:16px;align-items:center}.project-row h3{font-size:18px;margin:0 0 3px}.project-row p{font-size:13px;color:#819087;margin:0}.backup-strip{margin-top:25px;background:#eaf0e9;border-radius:15px;padding:19px;display:flex;gap:10px;align-items:center;flex-wrap:wrap}.backup-strip div{margin-inline-end:auto}.backup-strip p{margin:5px 0 0;font-size:13px;color:#687d70}.file-label{position:relative;overflow:hidden;cursor:pointer}.file-label input{position:absolute;inset:0;opacity:0;cursor:pointer}.reading-form{display:grid;grid-template-columns:2fr repeat(3,1fr) auto;gap:12px;align-items:end;background:#eaf0e9;border-radius:15px;padding:17px}.reading-form label,.plan-card label{font-size:13px;font-weight:800;display:grid;gap:5px}.chosen-book{padding:11px 12px;background:white;border-radius:9px;min-height:43px}.chosen-book small{display:block;color:#718078}.second{margin-top:35px}.plan-card progress{width:100%;height:11px;accent-color:#ba955d}.progress-label{font-size:13px;color:#64806d;margin:5px 0 13px}.plan-card label{margin:8px 0 14px}.footnote{font-size:13px;color:#77877b;margin-top:18px}.settings-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.setting-card.full{grid-column:1/-1}.setting-card h3{font-size:20px}.setting-card p{color:#6f7c73}.segmented{display:inline-flex;background:#e9efea;border-radius:10px;padding:3px}.segmented button{border:0;border-radius:8px;background:transparent;padding:8px 16px}.segmented button.selected{background:#fff;color:#1e5a46;box-shadow:0 1px 4px #9cae9a}.pricing{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.pricing>div{border:1px solid #dde7dd;border-radius:12px;padding:15px;display:grid;gap:9px}.pricing b{font-size:22px}.pricing small{color:#76877a}.pricing button{border:0;border-radius:8px;background:#e5e8e0;padding:8px}.link-list{display:grid;gap:12px}.link-list a{color:#2a654c;font-weight:800}.support-form{display:grid;gap:11px}.support-form .primary{justify-self:start}input,textarea{border:1px solid #ccd9ce;border-radius:9px;background:#fff;padding:10px 12px;color:#1c3d32;min-height:42px}textarea{line-height:1.5}.mobile-nav{display:none}
@media(max-width:1100px){.assistant-layout{grid-template-columns:1fr}.context-pane{grid-template-columns:repeat(2,1fr)}.reading-form{grid-template-columns:repeat(2,1fr)}.chosen-book{grid-column:1/-1}.reading-form .primary{grid-column:1/-1}.chat-pane{min-height:600px}}
@media(max-width:760px){.sidebar{display:none}.shell main{padding:20px 15px 95px}.topbar{height:77px;padding:12px 17px}.topbar h1{font-size:20px}.install{display:none}.online-pill{font-size:11px}.section-head h2{font-size:21px}.section-head{flex-wrap:wrap}.assistant-layout{display:block}.chat-pane{min-height:calc(100vh - 178px)}.conversation{max-height:none;min-height:350px}.hero{margin:10px auto;padding:20px}.message{max-width:100%}.context-pane{grid-template-columns:1fr;margin-top:15px}.composer-row{display:grid}.composer .primary{justify-self:stretch}.book-grid,.plan-grid,.settings-grid,.pricing{grid-template-columns:1fr}.setting-card.full{grid-column:auto}.project-row{display:block}.row-actions{margin-top:12px}.search-form{display:grid}.reading-form{grid-template-columns:1fr}.chosen-book,.reading-form .primary{grid-column:auto}.mobile-nav{display:grid;position:fixed;bottom:0;right:0;left:0;grid-template-columns:repeat(5,1fr);background:#173d38;padding:5px 2px max(5px,env(safe-area-inset-bottom));box-shadow:0 -3px 16px #0002;z-index:10}.mobile-nav button{border:0;background:transparent;color:#d6e6dc;font-size:11px;font-weight:800;padding:11px 0}.mobile-nav button.active{color:#e8c58b;background:#2c564d;border-radius:8px}.shell footer{display:none}}