@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@400;500;600;700;800&family=Tajawal:wght@400;500;600;700&display=swap');
:root{--ink:#25212f;--coal:#282631;--purple:#7355c8;--purple-dark:#5535a9;--lilac:#e9e3f8;--paper:#f7f5f2;--white:#fff;--muted:#75717d;--line:#e9e6ed;--success:#279477;--orange:#bc763d;--shadow:0 12px 38px rgba(41,30,63,.06)}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:Tajawal,Arial,sans-serif;font-size:16px}button,input,textarea,select{font:inherit}button{cursor:pointer}svg.glyph{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.hidden{display:none!important}.eyebrow{font-family:Cairo,sans-serif;color:var(--purple);font-size:12px;font-weight:800;letter-spacing:.2px}.welcome{min-height:100dvh;display:grid;grid-template-columns:1.1fr .9fr;background:#fff}.welcome-cover{position:relative;background:#25212f;color:#fff;padding:42px min(6vw,90px);overflow:hidden;display:flex;flex-direction:column;justify-content:center}.brand-hero,.side-brand{display:flex;align-items:center;gap:12px}.brand-hero{position:absolute;top:37px;right:min(6vw,90px)}.brand-hero strong,.side-brand strong{font-family:Cairo,sans-serif;font-size:16px}.brand-hero small,.side-brand small{display:block;color:#c6bbde;font-size:10px;letter-spacing:1px}.brand-mark{width:42px;height:42px;border-radius:13px;background:#7355c8;display:grid;place-items:center;color:#fff}.brand-mark .glyph{width:27px;height:27px}.welcome-cover h1{font:800 clamp(30px,3.6vw,59px)/1.6 Cairo,sans-serif;margin:0}.welcome-cover h1 em{color:#bdb0ed;font-style:normal}.welcome-cover>p:not(.eyebrow){line-height:1.9;color:#d1cbda;max-width:520px;font-size:18px}.hero-foot{color:#a9a3b3;font-size:12px;margin-top:30px}.hero-art{height:260px;position:relative;margin:10px auto 24px;width:310px}.orb{position:absolute;border-radius:50%;filter:blur(1px)}.orb-one{width:180px;height:180px;background:radial-gradient(circle,#977ee1 0,#7355c8 45%,transparent 71%);top:20px;left:60px;opacity:.7}.orb-two{width:100px;height:100px;background:radial-gradient(circle,#d7bcf1,transparent 75%);top:88px;left:140px}.orbit-circle{position:absolute;top:52px;left:88px;width:135px;height:135px;border:1px solid #b2a6e0;border-radius:50%;display:grid;place-items:center;background:#39324a;box-shadow:0 0 0 25px #ffffff08,0 0 0 52px #ffffff05}.orbit-circle .glyph{width:65px;height:65px;color:#d7c4ff}.art-chip{position:absolute;background:#ffffff14;border:1px solid #ffffff38;color:#e9e1ff;backdrop-filter:blur(8px);padding:8px 17px;border-radius:40px;font-size:12px}.art-one{top:30px;right:0}.art-two{bottom:38px;right:0}.art-three{top:90px;left:0}.welcome-form{padding:60px min(6vw,85px);display:flex;flex-direction:column;justify-content:center;max-width:680px;width:100%;margin:auto}.welcome-form h2{font:800 29px Cairo;margin:8px 0}.welcome-form p{color:var(--muted);line-height:1.8}.welcome-form form{display:grid;gap:20px;margin-top:25px}label{display:block;font-weight:700;font-size:14px}input,select,textarea{width:100%;border:1px solid #dedbe5;border-radius:12px;padding:13px 15px;margin-top:9px;background:#fff;outline:none;color:var(--ink);transition:border .15s,box-shadow .15s}input:focus,textarea:focus,select:focus{border-color:var(--purple);box-shadow:0 0 0 3px #7355c820}textarea{min-height:95px;resize:vertical;line-height:1.75}.small-foot{font-size:12px}.button{display:inline-flex;align-items:center;justify-content:center;gap:9px;border:1px solid var(--line);border-radius:11px;padding:11px 18px;background:white;font-weight:700;white-space:nowrap}.button.primary{background:var(--purple);border-color:var(--purple);color:#fff}.button.primary:hover{background:var(--purple-dark)}.button.secondary{background:#f0eafa;color:#6046af;border-color:transparent}.button.full{width:100%;margin-top:4px}.button:disabled{opacity:.45;cursor:not-allowed}.shell{min-height:100dvh;display:flex}.sidebar{width:250px;flex-shrink:0;background:var(--coal);color:white;min-height:100dvh;display:flex;flex-direction:column;padding:23px 14px;position:sticky;top:0;height:100dvh}.side-brand{padding:5px 9px 35px}.side-brand strong{font-size:13px}.side-brand small{letter-spacing:0;font-size:11px}.side-label{font-size:11px;color:#9c93ac;padding:0 18px 14px}#nav{display:grid;gap:5px}.nav-item{display:flex;align-items:center;gap:13px;width:100%;border:0;border-radius:11px;text-align:right;background:transparent;color:#c6c2ce;padding:12px 15px;font-weight:600}.nav-item:hover{background:#ffffff10}.nav-item.active{background:#7157bc;color:#fff;box-shadow:inset -3px 0 #ccbbff}.nav-item .glyph{width:20px;height:20px}.side-footer{margin-top:auto;border-top:1px solid #ffffff1c;padding:18px 7px 0;display:flex;align-items:center;gap:8px;font-size:12px;color:#c4bdca}.status-dot{background:#54caa3;width:7px;height:7px;border-radius:50%;display:inline-block}.side-footer button{background:none;border:none;color:#d7cdec;margin-right:auto}.main{min-width:0;flex:1}.topbar{height:82px;background:#fff;border-bottom:1px solid var(--line);padding:0 38px;display:flex;align-items:center;justify-content:space-between}.top-leading,.top-actions{display:flex;align-items:center;gap:18px}.breadcrumb{font-size:13px;color:#88818f}.breadcrumb b{color:#38313f}.breadcrumb span{margin:0 8px}.save-status{font-size:12px;color:#63826d;display:flex;align-items:center;gap:7px}.avatar{width:38px;height:38px;border-radius:50%;background:#ede6fa;color:var(--purple-dark);display:grid;place-items:center;font-weight:800}.icon-btn{border:0;background:none;padding:4px;color:var(--ink)}.menu-mobile{display:none}.page{max-width:1430px;margin:auto;padding:34px 38px 70px}.page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:15px;margin-bottom:27px}.page-head h1{font:800 clamp(23px,2.5vw,34px) Cairo;margin:4px 0}.page-head p{color:var(--muted);margin:3px 0;line-height:1.8}.row{display:flex;gap:14px;align-items:center}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.card{border:1px solid var(--line);background:#fff;padding:22px;border-radius:18px;box-shadow:var(--shadow);min-width:0}.card h3{font:700 16px Cairo;margin:0 0 12px}.card p{line-height:1.8;color:var(--muted);margin:0}.accent-card{background:#2c263a;color:#fff;border:0;position:relative;overflow:hidden}.accent-card:after{content:'';position:absolute;width:170px;height:170px;border:28px solid #bca3f020;border-radius:50%;left:-55px;top:-65px}.accent-card p{color:#e1d7ef}.mini-icon{height:46px;width:46px;border-radius:14px;background:#eee9fa;color:var(--purple);display:grid;place-items:center;margin-bottom:16px}.accent-card .mini-icon{background:#8067c4;color:#fff}.muted{color:var(--muted)}.pill{border-radius:99px;background:#eee9fa;color:#634db0;font-size:12px;font-weight:700;padding:6px 11px;display:inline-block}.pill.warning{background:#fcf0df;color:#97602c}.pill.neutral{background:#f2f0f3;color:#655e6d}.section-title{display:flex;justify-content:space-between;align-items:center;margin:29px 0 13px}.section-title h2{font:700 18px Cairo;margin:0}.two-cols{display:grid;grid-template-columns:1.2fr .8fr;gap:18px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.field-wide{grid-column:1/-1}.toolbar{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}.toolbar .button{padding:8px 12px;font-size:13px}.note{padding:13px 16px;border-radius:12px;background:#f0ebfa;color:#625084;line-height:1.8;font-size:13px}.note.warm{background:#fff6e8;color:#926436}.item{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding:13px 0;gap:10px}.item:last-child{border:0}.item small{display:block;color:var(--muted);margin-top:6px}.item strong{font-size:14px}.empty{border:1px dashed #cbbce7;padding:30px;text-align:center;border-radius:14px;background:#faf8fe;color:var(--muted)}.small-btn{border:none;background:#f1edfa;color:var(--purple-dark);padding:7px 11px;border-radius:8px}.diagram{width:100%;background:#fcfbff;border:1px solid #ebe6f2;border-radius:15px;min-height:250px;overflow:hidden;display:block}.tabs{display:flex;gap:9px;flex-wrap:wrap;margin-bottom:17px}.tab{padding:10px 16px;border-radius:10px;border:1px solid var(--line);background:#fff;color:var(--muted)}.tab.active{background:var(--purple);color:#fff;border-color:var(--purple)}.data-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.metric{background:#fff;border:1px solid var(--line);padding:18px;border-radius:15px}.metric strong{display:block;color:var(--ink);font:800 26px Cairo}.metric span{font-size:12px;color:var(--muted)}.project-card{display:flex;gap:12px;align-items:center}.project-card .mini-icon{margin:0}.flex-between{display:flex;align-items:center;justify-content:space-between;gap:15px}.ref-link{word-break:break-all;color:#6443b6}.references .item{align-items:flex-start}.toast{position:fixed;bottom:24px;left:24px;background:#2b2539;color:white;border-radius:12px;padding:13px 18px;box-shadow:0 10px 35px #0003;display:none;z-index:99}.toast.show{display:block}.method-box{background:#f9f7fd;border:1px solid #ede7fa;padding:15px;border-radius:13px;margin:12px 0}.method-box h4{margin:0 0 7px}.method-box p{margin:0;color:var(--muted);line-height:1.8}.install{font-size:12px;padding:8px 12px}.foot-disclaimer{margin-top:28px;color:#8c8592;font-size:12px;line-height:1.7}.segmented{display:flex;gap:8px;flex-wrap:wrap}.segmented button{border:1px solid #e3dcee;background:#fff;border-radius:9px;padding:9px 15px}.segmented button.selected{background:#e9e1fa;color:#5c409e;border-color:#b7a4e3}a{color:#6240bd}a:hover{text-decoration:underline}@media(max-width:1100px){.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.data-grid{grid-template-columns:repeat(2,1fr)}.sidebar{width:220px}.topbar{padding:0 22px}.page{padding:28px 22px}}@media(max-width:750px){.welcome{grid-template-columns:1fr}.welcome-cover{padding:100px 24px 35px;min-height:410px}.brand-hero{top:22px;right:24px}.hero-art{height:125px;width:220px;margin:0 auto}.orb-one{width:100px;height:100px;left:65px}.orb-two{width:55px;height:55px;left:105px;top:58px}.orbit-circle{top:22px;left:83px;width:75px;height:75px;box-shadow:0 0 0 12px #ffffff08}.orbit-circle .glyph{width:35px;height:35px}.art-chip{font-size:10px;padding:3px 9px}.art-two{bottom:4px}.welcome-cover h1{font-size:30px}.welcome-cover>p:not(.eyebrow){font-size:14px;margin:6px 0}.hero-foot{margin-top:12px}.welcome-form{padding:34px 24px}.sidebar{position:fixed;z-index:40;right:0;transform:translateX(102%);transition:transform .25s;width:min(82vw,310px);box-shadow:-20px 0 50px #0003}.sidebar.open{transform:translateX(0)}.menu-mobile{display:block}.topbar{height:66px;padding:0 16px}.save-status{display:none}.page{padding:23px 14px 65px}.cards,.two-cols,.form-grid{grid-template-columns:1fr}.data-grid{grid-template-columns:repeat(2,1fr)}.page-head{flex-direction:column}.breadcrumb{font-size:11px}.card{padding:18px}.top-actions{gap:8px}.install{padding:7px 9px}.field-wide{grid-column:auto}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
/* Functional application additions */
.hero-panel{display:flex;align-items:center;justify-content:space-between;gap:22px;padding:34px;border-radius:22px;margin:18px 0 24px;color:#fff;background:radial-gradient(circle at 80% 40%,#6f50b0 0%,#373044 42%,#25212f 75%)}.hero-panel h2{font-size:clamp(21px,3vw,35px);color:#fff}.hero-panel p{color:#e5ddf2}.hero-symbol .glyph{width:155px;height:155px;opacity:.72;stroke:#c9b0ff;stroke-width:1}.cards.three{grid-template-columns:repeat(3,1fr)}.quick-card{cursor:pointer;text-align:start;color:inherit;display:flex;flex-direction:column;gap:12px}.quick-card strong{font-size:19px}.quick-card small{color:#827b91}.mini-map{display:flex;align-items:center;flex-direction:column;gap:18px;padding:30px;background:#f5f1fc;border-radius:16px;margin:16px 0}.node-main,.center-node{padding:16px 30px;border-radius:14px;background:#7355c8;color:#fff;font-weight:800}.satellites{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}.satellites span{border:1px solid #b4a4d6;padding:8px 15px;border-radius:20px;background:#fff}.control-label{display:block;max-width:500px;margin:12px 0 20px}.tool-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px;margin:20px 0}.tool-tile{border:1px solid #e0d9eb;background:#fff;color:#30273b;border-radius:14px;padding:17px 10px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;cursor:pointer;text-align:center;text-decoration:none;font:inherit}.tool-tile .glyph{height:29px;width:29px;stroke:#7656bc}.tool-tile:hover,.quick-card:hover{border-color:#9576d2;transform:translateY(-2px)}.form-action{display:flex;align-items:end}.mindboard{background:#f6f2fd;border:1px solid #e2d9f2;border-radius:20px;min-height:330px;padding:35px 20px;margin-top:20px;display:flex;flex-direction:column;align-items:center;gap:25px}.node-grid{width:100%;display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:18px}.thought-node,.fish-cause{background:white;border:1px solid #af9cdd;border-radius:14px;padding:8px;position:relative}.thought-node textarea,.fish-cause textarea{border:0;resize:vertical;width:100%;min-height:55px}.small-btn{background:#eee9f8;border:0;color:#493862;border-radius:6px;padding:5px 11px;cursor:pointer}.fishbone{min-height:350px;background:#f7f2fb;padding:24px;border-radius:20px;margin-top:20px}.fish-title{background:#7355c8;color:white;padding:14px;border-radius:12px;text-align:center;margin:auto;max-width:300px}.fish-spine{height:3px;background:#8668bf;margin:30px 8%;}.fish-items{display:grid;grid-template-columns:repeat(2,1fr);gap:15px}.items{display:grid;gap:8px;margin:15px 0}.item{display:flex;flex-direction:column;gap:7px;background:#f8f6fb;padding:13px;border:1px solid #ece6f4;border-radius:11px;overflow-wrap:anywhere}.item small{color:#746a83}.proof-line{display:flex;align-items:center;flex-wrap:wrap;gap:7px}.proof-line span{padding:10px;background:#eee8fa;border-radius:9px}.book-page{background:white;color:#28222f;max-width:640px;width:100%;min-height:650px;margin:24px auto;padding:55px 42px;border:1px solid #ddd5e8;box-shadow:0 16px 40px #261e361b;line-height:1.95;overflow-wrap:anywhere}.book-cover{min-height:530px;border:7px solid #7355c8;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;gap:30px;padding:30px}.book-cover h1{font-size:28px;color:#31263f}.book-cover span{letter-spacing:2px;font-size:11px}.book-page h2{font-size:24px;border-bottom:2px solid #dacbf1;padding-bottom:12px}.book-page p{white-space:pre-wrap}.toolbar{display:flex;align-items:center;gap:9px;flex-wrap:wrap;justify-content:center}.lang-welcome{position:fixed;top:14px;left:14px;z-index:60;background:#fff;color:#493862;border:1px solid #c3b0e7;border-radius:14px;padding:9px 13px;cursor:pointer}#langSwitch{font-size:12px;padding:7px 11px}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #bda8ff;outline-offset:2px}@media(max-width:800px){.cards.three{grid-template-columns:1fr}.hero-symbol{display:none}.tool-grid{grid-template-columns:repeat(2,1fr)}.hero-panel{padding:23px}.book-page{min-height:480px;padding:24px 18px}}
@media print{body{background:white!important}#onboarding,.sidebar,.topbar,.page-head,.toolbar,.button,.muted,.note,.tabs,.lang-welcome{display:none!important}.shell,.main,.page,.card{display:block!important;position:static!important;width:100%!important;max-width:none!important;box-shadow:none!important;border:0!important;padding:0!important;margin:0!important}.book-page{box-shadow:none!important;border:0!important;margin:0!important;max-width:none!important;min-height:auto!important;padding:15mm!important;page-break-after:always}@page{size:A4;margin:15mm}}
/* V1.1 additions */
.sticky-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:15px}.sticky-note{padding:18px;border-radius:8px;box-shadow:0 6px 14px #221a3320;transform:rotate(-.5deg);color:#28232d}.sticky-note h3{font-size:1.05rem}.sticky-note p{white-space:pre-wrap;overflow-wrap:anywhere}.sticky-note .toolbar{display:flex;align-items:center;justify-content:space-between}.note-idea{background:#fff1af}.note-task{background:#d3ecf7}.note-question{background:#e5dafa}.note-reminder{background:#ffddcc}.sticky-done{opacity:.58}.reader-page{min-height:420px;max-width:850px;margin:auto;padding:32px;line-height:1.9}.reader-page p{white-space:pre-wrap;overflow-wrap:anywhere}.flip-visual{box-shadow:12px 12px 0 #ded7e9,18px 18px 25px #2920351f;transform:perspective(1200px) rotateY(-3deg)}.print-only{display:none}#bookFind{width:180px;max-width:100%}@media(max-width:720px){.reader-page{padding:15px}.sticky-grid{grid-template-columns:1fr 1fr}}@media(max-width:440px){.sticky-grid{grid-template-columns:1fr}}@media print{body.printing-book .shell,body.printing-book .welcome,body.printing-book #toast{display:none!important}body.printing-book .print-only{display:block!important}body.printing-book .print-chapter{break-after:page;page-break-after:always;padding:15mm;font:12pt/1.7 Tajawal,Arial,sans-serif;color:#17171e;background:#fff}body.printing-book .print-chapter:last-child{break-after:auto}body.printing-book .print-chapter h1,body.printing-book .print-chapter h2{break-after:avoid}body.printing-book .print-chapter p{orphans:3;widows:3}body.printing-book .print-chapter .book-cover{min-height:220mm;display:flex;flex-direction:column;align-items:center;justify-content:center}@page{size:A4;margin:17mm}}
.account-panel{border-top:1px solid var(--line);margin-top:28px;padding-top:22px}.account-panel h3{font:700 18px Cairo;margin:0}.account-panel form{gap:12px;margin-top:12px}.account-panel .toolbar{justify-content:flex-start}.account-panel .toolbar button{white-space:normal}.account-panel p{font-size:13px}.account-panel #accountMessage{color:#5d41a7;font-weight:700}#liveSearch,#doiCheck,#inviteForm{display:flex;align-items:end;gap:10px;flex-wrap:wrap;margin:12px 0}#liveSearch input,#doiCheck input,#inviteForm input{flex:2;min-width:180px}#liveSearch select,#inviteForm select{flex:1;min-width:130px}#liveSearch button,#doiCheck button,#inviteForm button{flex:0 0 auto}.print-chapter{break-inside:auto}.print-chapter table{break-inside:auto;width:100%;border-collapse:collapse}.print-chapter tr,.print-chapter figure{break-inside:avoid}.print-chapter h1,.print-chapter h2,.print-chapter h3{break-after:avoid}@media(max-width:800px){.account-panel .toolbar{align-items:stretch}.account-panel .toolbar button{flex:1 1 120px}}
@media print{@page{size:A4;margin:17mm 17mm 22mm;@bottom-center{content:counter(page);font:9pt Arial,sans-serif;color:#6b6073}}}
#drawCanvas{display:block;width:100%;height:auto;aspect-ratio:1000/540;border:1px solid #c9b8e8;border-radius:14px;background:white;touch-action:none;cursor:crosshair}.sticky-handle{border:0;background:transparent;color:#594b71;font-weight:900;font-size:20px;cursor:grab;touch-action:none;align-self:flex-end;padding:0 8px}.sticky-handle:active{cursor:grabbing}.sticky-note{position:relative}.citation-output{white-space:pre-wrap;word-break:break-word;line-height:1.8;font-family:Tajawal,Arial,sans-serif;background:#faf8fd;border:1px solid var(--line);border-radius:12px;padding:16px;min-height:70px}
.bibliography{font:inherit;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.8;direction:inherit}@media print{.bibliography{font:11pt/1.7 Tajawal,Arial,sans-serif;white-space:pre-wrap}}
.experiment-print{margin:18px 0 26px}.experiment-print table{width:100%;border-collapse:collapse;table-layout:fixed;margin:14px 0}.experiment-print td,.experiment-print th{border:1px solid #bdb4cd;padding:6px 8px;overflow-wrap:anywhere;vertical-align:top}@media print{.experiment-print{break-inside:auto}.experiment-print h3{break-after:avoid}.experiment-print tr{break-inside:avoid}.experiment-print table{break-inside:auto;font-size:9pt}.experiment-print td{padding:4px 5px}}
@media print{body.printing-book .print-chapter{break-after:auto!important;page-break-after:auto!important}body.printing-book .print-chapter:not(:first-child){break-before:page;page-break-before:always}}
@media print{body.printing-book .print-chapter:last-child{break-before:auto!important;page-break-before:auto!important}}