:root{color:#173b34;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-optical-sizing:auto;--forest:#123d35;--forest-deep:#082c27;--emerald:#1b6553;--gold:#c49a55;--gold-light:#e6cf9f;--paper:#f6f2e9;--paper-light:#fffdf8;--ink:#173b34;--muted:#78847b;--line:#e6e0d2;--success:#397b59;--danger:#a34f46;--shadow:0 20px 55px #1d312817;--shadow-soft:0 8px 24px #1d312812;background:#f6f2e9;font-family:Noto Sans Arabic,Segoe UI,sans-serif;font-weight:400}*{box-sizing:border-box}html{scroll-behavior:smooth;min-width:320px}body{min-width:320px;min-height:100vh;color:var(--ink);background:radial-gradient(ellipse at 7% 7%, #c6a05b1a, transparent 28rem), radial-gradient(ellipse at 94% 88%, #1b655314, transparent 34rem), var(--paper);text-align:right;direction:rtl;margin:0;font-family:Noto Sans Arabic,Segoe UI,sans-serif;line-height:1.7}button,input,select,textarea{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline-offset:3px;outline:3px solid #c49a55a6}h1,h2,h3{font-family:Noto Naskh Arabic,Georgia,serif}#root{min-height:100vh}.page-shell{width:min(1180px,100%);margin-inline:auto;padding:28px 24px 48px}.small-shell{place-items:center;width:min(640px,100%);min-height:100vh;display:grid}.card-box,.progress-card,.parts-section,.chat-panel,.reader-header,.reader-start-card,.reader-pdf-card,.reader-side-panel>.card-box{box-shadow:var(--shadow-soft);background:#fffdf8ed;border:1px solid #c49a5533;border-radius:24px}.card-box{width:100%;padding:clamp(25px,5vw,42px)}.loading-state{color:var(--muted);text-align:center;padding:34px}.error-box{color:#8c4039;background:#fbefeb;border:1px solid #a34f462b;border-radius:14px;margin-top:14px;padding:12px 16px;line-height:1.75}.home-shell{place-items:center;width:100%;max-width:none;min-height:100svh;padding:clamp(20px,5vw,64px);display:grid;overflow:hidden}.home-card{isolation:isolate;color:#fffaf0;text-align:center;background:radial-gradient(at 50% 18%,#d5b0682e,#0000 31%),radial-gradient(circle at 12% 90%,#1f6d5838,#0000 34%),linear-gradient(145deg,#103d34 0%,#092d28 58%,#0b332c 100%);border:1px solid #e6cf9f80;border-radius:34px;flex-direction:column;justify-content:center;align-items:center;width:min(100%,960px);min-height:min(820px,100svh - 48px);padding:clamp(34px,6vw,70px) 30px 40px;display:flex;position:relative;overflow:hidden;box-shadow:0 35px 95px #0a2a223b,inset 0 0 0 8px #ffffff05}.home-card:before,.home-card:after{z-index:-1;content:"";pointer-events:none;position:absolute}.home-card:before{border:1px solid #e6cf9f26;border-radius:24px;inset:18px}.home-card:after{border:1px solid #e6cf9f1f;border-radius:50%;width:480px;height:480px;inset-block-start:-330px;inset-inline-start:calc(50% - 240px);box-shadow:0 0 0 28px #e6cf9f06,0 0 0 58px #e6cf9f05}.brand-mark{background:#04331b;border:1px solid #e6cf9f5c;border-radius:28px;place-items:center;width:clamp(210px,29vw,280px);height:clamp(210px,29vw,280px);margin-bottom:12px;display:grid;overflow:hidden;box-shadow:0 0 0 8px #e6cf9f09,0 18px 40px #0003}.brand-mark img{border-radius:inherit;object-fit:cover;filter:drop-shadow(0 18px 28px #0000003d);width:100%;height:100%;display:block}.brand-mark .logo-fallback{color:var(--gold-light);display:none}.eyebrow{color:#e7d2a6;letter-spacing:.04em;margin:0 0 4px;font-size:.9rem;font-weight:700}.home-card h1{color:#fff9ec;text-shadow:0 4px 22px #0003;margin:0;font-family:Noto Naskh Arabic,Georgia,serif;font-size:clamp(3.8rem,9vw,6.2rem);font-weight:700;line-height:1.2}.verse{color:#e9dec6;max-width:660px;margin:12px auto 30px;font-family:Noto Naskh Arabic,Georgia,serif;font-size:clamp(1.2rem,2.5vw,1.75rem);line-height:2.1}.home-actions{flex-wrap:wrap;justify-content:center;gap:12px;width:min(100%,610px);display:flex}.footer-text{color:#eee2c6a6;margin-top:30px;font-size:.78rem}.install-app-wrap{justify-items:center;gap:10px;width:min(100%,340px);margin-top:8px;display:grid}.install-app-button{color:#183a32;width:100%;min-height:48px;font:inherit;cursor:pointer;background:linear-gradient(135deg,#f0d9a6,#c49a55);border:1px solid #f5e0b1b8;border-radius:14px;justify-content:center;align-items:center;gap:9px;padding:11px 20px;font-size:.96rem;font-weight:800;transition:transform .18s,box-shadow .18s;display:inline-flex;box-shadow:0 8px 20px #03181333}.install-app-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 12px 24px #03181347}.install-app-button:disabled{cursor:default}.install-app-message{color:#f5ebd5;background:#ffffff12;border:1px solid #e8d7b133;border-radius:12px;max-width:100%;margin:0;padding:10px 14px;font-size:.84rem;line-height:1.8}.primary-button,.secondary-button,.danger-button,.success-button,.back-button,.part-go-button{border:1px solid #0000;border-radius:14px;justify-content:center;align-items:center;gap:8px;min-height:48px;padding:11px 20px;font-size:.94rem;font-weight:700;line-height:1.5;transition:transform .18s,box-shadow .18s,background .18s;display:inline-flex}.primary-button{color:#183a32;background:linear-gradient(135deg,#dfc38b,#c39a55);box-shadow:0 8px 20px #03181333}.home-card .primary-button{background:linear-gradient(135deg,#f0d9a6,#c49a55);min-width:210px}.secondary-button{color:var(--forest);background:#fffdf8d1;border-color:#c49a5559}.home-card .secondary-button{color:#f5ebd5;background:#ffffff0a;border-color:#e8d7b180;font-family:Noto Naskh Arabic,Georgia,serif;font-size:1.04rem;font-weight:800}.danger-button{color:#91423c;background:#f8e9e5;border-color:#a34f4626}.success-button{background:var(--success);color:#fff}.primary-button:hover,.secondary-button:hover,.danger-button:hover,.success-button:hover,.part-go-button:hover{transform:translateY(-2px);box-shadow:0 10px 22px #173b3421}button:disabled{cursor:not-allowed;opacity:.55;transform:none!important}.back-link{color:var(--emerald);align-items:center;gap:8px;font-weight:700;display:inline-flex}.small-shell .card-box h1{color:var(--forest);margin:18px 0 4px;font-family:Noto Naskh Arabic,Georgia,serif;font-size:2.15rem}.form-stack{gap:17px;margin-top:25px;display:grid}.form-stack label,.claim-modal-label{color:var(--forest);text-align:right;gap:8px;font-size:.9rem;font-weight:700;display:grid}.form-stack input,.claim-modal input,.claim-modal select,.chat-name-input,.chat-form input{width:100%;min-height:52px;color:var(--ink);background:#fffefa;border:1px solid #e2dccf;border-radius:14px;outline:none;padding:11px 15px;transition:border-color .18s,box-shadow .18s}.form-stack input::placeholder,.claim-modal input::placeholder,.chat-form input::placeholder{color:#a5a397}.form-stack input:focus,.claim-modal input:focus,.claim-modal select:focus,.chat-form input:focus,.chat-name-input:focus{border-color:var(--gold);box-shadow:0 0 0 4px #c49a5521}.form-stack>.primary-button{width:100%;margin-top:4px}.muted-text{color:var(--muted);margin-top:8px;line-height:1.8}.room-shell{width:min(1280px,100%);padding-top:28px}.room-header{background:var(--paper-light);box-shadow:var(--shadow-soft);border:1px solid #c49a552e;border-radius:22px;justify-content:space-between;align-items:center;gap:20px;margin-bottom:20px;padding:20px 24px;display:flex}.brand-small{color:var(--emerald);align-items:center;gap:7px;margin-bottom:2px;font-size:.8rem;font-weight:800;display:inline-flex}.brand-small:before{content:"";background:url(/logo-khetma-emerald.png) 50%/cover;border-radius:50%;width:27px;height:27px;display:inline-block}.room-header h1{color:var(--forest);font-family:Noto Naskh Arabic,Georgia,serif;font-size:clamp(1.7rem,4vw,2.4rem);font-weight:700;line-height:1.35}.room-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.progress-card{margin-bottom:17px;padding:22px 24px}.progress-top{color:var(--forest);justify-content:space-between;align-items:center;gap:16px;font-size:1rem;display:flex}.progress-top span{color:#a67c3b;font-size:1.1rem;font-weight:800}.progress-track{background:#ece7db;border-radius:20px;height:10px;margin-top:13px;overflow:hidden}.progress-value{border-radius:inherit;background:linear-gradient(90deg,#c69b55,#e5cb91,#35765e);height:100%;transition:width .45s}.success-box{color:#306c4d;background:#eef5ed;border:1px solid #397b5926;border-radius:14px;margin-top:14px;padding:12px 15px}.tabs-bar{background:#fffdf8c7;border:1px solid #e9e2d4;border-radius:16px;gap:6px;width:fit-content;margin:0 0 16px auto;padding:5px;display:flex}.tab-btn{color:#777c70;background:0 0;border:0;border-radius:12px;justify-content:center;align-items:center;gap:8px;min-height:42px;padding:8px 18px;font-weight:700;transition:all .18s;display:inline-flex}.tab-active{background:var(--forest);color:#f8efd9;box-shadow:0 5px 12px #082c272b}.tab-badge{background:#ffffff2b;border-radius:50%;place-items:center;min-width:22px;height:22px;font-size:.72rem;display:inline-grid}.tab-content{min-width:0}.parts-section{padding:23px}.section-heading{justify-content:space-between;align-items:end;gap:16px;margin-bottom:14px;display:flex}.section-heading h2,.chat-header h2,.reader-side-panel h2{color:var(--forest);margin:0;font-family:Noto Naskh Arabic,Georgia,serif;font-size:1.55rem}.section-heading p,.chat-header span{color:var(--muted);margin-top:4px;font-size:.85rem}.parts-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;display:grid}.part-card{text-align:center;background:#fffdf8;border:1px solid #e9e2d4;border-radius:17px;flex-direction:column;justify-content:center;align-items:stretch;min-width:0;min-height:126px;padding:13px 10px;transition:transform .18s,border-color .18s,box-shadow .18s;display:flex}.part-card.available{background:linear-gradient(145deg,#fffdf8,#f8f1e1);border-color:#c49a5554}.part-card.available:hover{border-color:var(--gold);transform:translateY(-3px);box-shadow:0 10px 22px #29362b17}.part-card.reading{background:#fbf4e4;border-color:#d4b979}.part-card.completed{background:#f0f6ed;border-color:#bfd2bd}.part-card:has(.part-card){color:var(--ink)}.part-main-button{width:100%;color:inherit;font:inherit;text-align:center;background:0 0;border:0;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:5px;padding:0;display:flex}.part-number{color:var(--forest);font-family:Noto Naskh Arabic,Georgia,serif;font-size:1.3rem;font-weight:700}.part-status{margin-top:0;font-size:.78rem;font-weight:700;line-height:1.65}.part-available,.part-reading{color:#9b763a}.part-done{color:#477454}.part-reader{max-width:100%;color:var(--muted);overflow-wrap:anywhere;font-size:.73rem;line-height:1.6}.part-go-button{min-height:38px;color:var(--forest);background:#f7f0df;border-color:#dfd3b8;border-radius:11px;margin-top:8px;padding:7px 10px;font-size:.78rem}.chat-panel{flex-direction:column;min-height:500px;padding:22px;display:flex}.participants-strip{flex-wrap:wrap;gap:7px;margin:14px 0;display:flex}.participant-chip{color:var(--forest);background:#faf7ef;border:1px solid #e7e1d4;border-radius:99px;padding:6px 12px;font-size:.78rem;font-weight:700}.messages-list{flex:1;max-height:420px;padding:5px 2px 15px;overflow:auto}.message{overflow-wrap:anywhere;background:#fffdf8;border:1px solid #ebe5d9;border-radius:17px 6px 17px 17px;max-width:88%;margin:0 0 10px auto;padding:12px 15px;box-shadow:0 4px 12px #1e322809}.own-message{border-inline-start:3px solid var(--gold);background:#f8f1e3}.msg-sender{color:var(--emerald);margin-bottom:3px;font-size:.77rem;font-weight:800;display:block}.message p{color:var(--ink);line-height:1.8}.empty-chat{color:var(--muted);text-align:center;padding:40px 12px}.empty-chat p{margin-top:8px}.chat-composer{border-top:1px solid #eee8dc;padding-top:14px}.chat-name-row{align-items:center;gap:9px;margin-bottom:9px;display:flex}.chat-name-label{color:var(--muted);flex-shrink:0;font-size:.82rem}.chat-name-input{flex:1;min-width:0;min-height:42px;padding-block:7px}.chat-name-row .secondary-button{flex-shrink:0;min-height:42px;padding:7px 12px;font-size:.78rem}.chat-form{gap:9px;display:flex}.chat-form input{flex:1;min-width:0;min-height:48px}.chat-form .primary-button,.send-disabled{min-width:92px}.send-disabled{color:#76776d;background:#d9d7cb;border:0;border-radius:14px;min-height:48px;font-weight:700}.dua-banner{color:var(--forest);background:#f7f0df;border:1px solid #c49a5547;border-radius:17px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin:0 0 14px;padding:15px 18px;font-weight:700;display:flex}.reader-shell{width:min(1320px,100%)}.reader-header{justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px;padding:16px 20px;display:flex}.reader-title{text-align:center}.reader-title span{color:#a57c3d;align-items:center;gap:6px;font-size:.8rem;font-weight:800;display:inline-flex}.reader-title span:before{content:"";background:url(/logo-khetma-emerald.png) 50%/cover;border-radius:50%;width:24px;height:24px;display:inline-block}.reader-title h1{color:var(--forest);margin:0;font-size:1.65rem}.back-button{color:var(--forest);background:#f7f2e8;border-color:#e5dece}.reader-start-card{text-align:center;width:min(100%,680px);margin:28px auto 0;padding:32px}.reader-start-card h2{color:var(--forest);margin:8px 0 0;font-size:1.65rem}.reader-start-card p{color:var(--muted);margin:10px 0 20px}.reader-icon-circle{width:62px;height:62px;color:var(--forest);background:#f7f0df;border:1px solid #c49a5540;border-radius:50%;place-items:center;margin:auto;font-size:1.65rem;display:grid}.reader-pdf-card{min-width:0;padding:14px}.pdf-viewer{background:#e8e4da;border-radius:16px;place-items:center;min-height:70vh;display:grid;overflow:auto}.pdf-viewer iframe{background:#fff;border:0;border-radius:14px;width:100%;min-height:72vh}.reader-content{grid-template-columns:minmax(0,1fr) 330px;gap:18px;display:grid}.reader-side-panel{min-width:0}.reader-side-panel>.card-box{padding:22px}.reader-error{width:100%;margin-bottom:16px}.success-button{width:100%}.modal-overlay{z-index:100;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#051916ad;place-items:center;padding:20px;display:grid;position:fixed;inset:0;overflow-y:auto}.confirm-modal,.dua-modal{background:var(--paper-light);text-align:center;border:1px solid #c49a5559;border-radius:26px;width:min(100%,510px);max-height:min(88svh,860px);padding:30px;overflow:auto;box-shadow:0 30px 90px #0000004d}.confirm-modal h2,.dua-modal h2{color:var(--forest);margin:0;font-size:1.65rem}.claim-modal-icon{margin-bottom:9px;font-size:2rem}.claim-modal-sub{color:#a47b3e;margin:5px 0 20px;font-weight:700}.claim-modal-label{margin:13px 0}.claim-modal select{appearance:auto}.confirm-actions{justify-content:center;gap:10px;margin-top:20px;display:flex}.confirm-actions>*{min-width:120px}.dua-modal{text-align:right;width:min(700px,100vw - 28px)}.dua-modal>div{color:#465a50;line-height:2.15}@media (width<=850px){.page-shell{padding:18px 14px 32px}.room-header{flex-direction:column;align-items:flex-start}.room-actions{width:100%}.room-actions>button{flex:1}.parts-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.reader-content{grid-template-columns:1fr}}@media (width<=560px){.home-shell{padding:10px}.home-card{border-radius:27px;min-height:calc(100svh - 20px);padding:38px 22px 28px}.home-card:before{border-radius:19px;inset:10px}.brand-mark{width:min(58vw,220px);height:min(58vw,220px)}.home-card h1{font-size:4.1rem}.verse{margin-bottom:23px;font-size:1.15rem}.home-actions{flex-direction:column}.home-actions>*{width:100%}.small-shell{padding-inline:12px}.room-header{padding:17px}.room-actions{grid-template-columns:1fr 1fr;display:grid}.room-actions>button:first-child{grid-column:1/-1}.progress-card,.parts-section,.chat-panel{padding:17px}.parts-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.part-card{min-height:112px;padding-inline:7px}.part-number{font-size:1.15rem}.tabs-bar{width:100%}.tab-btn{flex:1}.section-heading{flex-direction:column;align-items:flex-start}.chat-name-row{flex-wrap:wrap}.chat-name-label{width:100%}.chat-name-row .secondary-button{flex:none}.chat-form{flex-direction:column}.chat-form>button{width:100%}.reader-header{padding:13px}.reader-start-card{padding:24px 17px!important}.confirm-modal,.dua-modal{padding:23px 18px}.confirm-actions{flex-direction:column}.confirm-actions>*{width:100%}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}