.field{display:block;margin:20px 0;font-size:16px}.field input,.field select,.field textarea,.editor-tools input,.editor-tools select{display:block;width:100%;padding:13px;margin-top:7px;border:1px solid var(--line);background:white;color:var(--ink);border-radius:10px;font:inherit}.field textarea{min-height:130px}.editor-tools{display:flex;gap:16px}.editor-tools input{flex:2}.editor-tools select{flex:1}.editor-tabs{display:flex;gap:6px;overflow:auto;margin-bottom:24px;border-bottom:1px solid var(--line)}.tab{border:0;background:none;padding:14px;color:var(--muted)}.tab.active{color:var(--green);border-bottom:3px solid var(--gold)}.editor-footer{display:flex;gap:12px;flex-wrap:wrap;border-top:1px solid var(--line);padding:24px 0}.editor-thumb{width:100%;max-height:320px;object-fit:contain;background:#e6e9df}.editor-entry{font-size:14px;border:1px solid var(--line);padding:7px 12px;border-radius:8px}.chapter-link{border:0;background:none;color:var(--ink);text-align:left;flex:1}.pill-status{padding:5px 10px;background:#e5eadf;border-radius:20px;font-size:13px}.preview-sheet{background:#fff;border-radius:18px;padding:24px;border:1px solid var(--line)}.card .secondary{padding:7px 11px;margin:2px}#app .reader img{max-width:100%}@media(max-width:800px){.editor-tools{display:block}.row{flex-wrap:wrap}.editor-footer .primary,.editor-footer .secondary{width:100%}.chapter{flex-wrap:wrap}header .badge{display:none}}

body.editor-mode main{width:100%;max-width:1120px;padding:42px 46px 90px}body.editor-mode #app{min-width:0}body.editor-mode #app *{min-width:0}body.editor-mode h1,body.editor-mode h2,body.editor-mode h3,body.editor-mode p,body.editor-mode button{overflow-wrap:anywhere}body.editor-mode .row{align-items:flex-start}body.editor-mode .card{overflow:hidden;box-shadow:0 8px 28px #17352d08}body.editor-mode .chapter{overflow:hidden}body.editor-mode .chapter-link{overflow-wrap:anywhere}body.editor-mode .actions{align-items:center}body.editor-mode .actions button{white-space:normal}body.editor-mode .editor-tools{align-items:end;margin:24px 0}body.editor-mode .editor-tabs{scrollbar-width:thin}body.editor-mode .tab{flex:0 0 auto;white-space:nowrap}body.editor-mode .preview-sheet{max-width:820px;margin:0 auto;padding:34px}body.editor-mode .preview-sheet .reader{max-width:720px}body.editor-mode .editor-footer{position:sticky;bottom:0;z-index:10;margin:32px -12px -24px;padding:18px 12px;background:#f6f5eff2;backdrop-filter:blur(14px)}body.editor-mode textarea{resize:vertical}body.editor-mode input,body.editor-mode select,body.editor-mode textarea{max-width:100%}
@media(max-width:800px){body.editor-mode main{padding:24px 18px 110px}body.editor-mode h1{font-size:32px}body.editor-mode .editor-tools{display:grid;grid-template-columns:1fr;gap:10px}body.editor-mode .editor-tools input,body.editor-mode .editor-tools select{margin-top:0}body.editor-mode .card{padding:18px}body.editor-mode .preview-sheet{padding:20px}body.editor-mode .editor-footer{margin:26px -4px -24px;padding:14px 4px}body.editor-mode .chapter{display:grid;grid-template-columns:1fr auto auto;gap:8px}body.editor-mode .chapter-link{grid-column:1/-1;width:100%}}

/* ATHAR reader */
.brand-logo{display:block;color:#d9b86f}.logo-crop{display:block;overflow:hidden;background:#fff;border-radius:3px;height:68px}.logo-crop img{display:block;width:100%;height:100%;object-fit:cover;transform:scale(1.62)}.brand-logo>span:last-child{display:block;margin-top:10px;font-size:9px;letter-spacing:2px;color:#d9c9a1}.mobile-logo{display:none}.header-phrase{font-size:11px;letter-spacing:2.5px;color:var(--muted)}.page-intro{max-width:660px;margin-bottom:34px}.page-intro p,.reading-head p{color:var(--muted);font-size:18px}.welcome{min-height:430px;background:radial-gradient(circle at 86% 25%,#215b4c 0,#123e34 32%,#0b2925 78%);color:#f7f1df;border-radius:28px;padding:54px;display:grid;grid-template-columns:1.5fr .7fr;align-items:center;gap:28px;overflow:hidden;position:relative}.welcome:after{content:"";position:absolute;width:270px;height:270px;border:1px solid #d9b86f44;border-radius:50%;right:-110px;bottom:-150px}.welcome .eyebrow{color:#d9c9a1}.welcome h1{font-size:52px;max-width:620px;margin:14px 0 18px}.welcome p{font-size:18px;max-width:570px;color:#c9d5ca}.gold{background:#d9b86f;color:#17352d}.ghost{padding:12px 18px;color:#eee4cc;border-bottom:1px solid #d9b86f}.arch-mark{justify-self:end;width:180px;height:230px;border:1px solid #d9b86f77;border-radius:90px 90px 14px 14px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.arch-mark span{font:25px Georgia;letter-spacing:5px;color:#d9b86f}.arch-mark small{margin-top:18px;color:#aebfb2;line-height:1.9;text-transform:uppercase;letter-spacing:2px}.path-stats{display:grid;grid-template-columns:repeat(3,1fr);border-bottom:1px solid var(--line);padding:28px 8px}.path-stats div{text-align:center;border-right:1px solid var(--line)}.path-stats div:last-child{border:0}.path-stats strong{display:block;font:34px Georgia;color:var(--green)}.path-stats span{font-size:13px;color:var(--muted)}.continue-card{margin:34px 0;background:#fff;border:1px solid var(--line);border-radius:18px;padding:26px 28px;display:flex;align-items:center;justify-content:space-between}.continue-card h2{margin:8px 0}.continue-card p{margin:0;color:var(--muted)}.round-arrow{width:52px;height:52px;border-radius:50%;background:var(--green);color:#fff;display:grid;place-items:center;font-size:24px}.why{margin:70px 0 38px}.why>div:first-child{display:flex;justify-content:space-between;gap:30px;align-items:start}.why h2{font-size:34px;margin-top:8px}.principles{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:25px}.principles>div{background:#eeeae0;border-radius:18px;padding:24px}.principles b{font:18px Georgia;color:var(--gold)}.principles h3{font-size:19px;margin-top:25px}.principles p{font-size:14px;color:var(--muted);margin-bottom:0}.about-athar{border-top:1px solid var(--line);padding:46px 0 12px;max-width:730px}.about-athar h2{font-size:32px}.about-athar>p{font-size:18px}.about-athar .source-note{font-size:14px;color:var(--muted);border-left:2px solid var(--gold);padding-left:15px}.series-grid{display:grid;gap:18px}.series-card{background:#fff;border:1px solid var(--line);border-radius:20px;padding:28px;display:grid;grid-template-columns:60px 1fr;gap:18px}.series-card h2{margin:5px 0 8px}.series-card p{color:var(--muted);margin:0}.series-index{font:24px Georgia;color:var(--gold)}.series-meta{font-size:11px;letter-spacing:1.5px;text-transform:uppercase;color:var(--muted)}.series-chapters,.coming{grid-column:2}.coming{margin-top:12px;padding-top:15px;border-top:1px solid var(--line);font-size:13px;color:var(--muted)}.reading-head{border-bottom:1px solid var(--line);margin-bottom:30px;padding-bottom:20px}.sources{background:#eeeae0;padding:18px;border-radius:12px}.reading-actions{margin:30px 0}.reader-note{margin-top:44px}.reader-note span{display:block;font:24px Georgia}.reader-note small{display:block;color:var(--muted);margin:4px 0 10px}.saved-note{margin:-5px 0 18px 64px;border-left:2px solid var(--gold);padding:8px 15px;color:var(--muted)}.saved-note span{display:block;font-size:11px;text-transform:uppercase;letter-spacing:1.3px;color:var(--gold)}.empty-mark{font-size:38px;color:var(--gold)}
@media(max-width:800px){.mobile-logo{display:block;width:118px}.mobile-logo .logo-crop{height:40px}.header-phrase{display:none}.welcome{min-height:auto;padding:34px 26px;display:block;border-radius:20px}.welcome h1{font-size:39px}.arch-mark{display:none}.welcome .actions{display:grid}.welcome .actions a{width:100%}.path-stats{padding:22px 0}.path-stats strong{font-size:28px}.path-stats span{font-size:10px}.principles{grid-template-columns:1fr}.why>div:first-child{display:block}.series-card{grid-template-columns:38px 1fr;padding:21px}.series-chapters,.coming{grid-column:1/-1}.about-athar h2,.why h2{font-size:28px}.page-intro p,.reading-head p{font-size:16px}.saved-note{margin-left:18px}}