@font-face{font-family:Plus Jakarta Sans;font-weight:400;font-style:normal;font-display:swap;src:url(/fonts/PlusJakartaSans-Regular.woff2)format("woff2")}@font-face{font-family:Plus Jakarta Sans;font-weight:500;font-style:normal;font-display:swap;src:url(/fonts/PlusJakartaSans-Medium.woff2)format("woff2")}@font-face{font-family:Plus Jakarta Sans;font-weight:600;font-style:normal;font-display:swap;src:url(/fonts/PlusJakartaSans-SemiBold.woff2)format("woff2")}@font-face{font-family:Plus Jakarta Sans;font-weight:700;font-style:normal;font-display:swap;src:url(/fonts/PlusJakartaSans-Bold.woff2)format("woff2")}@font-face{font-family:UthmanicHafs;font-display:block;src:url(https://verses.quran.foundation/fonts/quran/hafs/uthmanic_hafs/UthmanicHafs1Ver18.woff2)format("woff2"),url(https://quran.com/fonts/quran/hafs/uthmanic_hafs/UthmanicHafs1Ver18.woff2)format("woff2")}@font-face{font-family:SurahNames;font-display:block;src:url(https://quran.com/fonts/quran/surah-names/v1/sura_names.woff2)format("woff2"),url(https://verses.quran.com/fonts/quran/surah-names/v1/sura_names.woff2)format("woff2")}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#fff;--bg-clear:#fff0;--scrollbar:#0000002e;--scrollbar-hover:#00000052;--surface:#fff;--floating:#fff;--glass-surface:#ffffffe0;--glass-fill:#0000000d;--glass-fill-hover:#00000014;--glass-raised:#ffffffe6;--glass-text-muted:#4d4d4d;--floating-hover:#f2f2f2;--raised:#fff;--fill:#f2f2f2;--fill-hover:#e6e6e6;--text:#000;--text-muted:#6b6b6b;--text-soft:#444;--on-text:#fff;--strong-hover:#333;--line:#00000026;--card-line:#0000001a;--track-off:#d4d4d4;--shadow:#00000024;--edge:#00000014;--backdrop:#0006;--warning-bg:#fff4e0;--warning-text:#7a4a00;--warning-icon:#c27400;--danger:#b42318;--live:#1f9d55;--stage-bg:#f2f2f2;--sheet:#fff;--sheet-ink:#111;--sheet-frame:#d9d9d9;--sheet-accent:#6b6b6b;--select-chevron:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");--safe-top:env(safe-area-inset-top,0px);--header-h:calc(56px + var(--safe-top));--footer-h:48px;--radius:8px;--pill:999px;--font:"Plus Jakarta Sans", system-ui, -apple-system, "Segoe UI", sans-serif;--font-quran:"UthmanicHafs", "Amiri Quran", serif}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#111;--bg-clear:#1110;--scrollbar:#fff3;--scrollbar-hover:#ffffff57;--surface:#1c1c1c;--floating:#3a3a3a;--glass-surface:#1e1e1edb;--glass-fill:#ffffff12;--glass-fill-hover:#ffffff1c;--glass-raised:#ffffff29;--glass-text-muted:#c4c4c4;--floating-hover:#474747;--raised:#3a3a3a;--fill:#262626;--fill-hover:#333;--text:#f2f2f2;--text-muted:#a0a0a0;--text-soft:#c8c8c8;--on-text:#111;--strong-hover:#d6d6d6;--line:#fff3;--card-line:#ffffff1f;--track-off:#4a4a4a;--shadow:#00000080;--edge:#ffffff0f;--backdrop:#0009;--warning-bg:#3a2a10;--warning-text:#f5c77a;--warning-icon:#e0a040;--danger:#ff8a80;--live:#4ade80;--stage-bg:#0a0a0a;--sheet:#1a1a1a;--sheet-ink:#ededed;--sheet-frame:#3a3a3a;--sheet-accent:#a0a0a0;--select-chevron:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%23F2F2F2' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E")}:root[data-theme=dark] .brand-logo{filter:invert()}*,:before,:after{box-sizing:border-box;margin:0;padding:0}.sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}[hidden],.hidden{display:none!important}body{font-family:var(--font);color:var(--text);background:var(--bg);min-height:100vh;min-height:100dvh;padding-left:env(safe-area-inset-left,0px);padding-right:env(safe-area-inset-right,0px);-webkit-font-smoothing:antialiased;flex-direction:column;font-size:15px;line-height:1.5;display:flex}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:none}a{color:inherit}:focus-visible{outline:2px solid var(--text);outline-offset:2px}.lucide{flex-shrink:0;width:20px;height:20px}[lang=ar]{font-family:var(--font-quran)}.site-header{height:var(--header-h);padding:var(--safe-top) 20px 0;flex-shrink:0;align-items:center;gap:12px;display:flex}.header-center{flex:1;justify-content:center;align-items:center;gap:8px;min-width:0;display:flex}.header-end{align-items:center;gap:8px;margin-left:auto;display:flex}.brand{color:var(--text);border-radius:var(--pill);flex-shrink:0;align-items:center;gap:10px;margin:-6px -12px -6px -6px;padding:6px 12px 6px 6px;font-size:18px;font-weight:700;text-decoration:none;display:inline-flex}@media (hover:hover){.brand:hover{background:var(--fill)}}.brand:focus-visible{background:var(--fill)}.brand-logo{width:28px;height:28px;display:block}.more{position:relative}.more-btn{border-radius:var(--pill);justify-content:center;align-items:center;width:40px;height:40px;display:inline-flex}.more-btn:hover,.more-btn[aria-expanded=true]{background:var(--fill)}.more-list{--fill:var(--glass-fill);--fill-hover:var(--glass-fill-hover);--raised:var(--glass-raised);--text-muted:var(--glass-text-muted);z-index:50;background:var(--glass-surface);-webkit-backdrop-filter:blur(24px)saturate(1.5);backdrop-filter:blur(24px)saturate(1.5);width:260px;box-shadow:0 0 0 1px var(--edge), 0 8px 28px var(--shadow);border-radius:24px;flex-direction:column;gap:2px;padding:8px;display:flex;position:absolute;top:calc(100% + 6px);right:0}.more-row{justify-content:space-between;align-items:center;gap:12px;padding:8px 10px 8px 14px;font-size:14px;display:flex}.more-line{background:var(--line);height:1px;margin:4px 10px}.more-item{border-radius:var(--pill);text-align:left;align-items:center;gap:10px;width:100%;padding:10px 14px;font-size:14px;text-decoration:none;display:flex}.more-item:hover{background:var(--fill)}.more-item .lucide{width:18px;height:18px;color:var(--text-muted)}.more-account{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;padding:8px 14px 10px;font-size:13px;overflow:hidden}.more-account b{color:var(--text);font-size:14px;display:block}.panel{flex-direction:column;gap:20px;padding:24px;display:flex;overflow-y:auto}.panel-title{letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted);font-size:13px;font-weight:700}.field{flex-direction:column;gap:8px;min-width:0;display:flex}.label{font-size:14px;font-weight:600}.label-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.value{color:var(--text-muted);font-variant-numeric:tabular-nums;font-size:13px}.note{color:var(--text-muted);font-size:13px;line-height:1.45}.warning{background:var(--warning-bg);color:var(--warning-text);border-radius:16px;align-items:flex-start;gap:10px;padding:10px 14px;font-size:13px;font-weight:500;line-height:1.45;display:flex}.warning .lucide{width:18px;height:18px;color:var(--warning-icon);margin-top:1px}.input{border-radius:var(--pill);background:var(--fill);border:none;outline:none;width:100%;height:42px;padding:0 16px}.input:focus{box-shadow:inset 0 0 0 2px var(--text)}.input::placeholder{color:var(--text-muted);opacity:1}@media (pointer:coarse){.input{font-size:16px}}select.input{-webkit-appearance:none;appearance:none;background-image:var(--select-chevron);background-position:right 14px center;background-repeat:no-repeat;padding-right:40px}.combo{position:relative}.combo-back{display:none}.combo-icon{color:var(--text-muted);pointer-events:none;position:absolute;top:11px;left:14px}.input.combo-input{text-overflow:ellipsis;padding-left:42px}.combo-list{--fill:var(--glass-fill);--fill-hover:var(--glass-fill-hover);--raised:var(--glass-raised);--text-muted:var(--glass-text-muted);overscroll-behavior:contain;background:var(--glass-surface);-webkit-backdrop-filter:blur(24px)saturate(1.5);backdrop-filter:blur(24px)saturate(1.5);max-height:360px;box-shadow:0 0 0 1px var(--edge), 0 8px 28px var(--shadow);z-index:30;border-radius:24px;padding:6px;list-style:none;position:absolute;top:calc(100% + 6px);left:0;right:0;overflow-y:auto}.combo-option{border-radius:var(--pill);cursor:pointer;align-items:center;gap:10px;padding:8px 12px 8px 8px;display:flex}.combo-option.active{background:var(--fill)}.combo-option[aria-selected=true] .combo-name{font-weight:700}.combo-num{background:var(--fill);font-variant-numeric:tabular-nums;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:12px;font-weight:600;display:inline-flex}.combo-option.active .combo-num{background:var(--raised)}.combo-text{flex-direction:column;flex:1;min-width:0;line-height:1.3;display:flex}.combo-name{font-size:14px;font-weight:500}.combo-meaning{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.combo-arabic{font-size:20px;font-family:var(--font-quran);flex-shrink:0}.combo-empty{color:var(--text-muted);padding:12px 14px;font-size:14px}.combo-examples{flex-wrap:wrap;gap:6px;padding:4px 10px 10px;list-style:none;display:flex}.combo-example{border-radius:var(--pill);background:var(--fill);white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:6px;max-width:100%;height:34px;padding:0 12px;font-size:13px;font-weight:500;display:inline-flex;overflow:hidden}.combo-example:hover{background:var(--fill-hover)}.combo-example-kind{color:var(--text-muted);font-weight:600}.combo-example [lang=ar]{font-size:17px}.combo-option.combo-all{height:42px;margin:9px 10px 10px;padding:0 12px;position:relative}.combo-all:before{content:"";background:var(--line);height:1px;transition:opacity .12s;position:absolute;top:-5px;left:12px;right:12px}.combo-all.active:before,.combo-all:hover:before{opacity:0}.combo-chevron{color:var(--text-muted);font-size:18px}.combo-heading{letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted);padding:10px 14px 4px;font-size:11px;font-weight:700;list-style:none}.combo-option.combo-verse{border-radius:16px;flex-direction:column;align-items:stretch;gap:4px;padding:10px 12px}.combo-verse-head{align-items:center;gap:8px;font-size:13px;font-weight:600;display:flex}.combo-key{border-radius:var(--pill);background:var(--fill-hover);font-variant-numeric:tabular-nums;padding:1px 8px}.combo-verse-arabic,.combo-verse-translation{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.combo-verse-arabic{text-align:right;font-size:21px;line-height:1.8;font-family:var(--font-quran)}.combo-verse-translation{color:var(--text-muted);font-size:13px;line-height:1.5}.combo-verse-translation mark{background:var(--fill-hover);color:var(--text);border-radius:3px;padding:0 1px}.switch-row{cursor:pointer;justify-content:space-between;align-items:center;gap:12px;padding:6px 0;font-size:14px;display:flex}.switch{-webkit-appearance:none;appearance:none;background:var(--track-off);cursor:pointer;border-radius:999px;flex-shrink:0;width:40px;height:24px;transition:background .2s;position:relative}.switch:after{content:"";background:#fff;border-radius:50%;width:18px;height:18px;transition:transform .2s;position:absolute;top:3px;left:3px}.switch:checked{background:var(--text)}.switch:checked:after{background:var(--on-text);transform:translate(16px)}.switch-card{border:1px solid var(--card-line);border-radius:var(--pill);padding:8px 14px 8px 20px}.segmented{background:var(--fill);border-radius:var(--pill);grid-auto-columns:1fr;grid-auto-flow:column;gap:4px;padding:4px;display:grid}.seg-btn{border-radius:var(--pill);height:34px;color:var(--text-muted);justify-content:center;align-items:center;gap:6px;font-size:13px;font-weight:600;transition:background .15s,color .15s;display:flex}.seg-btn:hover{color:var(--text)}.seg-btn.active{background:var(--raised);color:var(--text);box-shadow:0 1px 3px #0000001f}.btn{border-radius:var(--pill);background:var(--fill);white-space:nowrap;justify-content:center;align-items:center;gap:8px;height:42px;padding:0 16px;font-size:14px;font-weight:600;text-decoration:none;transition:background .15s;display:inline-flex}.btn:hover{background:var(--fill-hover)}.btn:disabled{opacity:.6;cursor:wait}.btn .lucide{width:18px;height:18px}.btn-primary{background:var(--text);color:var(--on-text)}.btn-primary:hover{background:var(--strong-hover)}.btn-sm{height:36px;padding:0 14px;font-size:13px}.btn-lg{height:48px;padding:0 22px;font-size:15px}.btn-icon{width:40px;padding:0}.btn-danger{color:var(--danger)}.btn-live{color:var(--live)}.tip{position:relative}.tip:after{content:attr(data-tooltip);background:var(--text);width:max-content;max-width:240px;color:var(--on-text);opacity:0;pointer-events:none;z-index:20;white-space:normal;text-align:left;border-radius:8px;padding:6px 10px;font-size:12px;font-weight:500;line-height:1.4;transition:opacity .15s;display:none;position:absolute;bottom:calc(100% + 8px);right:0}.tip-start:after{left:0;right:auto}.tip-below:after{top:calc(100% + 8px);bottom:auto}@media (hover:hover){.tip:after{display:block}.tip:hover:after{opacity:1}}.toast{left:50%;bottom:calc(24px + env(safe-area-inset-bottom,0px));background:var(--text);color:var(--on-text);text-align:center;z-index:100;border-radius:22px;width:max-content;max-width:calc(100% - 32px);padding:12px 18px;font-size:14px;line-height:1.45;position:fixed;transform:translate(-50%)}.toast[popover]{inset:auto auto auto 50%;bottom:calc(24px + env(safe-area-inset-bottom,0px));border:none;margin:0;overflow:visible}.toast[popover]:not(:popover-open):not(.hidden){display:block}.toast.toast-with-action{white-space:nowrap;align-items:center;gap:12px;padding:6px 6px 6px 18px;display:flex}.toast-action{border-radius:var(--pill);background:var(--on-text);height:36px;color:var(--text);padding:0 14px;font-size:13px;font-weight:600}.inking .toast{bottom:calc(96px + env(safe-area-inset-bottom,0px))}.site-footer{min-height:calc(var(--footer-h) + env(safe-area-inset-bottom,0px));padding:0 20px env(safe-area-inset-bottom,0px);color:var(--text-muted);flex-wrap:wrap;flex-shrink:0;justify-content:center;align-items:center;gap:8px 24px;font-size:12px;display:flex}.site-footer a{color:var(--text-soft);font-weight:500;text-decoration:none}.site-footer a:hover{text-decoration:underline}.footer-controls{align-items:center;gap:16px;display:flex}.theme-switch{border-radius:var(--pill);background:var(--fill);gap:2px;padding:2px;display:inline-flex}.theme-switch button{border-radius:var(--pill);width:26px;height:26px;color:var(--text-muted);justify-content:center;align-items:center;transition:background .15s,color .15s;display:inline-flex}.theme-switch button:hover{color:var(--text)}.theme-switch button.active{background:var(--raised);color:var(--text);box-shadow:0 1px 3px #0000001f}.theme-switch .lucide{width:14px;height:14px}.lang-switch button{letter-spacing:.02em;width:auto;min-width:26px;padding:0 7px;font-size:11px;font-weight:600}.dialog{background:var(--surface);width:min(440px,100% - 32px);max-height:min(85vh,720px);color:var(--text);box-shadow:0 0 0 1px var(--edge), 0 20px 60px var(--shadow);border:none;border-radius:28px;margin:auto;padding:0}.dialog::backdrop{background:var(--backdrop)}.dialog-body{flex-direction:column;gap:16px;padding:24px;display:flex}.dialog-title{font-size:18px;font-weight:700}.dialog-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}@media (hover:hover) and (pointer:fine){::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-corner{background:0 0}::-webkit-scrollbar-thumb{background:var(--scrollbar);border-radius:var(--pill);background-clip:padding-box;border:3px solid #0000}::-webkit-scrollbar-thumb:hover{background-color:var(--scrollbar-hover)}@supports not selector(::-webkit-scrollbar){*{scrollbar-width:thin;scrollbar-color:var(--scrollbar) transparent}}}.lucide.spin{animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.lucide.spin{animation:1.2s ease-in-out infinite pulse}@keyframes pulse{50%{opacity:.4}}}:is(.btn,.seg-btn,.theme-switch button,.tab,.combo-example,.brand,.more-btn,.stage-btn,.chip,.home-chip,.rule-row){transition:scale .28s cubic-bezier(.34,1.56,.64,1),background-color .15s,color .15s,box-shadow .15s,opacity .15s}:is(.btn,.seg-btn,.theme-switch button,.tab,.combo-example,.more-btn,.stage-btn,.chip,.home-chip):active:not(:disabled){transition:scale 80ms ease-out,background-color .15s,color .15s,box-shadow .15s,opacity .15s;scale:.95}:is(.brand,.btn-lg,.home-room):active:not(:disabled){scale:.98}:is(.more-item,.combo-option,.rule-row):active{background-color:var(--fill-hover)}@media (prefers-reduced-motion:reduce){:is(.btn,.seg-btn,.theme-switch button,.tab,.combo-example,.brand,.more-btn,.stage-btn,.chip,.home-chip,.rule-row){transition:none}:is(.btn,.seg-btn,.tab,.stage-btn,.chip):active:not(:disabled){scale:none}}.home{flex-direction:column;flex:1;gap:48px;width:100%;max-width:960px;margin:0 auto;padding:48px 20px 40px;display:flex}.home-hero{text-align:center;flex-direction:column;align-items:center;gap:14px;display:flex}.home-title{letter-spacing:-.02em;text-wrap:balance;max-width:18ch;font-size:clamp(28px,4.6vw,40px);font-weight:700;line-height:1.15}.home-sub{max-width:52ch;color:var(--text-muted);text-wrap:pretty;font-size:16px}.home-actions{margin-top:12px}.home-cards{text-align:left;grid-template-columns:1fr;gap:12px;width:100%;max-width:640px;margin-top:12px;display:grid}.home-card{background:var(--fill);border-radius:24px;flex-direction:column;gap:10px;padding:18px;display:flex}.home-card .input{background:var(--bg)}.home-row{gap:8px;display:flex}.home-row .input{flex:1;min-width:0}.home-code{font-variant-numeric:tabular-nums;letter-spacing:.04em}.home-recent{flex-direction:column;gap:14px;display:flex}.home-heading{letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted);font-size:13px;font-weight:700}.home-recent-list{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:10px;display:grid}.home-room{background:var(--fill);color:var(--text);border-radius:20px;flex-direction:column;gap:4px;padding:16px 18px;text-decoration:none;transition:background .15s;display:flex}.home-room:hover{background:var(--fill-hover)}.home-room-title{font-size:15px;font-weight:700}.home-room-meta{color:var(--text-muted);font-size:13px}.home-room-code{color:var(--text-muted);font-variant-numeric:tabular-nums;letter-spacing:.03em;font-size:12px}.home-empty{color:var(--text-muted);font-size:14px}.home-features{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.home-feature{border:1px solid var(--card-line);border-radius:24px;flex-direction:column;gap:8px;padding:20px;display:flex}.home-feature h3{font-size:16px;font-weight:700}.home-feature p{color:var(--text-muted);font-size:14px;line-height:1.5}.home-feature-art{height:64px;font-family:var(--font-quran);color:var(--text);white-space:nowrap;align-items:center;font-size:30px;line-height:1;display:flex}.home-feature-art.home-feature-icon{font-family:var(--font)}.home-feature-icon .lucide{width:28px;height:28px;color:var(--text-muted)}@media (min-width:720px){.home-cards{grid-template-columns:1fr 1fr}}@media (max-width:720px){.home{gap:36px;padding-top:28px}.home-features{grid-template-columns:1fr}}.login{flex:1;place-items:center;padding:24px 20px 48px;display:grid}.login-card{flex-direction:column;gap:18px;width:100%;max-width:400px;display:flex}.login-title{letter-spacing:-.02em;font-size:30px;font-weight:700}.login-intro{color:var(--text-muted)}.login-form{flex-direction:column;gap:10px;display:flex}.login-form .btn{margin-top:6px}.login-code{letter-spacing:.4em;text-align:center;font-variant-numeric:tabular-nums;height:56px;font-size:26px}.login-link{color:var(--text-muted);align-self:center;padding:8px;font-size:14px;font-weight:600;text-decoration:underline}.login-error{background:var(--warning-bg);color:var(--warning-text);border-radius:16px;padding:12px 14px;font-size:14px;font-weight:500}:root[data-view=room] body{height:100vh;height:100dvh;overflow:hidden}.room-message{text-align:center;color:var(--text-muted);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:16px;padding:24px;display:flex}.room-chip{border-radius:var(--pill);background:var(--fill);align-items:center;gap:8px;min-width:0;max-width:100%;height:36px;padding:0 12px 0 14px;font-size:13px;display:inline-flex}.room-chip:hover{background:var(--fill-hover)}.room-chip-title{white-space:nowrap;text-overflow:ellipsis;min-width:0;font-weight:700;overflow:hidden}.room-chip-code{color:var(--text-muted);font-variant-numeric:tabular-nums;white-space:nowrap}.room-chip .lucide{width:15px;height:15px;color:var(--text-muted)}.conn{color:var(--text-muted);white-space:nowrap;align-items:center;gap:6px;font-size:12px;display:inline-flex}.conn-dot{background:var(--warning-icon);border-radius:50%;width:8px;height:8px}.conn[data-state=open] .conn-dot{background:var(--live)}.conn[data-state=closed] .conn-dot{background:var(--danger)}.workspace{flex:1;grid-template:"left main right"minmax(0,1fr)/clamp(280px,24vw,340px) minmax(0,1fr) clamp(280px,24vw,340px);min-height:0;display:grid}.preview{grid-area:main}.sidebar-left{grid-area:left}.sidebar-right{grid-area:right}.sidebar{flex-direction:column;min-height:0;display:flex;overflow-y:auto}.drawer{display:contents}.drawer-head,.panel-more,.drawer-backdrop,.more-icon-menu,.header-phone{display:none}.header-people{font-variant-numeric:tabular-nums;gap:6px;padding:0 12px}.sidebar .panel{overflow:visible}.panel-people{padding-top:4px}.tabs{display:none}.pager{align-items:center;gap:8px;display:flex}.pager-field{color:var(--text-muted);white-space:nowrap;flex:1;align-items:center;gap:8px;font-size:13px;display:flex}.pager-input{text-align:center;font-variant-numeric:tabular-nums;-moz-appearance:textfield;width:76px;font-weight:600}.pager-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.pager-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.recite-row{gap:8px;display:flex}.recite-row .input{flex:1;min-width:0}.btn.playing{background:var(--text);color:var(--on-text)}.people{flex-direction:column;gap:4px;list-style:none;display:flex}.person{align-items:center;gap:10px;padding:6px 4px;font-size:14px;display:flex}.person-dot{color:#fff;border-radius:50%;flex-shrink:0;place-items:center;width:30px;height:30px;font-size:13px;font-weight:700;display:grid}.person-name{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.person-you{color:var(--text-muted);font-weight:400}.person-badge{border-radius:var(--pill);background:var(--fill);color:var(--text-muted);padding:2px 8px;font-size:11px;font-weight:700}.person-mic{width:26px;height:26px;color:var(--text-muted);border-radius:50%;place-items:center;display:grid}.person-mic.on{color:var(--live)}.person-mic .lucide{width:16px;height:16px}.audio-row{flex-wrap:wrap;gap:8px;display:flex}.audio-row .btn:not(.btn-icon){flex:1}.btn.mic-live{background:var(--live);color:#fff}.legend{flex-direction:column;gap:18px;display:flex}.legend-group{flex-direction:column;gap:2px;display:flex}.legend-group-head{letter-spacing:.04em;text-transform:uppercase;color:var(--text-muted);justify-content:space-between;align-items:center;padding:0 4px 4px;font-size:12px;font-weight:700;display:flex}.rule-row{cursor:pointer;border-radius:14px;align-items:center;gap:10px;padding:7px 8px 7px 10px;font-size:14px;display:flex}.rule-row:hover{background:var(--fill)}.rule-dot{background:var(--c);width:14px;height:14px;box-shadow:inset 0 0 0 1px var(--line);border-radius:50%;flex-shrink:0}.rule-name{flex-direction:column;flex:1;min-width:0;line-height:1.3;display:flex}.rule-counts{color:var(--text-muted);white-space:nowrap;font-size:12px}.home-card .btn:not(.btn-primary){background:var(--bg)}.home-card .btn:not(.btn-primary):hover{background:var(--fill-hover)}.rule-row .switch{transform-origin:100%;transform:scale(.85)}.legend.off .rule-row{opacity:.5}.preview{flex-direction:column;min-width:0;min-height:0;padding:0 0 16px;display:flex}.stage-wrap{flex:1;min-height:0;position:relative}.stage{background:var(--stage-bg);overscroll-behavior:contain;touch-action:pan-x pan-y;border-radius:26px;outline:none;padding:24px 24px 80px;position:absolute;inset:0;overflow:auto}.sheet-content{position:absolute;inset:0}.cursors{pointer-events:none;z-index:6;position:absolute;inset:0;overflow:hidden}.cursor{will-change:transform;transition:transform 80ms linear;position:absolute}.cursor-dot{border:2px solid #fff;border-radius:50%;width:14px;height:14px;box-shadow:0 1px 4px #00000040}.cursor-label{white-space:nowrap;font-family:var(--font);color:#fff;border-radius:6px;padding:2px 8px;font-size:14px;font-weight:600;position:absolute;top:10px;left:16px}.stage-tools{pointer-events:none;z-index:8;justify-content:space-between;align-items:flex-end;gap:8px;display:flex;position:absolute;bottom:12px;left:12px;right:12px}.stage-group{pointer-events:auto;border-radius:var(--pill);background:var(--floating);align-items:center;padding:2px;display:flex;box-shadow:0 1px 4px #00000026}.stage-btn{pointer-events:auto;border-radius:var(--pill);min-width:40px;height:40px;color:var(--text);justify-content:center;align-items:center;gap:6px;padding:0 10px;font-size:13px;font-weight:600;display:inline-flex}.stage-group .stage-btn:hover{background:var(--floating-hover)}.stage-btn .lucide{width:18px;height:18px}.stage-btn:disabled{color:var(--track-off);cursor:default}.stage-zoom{font-variant-numeric:tabular-nums;min-width:58px}.stage-page{font-variant-numeric:tabular-nums;min-width:48px}.sheet-frame.swiping{will-change:transform}.stage-coret{background:var(--text);color:var(--on-text);padding:0 16px 0 14px;box-shadow:0 2px 8px #0000002e}.stage-coret:hover{background:var(--strong-hover)}.stage-coret:disabled{opacity:.45;color:var(--on-text);cursor:default}.inking .stage-tools{visibility:hidden}.follow-pill{z-index:8;border-radius:var(--pill);background:var(--floating);white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:8px;max-width:calc(100% - 24px);height:34px;padding:0 14px;font-size:13px;font-weight:600;display:inline-flex;position:absolute;top:12px;left:50%;overflow:hidden;transform:translate(-50%);box-shadow:0 1px 4px #00000026}.follow-pill .follow-dot{background:var(--live);border-radius:50%;flex-shrink:0;width:8px;height:8px}.follow-pill.detached{background:var(--text);color:var(--on-text)}.follow-pill.detached .follow-dot{background:var(--on-text)}@media (max-width:1100px){.workspace{grid-template-columns:270px minmax(0,1fr) 270px}.panel{padding:20px}}@media (max-width:860px){:root{--gutter:16px}.site-header{padding-left:var(--gutter);padding-right:var(--gutter)}.header-center{justify-content:flex-start}.conn-text,.room-chip-code,:root[data-view=room] .more-icon-dots{display:none}:root[data-view=room] .more-icon-menu{display:block}:root[data-view=room] .brand>span{display:none}:root[data-view=room] .site-header{gap:8px}:root[data-view=room] .header-end{gap:4px}:root[data-view=room] .header-phone{display:inline-flex}:root[data-view=room] #headerAudioJoin.joined{display:none}:root[data-view=room] #headerMic{width:36px;padding:0}:root[data-view=room] #headerMic span{display:none}.workspace{flex-direction:column;display:flex}.preview{min-height:0;padding:0 8px calc(8px + env(safe-area-inset-bottom,0px));flex:1}.stage{border-radius:22px;padding:12px 8px 64px}.stage.fits-width{touch-action:pan-y}.stage-zoom{display:none}.drawer{z-index:45;overscroll-behavior:contain;background:var(--bg);width:min(400px,88vw);box-shadow:-12px 0 40px var(--shadow);padding:var(--safe-top) 0 env(safe-area-inset-bottom,0px);visibility:hidden;flex-direction:column;transition:transform .3s cubic-bezier(.3,.7,.2,1),visibility 0s .3s;display:flex;position:fixed;top:0;bottom:0;right:0;overflow-y:auto;transform:translate(105%)}.drawer.open{visibility:visible;transition:transform .3s cubic-bezier(.3,.7,.2,1);transform:none}.drawer-backdrop{z-index:44;background:var(--backdrop);opacity:0;pointer-events:none;transition:opacity .3s;display:block;position:fixed;inset:0}.drawer-backdrop.open{opacity:1;pointer-events:auto}.drawer-head{padding:12px 12px 4px var(--gutter);z-index:2;background:var(--bg);justify-content:space-between;align-items:center;gap:12px;display:flex;position:sticky;top:0}.drawer-title{letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted);font-size:13px;font-weight:700}.tabs{z-index:2;padding:6px var(--gutter) 8px;background:var(--bg);grid-template-columns:repeat(4,1fr);gap:2px;margin:0;display:grid;position:sticky;top:56px}.tabs:before{content:"";inset:6px var(--gutter) 8px;border-radius:var(--pill);background:var(--fill);z-index:-1;position:absolute}.tab{border-radius:var(--pill);height:36px;color:var(--text-muted);z-index:1;white-space:nowrap;margin:4px 0;font-size:13px;font-weight:600;transition:color .25s;position:relative}.tab:first-of-type{margin-left:4px}.tab:last-of-type{margin-right:4px}.tab.active{color:var(--on-text)}.tab-indicator{border-radius:var(--pill);background:var(--text);transition:transform .32s cubic-bezier(.3,.7,.2,1),width .32s cubic-bezier(.3,.7,.2,1);position:absolute;top:0;left:0}.tab-indicator.no-anim{transition:none}.sidebar{display:contents;overflow:visible}.panel{padding:12px var(--gutter) 28px;overflow:visible}.panel:not(.tab-active),.panel-title{display:none}.panel-more.tab-active{display:flex}.more-list.more-inline{width:auto;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;--fill:inherit;--fill-hover:inherit;--raised:inherit;--text-muted:inherit;background:0 0;border-radius:0;padding:0;position:static}.more-list.more-inline .more-row{padding-left:0;padding-right:0}.more-list.more-inline .more-item,.more-list.more-inline .more-account{padding-left:0}@media (prefers-reduced-motion:reduce){.tab-indicator,.tab,.drawer,.drawer-backdrop{transition:none}}}@media (max-width:420px){.stage-coret span{display:none}.stage-coret{padding:0 11px}}.sheet-frame{flex-shrink:0;margin:0 auto;position:relative}.sheet{transform-origin:0 0;background:var(--sheet);width:640px;height:1000px;color:var(--sheet-ink);box-shadow:0 0 0 1px var(--edge), 0 10px 30px -12px var(--shadow);border-radius:10px;position:absolute;top:0;left:0}.sheet-head,.sheet-foot{font-family:var(--font);color:var(--sheet-accent);justify-content:space-between;font-size:13px;font-weight:600;display:flex;position:absolute;left:34px;right:34px}.sheet-head{top:26px}.sheet-foot{font-variant-numeric:tabular-nums;justify-content:center;bottom:30px}.sheet-lines{font-family:var(--font-quran);font-size:var(--base-font);position:absolute;inset:0}.mline{left:var(--margin-x);right:var(--margin-x);white-space:nowrap;justify-content:space-between;align-items:center;gap:.16em;line-height:1;display:flex;position:absolute}.mline.centered{justify-content:center;gap:.32em}.mline.measuring{justify-content:flex-start;width:max-content;right:auto}.mline .w{border-radius:6px;padding:0 1px;position:relative}.ayah-end{color:var(--sheet-accent)}.surah-header{justify-content:center}.surah-frame{border:1.5px solid var(--sheet-frame);border-radius:12px;justify-content:center;align-items:center;width:100%;height:46px;display:flex;position:relative}.surah-frame:before,.surah-frame:after{content:"";border:1.5px solid var(--sheet-frame);background:var(--sheet);border-radius:3px;width:10px;height:10px;position:absolute;top:50%;transform:translateY(-50%)rotate(45deg)}.surah-frame:before{left:14px}.surah-frame:after{right:14px}.surah-cal{color:var(--sheet-ink);font-family:SurahNames;font-size:40px;line-height:1}:root:not(.inking) .mline .w,:root[data-ink-tool=pan] .mline .w{cursor:pointer}@media (hover:hover){:root:not(.inking) .mline .w:hover,:root[data-ink-tool=pan] .mline .w:hover{background:var(--fill)}:root:not(.inking) .mline .w.w-selected:hover,:root[data-ink-tool=pan] .mline .w.w-selected:hover{background:var(--select-hover)}}.mline .w.word-active{background:var(--fill-hover)}.mline .w.reciting{box-shadow:inset 0 -3px 0 var(--sheet-accent);border-radius:0}.mline .w.word-reciting{background:var(--fill-hover);border-radius:6px}.sheet-content{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.mline .w.w-selected{background:var(--select-bg);border-radius:6px}.mline .w.w-selected.word-reciting{background:var(--select-now);box-shadow:inset 0 -3px #ff8a3d}.sheet{--select-bg:#ff8a3d42;--select-hover:#ff8a3d66;--select-now:#ff8a3d8c}:root[data-theme=dark] .sheet{--select-bg:#ff8a3d38;--select-hover:#ff8a3d57;--select-now:#ff8a3d75}.select-bar.select-bar-active{background:var(--floating);box-shadow:0 0 0 1px var(--edge), 0 4px 16px var(--shadow)}.select-play.select-play-active{color:var(--text)}.select-play.select-play-active:hover{background:var(--floating-hover)}.select-bar{z-index:60;border-radius:var(--pill);background:var(--text);box-shadow:0 4px 16px var(--shadow);white-space:nowrap;align-items:center;gap:2px;padding:3px;display:inline-flex;position:fixed}.select-play,.select-comment{border-radius:var(--pill);height:36px;color:var(--on-text);align-items:center;gap:8px;padding:0 14px 0 10px;font-size:14px;font-weight:600;display:inline-flex}.select-play .lucide,.select-comment .lucide{width:18px;height:18px}.select-play:hover,.select-comment:hover{background:var(--strong-hover)}.select-comment{border-left:1px solid color-mix(in srgb, var(--on-text) 25%, transparent);border-radius:0 var(--pill) var(--pill) 0;padding-left:12px}.sheet-status{font-family:var(--font);color:var(--text-muted);place-items:center;font-size:15px;display:grid;position:absolute;inset:0}.sheet-skeleton .mline-skel{background:var(--fill);border-radius:9px;height:18px;animation:1.4s ease-in-out infinite skel;position:absolute;left:34px;right:34px}@keyframes skel{50%{opacity:.55}}@media (prefers-reduced-motion:reduce){.sheet-skeleton .mline-skel{animation:none}}.word-pop{z-index:45;background:var(--glass-surface);-webkit-backdrop-filter:blur(24px)saturate(1.5);backdrop-filter:blur(24px)saturate(1.5);width:min(320px,100vw - 24px);box-shadow:0 0 0 1px var(--edge), 0 12px 32px var(--shadow);color:var(--text);border-radius:20px;flex-direction:column;gap:10px;padding:14px;font-size:13px;line-height:1.45;display:flex;position:fixed}.word-pop-head{align-items:center;gap:10px;display:flex}.word-pop-ar{font-family:var(--font-quran);text-align:right;direction:rtl;flex:1;font-size:30px;line-height:1.6}.word-pop-play{background:var(--fill);border-radius:50%;flex-shrink:0;place-items:center;width:38px;height:38px;display:grid}.word-pop-play:hover{background:var(--fill-hover)}.word-pop-play[data-state=playing]{background:var(--text);color:var(--on-text)}.word-pop-play .lucide{width:18px;height:18px}.word-pop-meta{color:var(--glass-text-muted);flex-wrap:wrap;gap:4px 10px;display:flex}.word-pop-meta b{color:var(--text);font-weight:600}.word-pop-rules{flex-direction:column;gap:8px;display:flex}.word-rule{grid-template-columns:12px 1fr;align-items:start;gap:2px 8px;display:grid}.word-rule-dot{background:var(--c);border-radius:50%;width:12px;height:12px;margin-top:3px}.word-rule-name{font-weight:700}.word-rule-desc{color:var(--glass-text-muted);grid-column:2}.word-pop-none{color:var(--glass-text-muted)}.word-pop-verse{border-top:1px solid var(--line);color:var(--glass-text-muted);max-height:7.5em;padding-top:8px;overflow-y:auto}.ink{pointer-events:none;z-index:5;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.ink [data-k=hl]{mix-blend-mode:multiply}:root[data-theme=dark] .ink [data-k=hl]{mix-blend-mode:normal;stroke-opacity:.34}:root[data-theme=dark] .ink [fill=\#1e3a8a]{fill:#8fa8ff}:root[data-theme=dark] .ink [stroke=\#1e3a8a]{stroke:#8fa8ff}:root[data-theme=dark] .ink [fill=\#cc4470]{fill:#ff7aa8}:root[data-theme=dark] .ink [stroke=\#cc4470]{stroke:#ff7aa8}:root[data-theme=dark] .ink [fill=\#111827]{fill:#f2f2f2}:root[data-theme=dark] .ink [stroke=\#111827]{stroke:#f2f2f2}:root[data-theme=dark] .ink text[stroke=\#fff]{stroke:var(--sheet)}.ink text{font-family:var(--font);white-space:pre;paint-order:stroke;stroke-linejoin:round;font-weight:600}.ink .laser,.ink .ghost{pointer-events:none}.ink .ghost{opacity:.7}.ink-hidden .ink{visibility:hidden}.inking .ink{pointer-events:auto;touch-action:none;cursor:crosshair}.inking[data-ink-tool=pan] .ink{pointer-events:none;touch-action:auto;cursor:auto}.inking[data-ink-tool=text] .ink{cursor:text}.inking[data-ink-tool=erase] .ink{cursor:cell}.inking[data-ink-tool=move] .ink{cursor:default}.inking[data-ink-tool=move] .ink [data-id]{cursor:grab}.ink .moving{cursor:grabbing;filter:drop-shadow(0 3px 8px #11182747)}.ink-edit{z-index:6;position:absolute}.ink-type{min-width:8em;font:600 18px/1.25 var(--font);color:inherit;background:var(--sheet);resize:none;border:1.5px dashed;border-radius:6px;outline:none;padding:2px 6px;display:block;overflow:hidden}.ink-size{background:var(--sheet);border:2px solid var(--text);cursor:nwse-resize;touch-action:none;border-radius:4px;width:14px;height:14px;position:absolute;bottom:-7px;right:-7px;box-shadow:0 1px 3px #11182740}.ink-size:before{content:"";position:absolute;inset:-12px}.inkbar{z-index:40;left:50%;bottom:max(16px, env(safe-area-inset-bottom));background:var(--text);color:var(--on-text);font:500 13px/1 var(--font);border-radius:18px;align-items:center;gap:4px;padding:6px;transition:opacity .2s ease-out,transform .2s ease-out;display:flex;position:fixed;transform:translate(-50%);box-shadow:0 12px 32px #11182747,0 2px 6px #11182729}.inkbar[hidden]{opacity:0;visibility:hidden;pointer-events:none;transition:opacity .15s,transform .15s,visibility 0s .15s;transform:translate(-50%)translateY(12px);display:flex!important}.inkbar .grp{align-items:center;gap:2px;display:flex}.inkbar .sep{background:var(--on-text);opacity:.18;align-self:stretch;width:1px;margin:6px 4px}.inkbar button{width:40px;height:40px;color:var(--on-text);opacity:.72;cursor:pointer;touch-action:manipulation;background:0 0;border:0;border-radius:12px;place-items:center;transition:background-color .15s,opacity .15s,scale .12s ease-out;display:grid;position:relative}.inkbar button:hover{opacity:1;background:color-mix(in srgb, var(--on-text) 10%, transparent)}.inkbar button:active{scale:.94}.inkbar button[aria-pressed=true]{opacity:1;color:var(--text);background:var(--on-text)}.inkbar button:disabled{opacity:.3;cursor:default;background:0 0}.inkbar button:focus-visible{outline:2px solid var(--on-text);outline-offset:1px}.inkbar svg{width:20px;height:20px}.inkbar .sw{opacity:1;width:32px}.inkbar .sw i{background:var(--c);width:20px;height:20px;box-shadow:inset 0 0 0 1.5px color-mix(in srgb, var(--on-text) 55%, transparent);border-radius:50%;transition:transform .15s ease-out}.inkbar .sw[aria-pressed=true]{background:0 0}.inkbar .sw[aria-pressed=true] i{box-shadow:0 0 0 2px var(--text), 0 0 0 4px var(--on-text);transform:scale(1.05)}.inkbar .size b{width:18px;height:var(--h,4px);background:currentColor;border-radius:99px;display:block}.inkbar .done{width:auto;color:var(--text);background:var(--on-text);opacity:1;padding:0 14px;font-weight:600}.inkbar .done:hover{background:var(--on-text);opacity:.9}.inkbar .close{display:none}@media (hover:hover){.inkbar [data-tip]:hover:after{content:attr(data-tip);white-space:nowrap;background:var(--text);color:var(--on-text);font:500 12px/1 var(--font);pointer-events:none;border-radius:8px;padding:7px 9px;position:absolute;bottom:calc(100% + 10px);left:50%;transform:translate(-50%);box-shadow:0 4px 12px #11182733}}@media (max-width:880px){.inkbar{left:8px;right:8px;bottom:max(8px, env(safe-area-inset-bottom));flex-wrap:wrap;justify-content:center;gap:2px 0;padding:6px 4px;transform:none}.inkbar[hidden]{transform:translateY(12px)}.inkbar .grp-tools{justify-content:space-between;width:100%;padding:0 2px}.inkbar .sep-tools{display:none}.inkbar .grp-tools button{width:36px}.inkbar .sw{width:30px}.inkbar .sep{margin:8px 2px}.inkbar .done,.inkbar .sep-done{display:none}.inkbar .close{display:grid}.inking .toast{bottom:calc(128px + env(safe-area-inset-bottom,0px))}}@media (max-width:360px){.inkbar button,.inkbar .grp-tools button{width:32px}.inkbar .sw{width:26px}}@media (prefers-reduced-motion:reduce){.inkbar,.inkbar[hidden],.inkbar button,.inkbar .sw i{transition:none}}.badge{border-radius:var(--pill);background:var(--fill);height:20px;color:var(--text-muted);white-space:nowrap;vertical-align:1px;align-items:center;margin-left:6px;padding:0 8px;font-size:11px;font-weight:700;display:inline-flex}.sheet-facts .badge{margin-left:0}.badge-strong{background:var(--text);color:var(--on-text)}.badge-warn{background:var(--warning-bg);color:var(--warning-text)}.badge-danger{background:var(--danger);color:var(--bg)}.btn-xs{height:30px;padding:0 12px;font-size:12px}.btn-danger-solid,.btn-primary.btn-danger-solid{background:var(--danger);color:var(--bg)}.btn-danger-solid:hover,.btn-primary.btn-danger-solid:hover{background:var(--danger);filter:brightness(.92)}.person-dot-plain{background:var(--fill);color:var(--text-muted)}.person-dot-plain .lucide{width:16px;height:16px}.people li{list-style:none}.person-btn{text-align:left;border-radius:14px;width:100%;padding:6px 8px 6px 4px;transition:background .15s}.person-btn:hover{background:var(--fill)}.person-more{width:18px;height:18px;color:var(--text-muted)}.manage{padding-top:4px}.manage .btn{align-self:flex-start}.dialog-confirm{width:min(420px,100% - 32px)}.confirm-text{color:var(--text-soft);font-size:14px}.dialog-sheet{flex-direction:column;width:min(620px,100% - 32px);max-height:min(88vh,860px);overflow:hidden}.dialog-sheet[open]{display:flex}.sheet-dialog-head{align-items:flex-start;gap:12px;padding:22px 18px 6px 24px;display:flex}.sheet-dialog-heading{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.sheet-dialog-heading .dialog-title,.sheet-dialog-heading .note{overflow-wrap:anywhere}.sheet-dialog-head .btn-icon{flex-shrink:0;margin-top:-6px}.sheet-dialog-body{flex-direction:column;gap:22px;padding:12px 24px 24px;display:flex;overflow-y:auto}.sheet-loading{background:var(--fill);border-radius:20px;height:160px;animation:1.2s ease-in-out infinite sheet-pulse}@keyframes sheet-pulse{50%{opacity:.5}}@media (prefers-reduced-motion:reduce){.sheet-loading{animation:none}}.sheet-person{align-items:center;gap:14px;display:flex}.sheet-person>.person-dot{width:44px;height:44px;font-size:18px}.sheet-facts{color:var(--text-muted);flex-wrap:wrap;align-items:center;gap:6px 14px;font-size:13px;display:flex}.sheet-actions{flex-wrap:wrap;gap:8px;display:flex}.sheet-actions-stack{flex-direction:column}.sheet-actions-stack .btn{justify-content:flex-start;width:100%;height:46px;font-size:14px}.sheet-section{flex-direction:column;gap:6px;display:flex}.sheet-section-title{letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted);font-size:12px;font-weight:700}.sheet-section-title span{font-variant-numeric:tabular-nums;margin-left:4px}.sheet-rows{flex-direction:column;gap:2px;list-style:none;display:flex}.sheet-row{border-radius:14px;flex-wrap:wrap;align-items:center;gap:12px;padding:8px 4px;display:flex}.sheet-row-text{flex-direction:column;flex:1;min-width:160px;line-height:1.35;display:flex}.sheet-row-name{overflow-wrap:anywhere;font-size:14px;font-weight:600}.sheet-row-meta{color:var(--text-muted);overflow-wrap:anywhere;font-size:12px}.sheet-row-actions{flex-wrap:wrap;gap:6px;margin-left:auto;display:flex}.sheet-row-link{text-align:left;border-radius:14px;flex:1;align-items:center;gap:12px;min-width:0;margin:-6px -4px;padding:6px 8px;display:flex}.sheet-row-link:hover{background:var(--fill)}.sheet-row-link .lucide{width:18px;height:18px;color:var(--text-muted)}.sheet-dialog-body .warning{margin:-8px 0 0}.admin{flex-direction:column;flex:1;gap:24px;width:100%;max-width:980px;margin:0 auto;padding:32px 20px 40px;display:flex}.admin-head{flex-direction:column;gap:6px;display:flex}.admin-title{letter-spacing:-.02em;font-size:clamp(26px,4vw,34px);font-weight:700;line-height:1.15}.admin-sub{color:var(--text-muted)}.admin-denied{background:var(--warning-bg);color:var(--warning-text);border-radius:20px;padding:16px 18px;font-weight:500}.admin-body{flex-direction:column;gap:20px;display:flex}.admin-tabs{max-width:420px}.admin-panel,.admin-stats{flex-direction:column;gap:12px;display:flex}.admin-stats .home-heading:not(:first-child){margin-top:12px}.admin-stat-grid{grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:10px;display:grid}.admin-stat{background:var(--fill);border-radius:20px;flex-direction:column;gap:2px;padding:16px 18px;display:flex}.admin-stat-n{letter-spacing:-.02em;font-variant-numeric:tabular-nums;font-size:30px;font-weight:700;line-height:1.15}.admin-stat-label{color:var(--text-muted);font-size:13px;font-weight:500}.admin-stat-danger .admin-stat-n{color:var(--danger)}.admin-toolbar{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.admin-search{flex:1;min-width:220px}.admin-search .input::-webkit-search-cancel-button{cursor:pointer}.admin-filter{flex-shrink:0}.admin-filter .seg-btn{padding:0 14px}.admin-count{font-variant-numeric:tabular-nums;margin-top:-2px}.admin-list{flex-direction:column;gap:4px;display:flex}.admin-empty{padding:24px 4px}.admin-row{text-align:left;border-radius:18px;align-items:center;gap:12px;width:100%;padding:10px 12px 10px 10px;transition:background .15s;display:flex}.admin-row:hover{background:var(--fill)}.admin-row:active{background:var(--fill-hover)}.admin-row-text{flex-direction:column;flex:1;min-width:0;line-height:1.35;display:flex}.admin-row-name{white-space:nowrap;text-overflow:ellipsis;font-size:15px;font-weight:600;overflow:hidden}.admin-row-meta{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}.admin-row-side{color:var(--text-muted);white-space:nowrap;font-variant-numeric:tabular-nums;flex-direction:column;align-items:flex-end;font-size:12px;line-height:1.45;display:flex}.admin-row-chevron{width:18px;height:18px;color:var(--text-muted)}.admin-more{align-self:center;margin-top:4px}@media (max-width:640px){.admin{gap:18px;padding-top:20px}.admin-tabs{max-width:none}.admin-filter{width:100%}.admin-row-side{display:none}.admin-stat-grid{grid-template-columns:1fr 1fr}.admin-stat{padding:14px}.admin-stat-n{font-size:26px}.dialog-sheet{border-radius:28px 28px 0 0;width:100%;max-width:none;max-height:92vh;margin:auto 0 0}.sheet-dialog-head{padding:18px 12px 4px 20px}.sheet-dialog-body{padding:10px 20px calc(24px + env(safe-area-inset-bottom,0px))}.sheet-row-actions{margin-left:42px}}.comment-pins{pointer-events:none;z-index:7;position:absolute;inset:0}.comment-pin{pointer-events:auto;background:var(--floating);box-shadow:0 0 0 1px var(--edge), 0 2px 8px var(--shadow);transform:translate(-2px, -100%) scale(calc(1 / var(--zoom-scale,1)));transform-origin:0 100%;border-radius:14px 14px 14px 3px;align-items:center;gap:2px;padding:2px;transition:box-shadow .15s;display:inline-flex;position:absolute}.comment-pin-dot{background:var(--c);color:#fff;width:24px;height:24px;font-family:var(--font);border-radius:50%;place-items:center;font-size:12px;font-weight:700;display:grid}.comment-pin-count{font-family:var(--font);color:var(--text);font-variant-numeric:tabular-nums;padding:0 6px 0 3px;font-size:12px;font-weight:700}.comment-pin.unread{box-shadow:0 0 0 2px #ff8a3d, 0 2px 8px var(--shadow)}.comment-pin.active{box-shadow:0 0 0 2px var(--text), 0 2px 8px var(--shadow)}.comment-pin.resolved{opacity:.55}.comment-pin.draft{pointer-events:none}:root.inking .comment-pins{visibility:hidden}.mline .w.commented{text-underline-offset:.32em;-webkit-text-decoration:underline dotted #ff8a3d;text-decoration:underline dotted #ff8a3d;text-decoration-thickness:2px}:root.commenting .sheet,:root.commenting .sheet .w{cursor:crosshair}.stage-end{pointer-events:none;align-items:center;gap:8px;display:flex}.stage-comment{pointer-events:auto;background:var(--floating);position:relative;box-shadow:0 1px 4px #00000026}.stage-comment:hover{background:var(--floating-hover)}.comment-badge{color:#fff;text-align:center;background:#e5484d;border-radius:9px;min-width:18px;height:18px;padding:0 5px;font-size:11px;font-weight:700;line-height:18px;position:absolute;top:-4px;right:-4px}.comment-pop{--fill:var(--glass-fill);--fill-hover:var(--glass-fill-hover);--raised:var(--glass-raised);--text-muted:var(--glass-text-muted);z-index:55;background:var(--glass-surface);-webkit-backdrop-filter:blur(24px)saturate(1.5);backdrop-filter:blur(24px)saturate(1.5);width:min(360px,100vw - 24px);max-height:min(70vh,560px);box-shadow:0 0 0 1px var(--edge), 0 12px 36px var(--shadow);border-radius:22px;flex-direction:column;display:flex;position:fixed}.comment-head{border-bottom:1px solid var(--line);border-radius:22px 22px 0 0;align-items:center;gap:4px;padding:8px 8px 6px 16px;display:flex}.comment-where{letter-spacing:.03em;min-width:0;color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:12px;font-weight:700;overflow:hidden}.comment-head .btn-icon{background:0 0;width:34px;height:34px}.comment-head .btn-icon:hover{background:var(--fill)}.comment-msgs{flex-direction:column;gap:12px;min-height:0;padding:8px 12px;list-style:none;display:flex;overflow-y:auto}.comment-msg{gap:10px;display:flex}.comment-msg .person-dot{width:26px;height:26px;font-size:12px}.comment-msg-body{flex:1;min-width:0}.comment-msg-meta{align-items:baseline;gap:8px;font-size:13px;display:flex}.comment-msg-meta span{color:var(--text-muted);font-size:12px}.comment-msg-text{overflow-wrap:anywhere;font-size:14px;line-height:1.5}.comment-msg-text .mention,.comment-row-text .mention{color:#c2410c}:root[data-theme=dark] .comment-msg-text .mention{color:#ff8a3d}.comment-compose{border-top:1px solid var(--line);flex-direction:column;gap:8px;padding:10px 12px 12px;display:flex}.comment-msgs:empty+.comment-compose,.comment-head+.comment-compose{border-top:none}.comment-compose.sending{opacity:.6;pointer-events:none}.comment-input-wrap{position:relative}.comment-input{resize:vertical;background:var(--fill);width:100%;min-height:64px;max-height:160px;color:var(--text);font:inherit;border:none;border-radius:16px;outline:none;padding:10px 14px;font-size:14px;line-height:1.45}.comment-input:focus{box-shadow:inset 0 0 0 2px var(--text)}@media (pointer:coarse){.comment-input{font-size:16px}}.comment-compose-row{justify-content:space-between;align-items:center;display:flex}.mention-list{background:var(--floating);box-shadow:0 0 0 1px var(--edge), 0 8px 24px var(--shadow);z-index:2;border-radius:16px;padding:6px;list-style:none;position:absolute;bottom:calc(100% + 6px);left:0;right:0}.mention-option{cursor:pointer;border-radius:12px;align-items:center;gap:10px;padding:6px 10px 6px 6px;font-size:14px;display:flex}.mention-option.active,.mention-option:hover{background:var(--floating-hover)}.mention-option .person-dot{width:24px;height:24px;font-size:11px}@media (max-width:640px){.comment-pop{right:8px;bottom:calc(8px + env(safe-area-inset-bottom,0px));width:auto;max-height:72vh;top:auto!important;left:8px!important}}.comment-row-where{color:var(--text-muted);font-weight:500}.comment-row-text{color:var(--text-soft);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:13px;display:-webkit-box;overflow:hidden}.sheet-access{max-width:360px}.sheet-invite-row{gap:8px;display:flex}.sheet-invite-row .input{flex:1;min-width:0}.sheet-invite-link{flex-direction:column;gap:6px;padding:10px 0 4px;display:flex}.home-invite{align-items:flex-start;padding:2px 2px 0}.home-invite>span{flex-direction:column;gap:2px;font-weight:600;display:flex}.home-invite .note{font-weight:400}