:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--ink:#24303c;--muted:#6f7782;--line:#e5e4df;--cream:#f5f2eb;--brand:#227d73;--brand-dark:#17675f;--paper:#fffefa;font-family:Inter,ui-rounded,Arial Rounded MT Bold,system-ui,sans-serif}*{box-sizing:border-box}html,body{background:var(--cream);min-height:100%;color:var(--ink);margin:0}button,input{font:inherit}button{cursor:pointer}.topbar{border-bottom:1px solid var(--line);z-index:10;background:#fff;justify-content:space-between;align-items:center;gap:14px;min-height:68px;padding:10px 28px;display:flex;position:sticky;top:0}.brand{color:var(--ink);align-items:center;gap:10px;min-width:max-content;font-size:18px;font-weight:800;text-decoration:none;display:flex}.brand-mark{color:#fff;background:var(--brand);border-radius:10px;flex:none;place-items:center;width:32px;height:32px;display:grid}.top-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;min-width:0;display:flex}.saved{color:#75807d;margin-right:6px;font-size:12px}.button{border:0;border-radius:9px;padding:10px 15px;font-size:13px;font-weight:700}.button.secondary{color:#4d565f;background:#f0f0ed}.button.primary{background:var(--brand);color:#fff;box-shadow:0 4px 12px #227d7330}.button.primary:hover{background:var(--brand-dark)}.account-link{color:var(--brand-dark);cursor:pointer;background:0 0;border:0;font-size:12px;font-weight:800;text-decoration:none}.link-button{text-decoration:none;display:inline-block}.workspace{grid-template-columns:370px minmax(0,1fr);height:calc(100vh - 68px);display:grid}.editor{border-right:1px solid var(--line);background:#fff;padding:25px 24px 38px;overflow:auto}.editor section{border-bottom:1px solid #ecebe7;margin-bottom:23px;padding-bottom:24px}.eyebrow{color:#8b8174;letter-spacing:.11em;text-transform:uppercase;margin:0 0 12px;font-size:11px;font-weight:800}.template-grid{grid-template-columns:repeat(4,1fr);gap:7px;display:grid}.template-card{color:#687078;background:#fff;border:1px solid #dddcd7;border-radius:10px;padding:9px 4px 8px}.template-card span{margin-bottom:3px;font-size:22px;display:block}.template-card strong{font-size:11px}.template-card.active{border-color:var(--brand);color:var(--brand-dark);box-shadow:0 0 0 1px var(--brand);background:#edf8f6}label{color:#656d74;margin-bottom:13px;font-size:11px;font-weight:700;display:block}input{width:100%;color:var(--ink);background:#fff;border:1px solid #dcdcd7;border-radius:8px;outline:0;margin-top:6px;padding:10px 11px}input:focus{border-color:#4b9f97;box-shadow:0 0 0 3px #4b9f971c}.participants-panel{gap:10px;margin-top:3px;display:grid}.participants-topline{color:#656d74;justify-content:space-between;align-items:center;font-size:11px;font-weight:800;display:flex}.stepper{grid-template-columns:30px 48px 30px;align-items:center;gap:4px;display:grid}.stepper button{height:30px;color:var(--brand-dark);background:#eef4f3;border:0;border-radius:7px;place-items:center;padding:0;display:grid}.stepper input{text-align:center;margin:0;padding:6px 4px}.participant-list{gap:7px;display:grid}.participant-row{grid-template-columns:40px minmax(0,1fr) auto;align-items:center;gap:7px;display:grid}.avatar-clear{color:#a44;background:#f5eeee;border:0;border-radius:6px;width:24px;height:30px;padding:0;font-size:16px;line-height:1}.participant-row input{margin:0;padding:8px 9px;font-size:12px}.avatar-button{color:#77807e;background:#fff;border:1px solid #ddd;border-radius:8px;place-items:center;width:40px;height:36px;padding:2px;display:grid;overflow:hidden}.avatar-button img{object-fit:contain;width:100%;height:100%}.hint-line{color:#989994;margin:0;font-size:10px;line-height:1.5}.section-heading{justify-content:space-between;align-items:center;display:flex}.text-button{color:var(--brand);background:0 0;border:0;padding:0;font-size:12px;font-weight:800}.task-editor-list{gap:7px;display:grid}.task-edit-row{grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:7px;display:grid}.task-edit-row input{margin:0;padding:8px 9px;font-size:12px}.task-edit-row input[readonly]{background:#f6f6f3}.thumb-button{background:#fff;border:1px solid #ddd;border-radius:7px;width:42px;height:37px;padding:2px;overflow:hidden}.thumb-button img{object-fit:contain;width:100%;height:100%}.row-actions{gap:2px;display:flex}.row-actions button{color:#747b80;background:#f0f0ed;border:0;border-radius:5px;width:23px;height:30px;padding:0}.row-actions button:last-child{color:#b25057}.rakat-mini{color:#705691;background:#eee9f5;border-radius:7px;place-items:center;width:27px;height:27px;font-size:12px;font-weight:800;display:grid}.fixed .text-button{opacity:.5}.editor-note{color:#989994;text-align:center;font-size:10px;line-height:1.5}.preview-area{background:#ece9e2;position:relative;overflow:auto}.preview-toolbar{z-index:5;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#77756f;background:#f5f2edeb;border-bottom:1px solid #e1ded8;justify-content:space-between;align-items:center;height:48px;padding:0 22px;font-size:12px;font-weight:700;display:flex;position:sticky;top:0}.status-dot{background:#65aa7f;border-radius:50%;width:7px;height:7px;margin-right:5px;display:inline-block}.icon-button{color:#777;background:0 0;border:0;font-size:20px}.paper-stage{justify-content:center;min-width:650px;padding:36px 24px 80px;display:flex}.sheet{background:var(--paper);color:#20272b;flex:none;width:595px;height:842px;padding:30px 28px 28px;position:relative;overflow:hidden;box-shadow:0 15px 45px #514c4330}.sheet-header{text-align:center;justify-content:center;align-items:center;gap:11px;min-height:66px;display:flex;position:relative}.sheet-header h1{letter-spacing:1px;color:#232628;text-shadow:0 1px #fff;margin:0;font-family:Arial Rounded MT Bold,ui-rounded,sans-serif;font-size:27px;line-height:1}.sheet-header p{color:#69645d;margin:0;font-size:10px;font-weight:800;position:absolute;top:40px;left:0;right:0}.hero-icon{filter:drop-shadow(0 2px #e3a933);font-size:35px}.hero-icon.mirror{transform:scaleX(-1)}.confetti{opacity:.8;background-color:#0000;background-image:radial-gradient(circle at 10px 7px,#f17693 0 2px,#0000 3px),radial-gradient(circle at 35px 12px,#75c5d3 0 2px,#0000 3px),radial-gradient(circle at 59px 6px,#f8c84c 0 2px,#0000 3px);background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:70px 18px;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;height:18px;position:absolute;left:0;right:0}.top-confetti{top:5px}.bottom-confetti{bottom:4px}.reward{background:#fff;border:5px solid #4b58a1;border-radius:10px;align-items:center;gap:8px;width:70%;height:42px;margin:5px auto 11px;padding:7px 14px;display:flex;box-shadow:inset 0 0 0 2px #8f97cd}.reward strong{font-size:15px}.reward span{border-bottom:1px solid #555;flex:1;min-height:18px;font-size:12px}.routine-table{border:1px solid #c8ccd0;border-radius:9px;overflow:visible}.table-head,.routine-row{display:grid}.table-head{text-align:center;background:#71d1d5;border-radius:9px 9px 0 0;align-items:stretch;min-height:58px;font-size:11px;font-weight:900;overflow:visible}.table-head>span{border-right:2px solid #fff;place-items:center;padding:4px;display:grid;overflow:visible}.table-head>span:last-child{border-right:0}.routine-table>div:last-child{border-radius:0 0 9px 9px}.table-head>span.person-head{justify-content:center;align-items:flex-end;padding:0 2px 3px;display:flex;position:relative;overflow:visible}.person-avatar{pointer-events:none;width:56px;height:62px;position:absolute;bottom:21px;left:50%;transform:translate(-50%)}.person-avatar img{object-fit:contain;object-position:bottom;filter:drop-shadow(0 2px 3px #0000002e);width:100%;height:100%}.person-name{z-index:1;text-overflow:ellipsis;white-space:nowrap;background:#fff;border-radius:7px;max-width:100%;padding:2px 8px;font-size:10px;font-weight:900;position:relative;overflow:hidden;box-shadow:0 1px 2px #0002}.routine-row{background:color-mix(in srgb,var(--row) 72%, white);border-top:2px solid #fff;height:55px}.matin .routine-row{height:53px}.routine-row>span{border-right:2px solid #fff}.routine-row>span:last-child{border-right:0}.number{color:#fff;background:color-mix(in srgb,var(--row) 82%, #333);outline:2px solid color-mix(in srgb,var(--row) 70%,#333);text-shadow:0 1px 2px #0005;border:4px solid #fff9;border-radius:50%;place-items:center;width:37px;height:37px;margin:auto;font-size:18px;font-weight:900;display:grid}.task-content{align-items:center;gap:9px;min-width:0;padding:3px 8px;display:flex}.task-content img{object-fit:contain;flex:none;width:64px;height:47px}.task-content strong{text-align:center;flex:1;font-family:Arial Rounded MT Bold,ui-rounded,sans-serif;font-size:14px;line-height:1.05}.check{place-items:center;display:grid}.check i{background:#fff;border:2px solid #3c4549;border-radius:8px;width:34px;height:34px;display:block;box-shadow:inset 0 0 0 2px #fff}.midi .sheet-header,.soir .sheet-header{margin-bottom:4px}.midi .routine-row{background:#fff;border-top:1px solid #d8d8d3;height:68px}.midi .number,.soir .number{border:0;outline:0;width:30px;height:30px;font-size:14px}.midi .task-content img,.soir .task-content img{width:76px;height:55px}.midi .task-content strong,.soir .task-content strong{text-align:left;font-size:13px}.midi .check i,.soir .check i{border-color:color-mix(in srgb,var(--row) 65%,#777)}.soir .routine-row{background:#fff;border-top:1px solid #ddd;height:55px}.soir .sheet-header{min-height:64px}.rows-13 .routine-row,.rows-14 .routine-row{height:48px}.rows-13 .task-content img,.rows-14 .task-content img{height:41px}.priere{padding:47px 20px 34px}.prayer-header{text-align:center;justify-content:center;align-items:center;gap:8px;height:85px;display:flex}.prayer-header>span{font-size:27px}.prayer-header .moon{font-size:47px}.prayer-header .mosque{font-size:43px}.prayer-header h1{color:#277d88;letter-spacing:.5px;margin:0;font-family:Arial Rounded MT Bold,ui-rounded,sans-serif;font-size:30px}.prayer-header p{color:#635e58;margin:5px 0 0;font-size:12px;font-weight:700}.prayer-table{border:1px solid #cbd2d2;border-radius:10px;overflow:hidden}.prayer-head{text-align:center;grid-template-columns:1fr 132px 84px;height:40px;font-size:12px;font-weight:900;display:grid}.prayer-head span{border-right:1px solid #d9d9d5;place-items:center;display:grid}.prayer-head span:first-child{background:#d9eef2}.prayer-head span:nth-child(2){background:#dceec7}.prayer-head span:nth-child(3){background:#eee7f5;border:0}.prayer-row{border-top:1px solid #d9d9d5;grid-template-columns:172px 30px 1fr 132px 84px;align-items:center;height:118px;display:grid}.prayer-row img{object-fit:cover;border-radius:9px;width:162px;height:102px;margin-left:6px}.prayer-number{background:var(--prayer);color:#fff;border-radius:50%;place-items:center;width:30px;height:30px;font-size:17px;font-weight:900;display:grid}.prayer-name{color:var(--prayer);padding:0 8px}.prayer-name strong{font-size:22px;display:block}.prayer-name small{margin:4px 0;font-size:10px;font-weight:800;display:block}.prayer-name em{font-family:serif;font-size:17px;font-style:normal;display:block}.rakats{border:2px solid color-mix(in srgb,var(--prayer) 65%,white);width:70px;height:72px;color:var(--prayer);text-align:center;border-radius:8px;place-content:center;margin:auto;display:grid}.rakats strong{font-size:31px;line-height:1}.rakats small{margin-top:4px;font-size:10px;font-weight:900}.prayer-check{border:2px solid color-mix(in srgb,var(--prayer) 65%,white);border-radius:7px;width:48px;height:55px;margin:auto}.prayer-footer{text-align:center;color:#675b51;background:#fff4d4;border-radius:8px;width:70%;margin:10px auto 0;padding:6px;font:700 13px Georgia,serif}.prayer-reward{height:38px;margin-top:10px;margin-bottom:0}dialog{width:min(720px,100% - 30px);color:var(--ink);background:#fffefa;border:0;border-radius:16px;padding:0;box-shadow:0 30px 80px #0004}dialog::backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#1c282b99}.dialog-shell{max-height:80vh;color:var(--ink);background:#fffefa;border-radius:16px;padding:23px;overflow:auto}.dialog-header{justify-content:space-between;align-items:flex-start;margin-bottom:16px;display:flex}.dialog-header h2{margin:0;font-size:20px}.close-button{background:#f0f0ed;border:0;border-radius:50%;width:34px;height:34px;font-size:22px}.gallery-grid{grid-template-columns:repeat(6,1fr);gap:9px;display:grid}.gallery-grid button{background:#fff;border:1px solid #e1e0dc;border-radius:9px;min-width:0;padding:6px}.gallery-grid button:hover{border-color:var(--brand);background:#eff8f6}.gallery-grid img{aspect-ratio:1.3;object-fit:contain;width:100%;display:block}.gallery-grid span{white-space:nowrap;text-overflow:ellipsis;color:#667078;margin-top:4px;font-size:9px;display:block;overflow:hidden}.gallery-none{place-items:center;display:grid}.gallery-none-mark{color:#9aa2a8;aspect-ratio:1.3;place-items:center;font-size:34px;display:grid}.toast{opacity:0;pointer-events:none;color:#fff;z-index:50;background:#263532;border-radius:8px;padding:10px 16px;font-size:12px;transition:all .2s;position:fixed;bottom:24px;left:50%;transform:translate(-50%,20px)}.toast.show{opacity:1;transform:translate(-50%)}.auth-shell{background:#fffefa;border:1px solid #efe6d7;width:min(430px,100% - 30px);box-shadow:0 24px 80px #10201c40}.auth-form{gap:12px;display:grid}.auth-form label{margin:0}.auth-form .button{margin-top:4px}.auth-error{color:#a54149;min-height:17px;margin:0;font-size:12px}.auth-switch{color:#73787d;text-align:center;font-size:12px}.auth-switch button{color:var(--brand);background:0 0;border:0;font-weight:800}.library-panel{z-index:20;border-left:1px solid var(--line);background:#fff;width:min(390px,100%);padding:24px;position:fixed;inset:68px 0 0 auto;overflow:auto;box-shadow:-15px 0 35px #28312c20}.library-header{justify-content:space-between;align-items:flex-start;display:flex}.library-header h2{margin:0 0 5px}.library-list{gap:12px;margin-top:22px;display:grid}.document-card{border:1px solid var(--line);text-align:left;background:#fff;border-radius:11px;grid-template-columns:90px 1fr;gap:12px;padding:9px;display:grid}.document-card img{object-fit:cover;background:#eee;border-radius:6px;width:90px;height:125px}.document-card strong{margin:8px 0 5px;display:block}.document-card small{color:#85898a}.empty-state{text-align:center;color:#85898a;padding:35px 10px;font-size:13px}.user-chip{color:#717a78;text-overflow:ellipsis;white-space:nowrap;max-width:130px;font-size:11px;overflow:hidden}@media (width<=900px){.workspace{grid-template-columns:320px minmax(0,1fr)}.editor,.topbar{padding-inline:16px}.saved{display:none}}@media (width<=700px){.topbar{align-items:flex-start;height:auto;min-height:62px;padding:10px 12px}.brand{padding-top:3px;font-size:15px}.brand-mark{border-radius:8px;width:28px;height:28px}.top-actions{flex:1;gap:7px}.top-actions .button,.account-link{font-size:11px}.button{padding:8px 9px}.button.primary{box-shadow:none}.workspace{height:auto;display:block}.editor{border:0;overflow:visible}.preview-area{overflow:auto}.paper-stage{transform-origin:0 0;justify-content:flex-start;padding:20px 10px 60px}.gallery-grid{grid-template-columns:repeat(3,1fr)}.auth-shell{width:100%;max-height:calc(100vh - 30px)}}.modal-backdrop{z-index:40;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#1c282b99;place-items:center;padding:15px;display:grid;position:fixed;inset:0}.gallery-dialog{background:#fffefa;border-radius:16px;width:min(720px,100%);max-height:80vh;overflow:auto;box-shadow:0 30px 80px #0004}.document-card{grid-template-columns:1fr 30px}.document-open{text-align:left;color:inherit;background:0 0;border:0;grid-template-columns:90px 1fr;gap:12px;padding:0;display:grid}.preview-placeholder{background:#eee;border-radius:6px;place-items:center;width:90px;height:125px;font-size:34px;display:grid}.delete-doc{color:#a44;background:#f5eeee;border:0;border-radius:7px;align-self:start;padding:6px}.top-actions .button{align-items:center;gap:6px;display:inline-flex}@page{size:A4 portrait;margin:0}@media print{html,body{background:#fff;margin:0;padding:0}.topbar,.editor,.preview-toolbar,dialog,.toast,.modal-backdrop{display:none!important}.workspace,.preview-area{background:#fff;width:auto;height:auto;margin:0;padding:0;display:block;overflow:visible}.paper-stage{min-width:0;margin:0;padding:0;display:block;overflow:visible}.sheet{box-shadow:none;zoom:1.33386;-webkit-print-color-adjust:exact;print-color-adjust:exact;margin:0}}