@font-face{font-family:Tajawal;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/tajawal-arabic-400-normal-CyCXRvzh.woff2)format("woff2"),url(/assets/tajawal-arabic-400-normal-DCQxawbB.woff)format("woff");unicode-range:U+6??,U+750-77F,U+870-88E,U+890-891,U+897-8E1,U+8E3-8FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC,U+102E0-102FB,U+10E60-10E7E,U+10EC2-10EC4,U+10EFC-10EFF,U+1EE00-1EE03,U+1EE05-1EE1F,U+1EE21-1EE22,U+1EE24,U+1EE27,U+1EE29-1EE32,U+1EE34-1EE37,U+1EE39,U+1EE3B,U+1EE42,U+1EE47,U+1EE49,U+1EE4B,U+1EE4D-1EE4F,U+1EE51-1EE52,U+1EE54,U+1EE57,U+1EE59,U+1EE5B,U+1EE5D,U+1EE5F,U+1EE61-1EE62,U+1EE64,U+1EE67-1EE6A,U+1EE6C-1EE72,U+1EE74-1EE77,U+1EE79-1EE7C,U+1EE7E,U+1EE80-1EE89,U+1EE8B-1EE9B,U+1EEA1-1EEA3,U+1EEA5-1EEA9,U+1EEAB-1EEBB,U+1EEF0-1EEF1}@font-face{font-family:Tajawal;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/tajawal-latin-400-normal-BVNSOH3d.woff2)format("woff2"),url(/assets/tajawal-latin-400-normal-BdYcZznU.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Tajawal;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/tajawal-arabic-500-normal-BZ8ojJNu.woff2)format("woff2"),url(/assets/tajawal-arabic-500-normal-CbVEaYEW.woff)format("woff");unicode-range:U+6??,U+750-77F,U+870-88E,U+890-891,U+897-8E1,U+8E3-8FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC,U+102E0-102FB,U+10E60-10E7E,U+10EC2-10EC4,U+10EFC-10EFF,U+1EE00-1EE03,U+1EE05-1EE1F,U+1EE21-1EE22,U+1EE24,U+1EE27,U+1EE29-1EE32,U+1EE34-1EE37,U+1EE39,U+1EE3B,U+1EE42,U+1EE47,U+1EE49,U+1EE4B,U+1EE4D-1EE4F,U+1EE51-1EE52,U+1EE54,U+1EE57,U+1EE59,U+1EE5B,U+1EE5D,U+1EE5F,U+1EE61-1EE62,U+1EE64,U+1EE67-1EE6A,U+1EE6C-1EE72,U+1EE74-1EE77,U+1EE79-1EE7C,U+1EE7E,U+1EE80-1EE89,U+1EE8B-1EE9B,U+1EEA1-1EEA3,U+1EEA5-1EEA9,U+1EEAB-1EEBB,U+1EEF0-1EEF1}@font-face{font-family:Tajawal;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/tajawal-latin-500-normal-CoYeBiSI.woff2)format("woff2"),url(/assets/tajawal-latin-500-normal-DU9v6xgj.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Tajawal;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/tajawal-arabic-700-normal-D2-eand5.woff2)format("woff2"),url(/assets/tajawal-arabic-700-normal-9L7Zusdl.woff)format("woff");unicode-range:U+6??,U+750-77F,U+870-88E,U+890-891,U+897-8E1,U+8E3-8FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC,U+102E0-102FB,U+10E60-10E7E,U+10EC2-10EC4,U+10EFC-10EFF,U+1EE00-1EE03,U+1EE05-1EE1F,U+1EE21-1EE22,U+1EE24,U+1EE27,U+1EE29-1EE32,U+1EE34-1EE37,U+1EE39,U+1EE3B,U+1EE42,U+1EE47,U+1EE49,U+1EE4B,U+1EE4D-1EE4F,U+1EE51-1EE52,U+1EE54,U+1EE57,U+1EE59,U+1EE5B,U+1EE5D,U+1EE5F,U+1EE61-1EE62,U+1EE64,U+1EE67-1EE6A,U+1EE6C-1EE72,U+1EE74-1EE77,U+1EE79-1EE7C,U+1EE7E,U+1EE80-1EE89,U+1EE8B-1EE9B,U+1EEA1-1EEA3,U+1EEA5-1EEA9,U+1EEAB-1EEBB,U+1EEF0-1EEF1}@font-face{font-family:Tajawal;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/tajawal-latin-700-normal-BypgxfGb.woff2)format("woff2"),url(/assets/tajawal-latin-700-normal-CV3bxpHe.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--ground:#fff;--dot:#c9ced4;--dot-size:.7px;--dot-gap:22px;--ink:#22262b;--ink-soft:#3a3f45;--muted:#6b7178;--faint:#9aa0a6;--line:#e2e5e8;--line-soft:#eceef0;--fill:#f4f5f6;--fill-2:#f7f8f9;--surface:#fff;--avatar:#eceef0;--disabled:#b9bec4;--handle:#cdd1d6;--backdrop:#22262b59;--toast:#22262b;--toast-ink:#fff;--toast-link:#a9c0d6;--on-accent:#fff;--accent:#45627d;--accent-soft:#e8edf2;--accent-line:#c9d5e0;--positive:#3f7a5a;--positive-soft:#e7f0ea;--positive-line:#b9d3c2;--warning:#8f6224;--warning-ink:#6f4c1c;--warning-soft:#f5eedf;--warning-line:#e6d6b6;--negative:#a8473d;--negative-soft:#f6e9e7;--negative-faint:#faf1f0;--negative-line:#e5c4be;--neutral:#6b7178;--neutral-soft:#f7f8f9;--neutral-line:#dcdfe3;--stripes-negative:repeating-linear-gradient(135deg, var(--negative-line) 0 2px, var(--negative-soft) 2px 7px);--stripes-warning:repeating-linear-gradient(135deg, var(--warning-line) 0 2px, var(--warning-soft) 2px 7px);--stripes-neutral:repeating-linear-gradient(135deg, var(--neutral-line) 0 2px, var(--neutral-soft) 2px 7px);--stripes-accent:repeating-linear-gradient(135deg, var(--accent-line) 0 2px, var(--accent-soft) 2px 7px);--font:"Tajawal", system-ui, sans-serif;--mono:ui-monospace, "SF Mono", Menlo, Consolas, monospace;--text-xs:11px;--text-xs2:12px;--text-sm:13px;--text-sm2:14px;--text-md:15px;--text-lg:17px;--text-xl:20px;--text-2xl:22px;--text-3xl:26px;--radius-xs:6px;--radius-sm:8px;--radius:10px;--radius-md:12px;--radius-lg:14px;--radius-xl:16px;--radius-sheet:20px;--tap:44px;--ctl:32px;--dir-flip:-1;--safe-bottom:env(safe-area-inset-bottom,0px)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--ground:#16181b;--dot:#3a3f45;--ink:#e8eaed;--ink-soft:#cfd3d8;--muted:#9aa1a8;--faint:#7a8189;--line:#2c3035;--line-soft:#25292d;--fill:#1f2226;--fill-2:#1c1f22;--surface:#1b1e21;--avatar:#2a2e33;--disabled:#4a5057;--handle:#454b52;--backdrop:#0000008c;--toast:#e8eaed;--toast-ink:#16181b;--toast-link:#45627d;--on-accent:#0f1418;--accent:#8fb0cc;--accent-soft:#243240;--accent-line:#34495c;--positive:#7fbf9a;--positive-soft:#1d2d24;--positive-line:#2f4a3a;--warning:#d9b27a;--warning-ink:#e3c393;--warning-soft:#2e2618;--warning-line:#4a3c24;--negative:#e39a90;--negative-soft:#33201d;--negative-faint:#2a1c1a;--negative-line:#553029;--neutral:#9aa1a8;--neutral-soft:#1c1f22;--neutral-line:#2c3035}}:root[data-theme=dark]{--ground:#16181b;--dot:#3a3f45;--ink:#e8eaed;--ink-soft:#cfd3d8;--muted:#9aa1a8;--faint:#7a8189;--line:#2c3035;--line-soft:#25292d;--fill:#1f2226;--fill-2:#1c1f22;--surface:#1b1e21;--avatar:#2a2e33;--disabled:#4a5057;--handle:#454b52;--backdrop:#0000008c;--toast:#e8eaed;--toast-ink:#16181b;--toast-link:#45627d;--on-accent:#0f1418;--accent:#8fb0cc;--accent-soft:#243240;--accent-line:#34495c;--positive:#7fbf9a;--positive-soft:#1d2d24;--positive-line:#2f4a3a;--warning:#d9b27a;--warning-ink:#e3c393;--warning-soft:#2e2618;--warning-line:#4a3c24;--negative:#e39a90;--negative-soft:#33201d;--negative-faint:#2a1c1a;--negative-line:#553029;--neutral:#9aa1a8;--neutral-soft:#1c1f22;--neutral-line:#2c3035}*,:before,:after{box-sizing:border-box}*{scrollbar-width:none}::-webkit-scrollbar{width:0;height:0;display:none}html{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}@media (prefers-color-scheme:dark){html{--lightningcss-light: ;--lightningcss-dark:initial}}body{min-height:100dvh;font-family:var(--font);font-size:var(--text-md);color:var(--ink);background-color:var(--ground);font-variant-numeric:tabular-nums;-webkit-font-smoothing:antialiased;margin:0;line-height:1.5}.dotted{background-color:var(--ground);background-image:radial-gradient(var(--dot) var(--dot-size), transparent calc(var(--dot-size) + .2px));background-size:var(--dot-gap) var(--dot-gap)}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}button:disabled{cursor:default}a{color:var(--accent)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.ltr{direction:ltr;unicode-bidi:isolate}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}.lesson-card{gap:12px}.lesson-top{font-size:var(--text-sm);align-items:center;gap:8px;display:flex}.live-dot{background:var(--muted);border-radius:50%;flex-shrink:0;width:8px;height:8px}.live-dot[data-live=true]{background:var(--positive);box-shadow:0 0 0 3px var(--positive-soft)}.lesson-left{font-size:var(--text-sm);color:var(--accent);direction:rtl;font-weight:700}.nudge-striped{border-radius:var(--radius);font-size:var(--text-sm);background:var(--stripes-warning);color:var(--warning-ink);align-items:center;gap:8px;padding:8px 10px;text-decoration:none;display:flex}.lesson-summary{gap:6px;display:flex}.lesson-title{flex-wrap:wrap;align-items:baseline;gap:8px;display:flex}.lesson-title h2{font-size:var(--text-xl);margin:0;font-weight:700}.lesson-title .muted{font-size:var(--text-md)}.quick{border-radius:var(--radius-md);background:var(--accent-soft);color:var(--accent);font-size:var(--text-sm);flex-direction:column;align-items:center;gap:4px;padding:12px 4px;font-weight:500;text-decoration:none;display:flex}.quick:active{filter:brightness(.96)}.flag-detail{font-size:var(--text-xs2);color:var(--muted);align-items:center;gap:6px;display:flex}.flag-detail.neg{color:var(--negative);font-weight:700}.mark-chip{background:var(--negative-soft);border-radius:4px;padding:0 6px}.later-time{width:104px;font-size:var(--text-md);flex-shrink:0}.no-lessons{flex-direction:row;align-items:center;gap:10px}.first-sync{background:var(--stripes-accent);color:var(--accent);border-color:var(--accent-line);flex-direction:row;align-items:center;gap:12px;font-weight:500}.today-cols{flex-direction:column;gap:14px;display:flex}.today-cols>.col{display:contents}.today-cols .o1{order:1}.today-cols .o2{order:2}.today-cols .o3{order:3}.today-cols .o4{order:4}.today-cols .o5{order:5}.today-cols .o6{order:6}.today-cols [class^=o]:empty{display:none}@container main (width>=760px){.today-cols{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);align-items:start;gap:16px;display:grid}.today-cols>.col{flex-direction:column;gap:14px;display:flex}}.spreadsheet .head-in{width:100%;min-height:30px;color:inherit;font:inherit;background:0 0;border:0;flex-direction:column;justify-content:center;align-items:center;gap:1px;padding:4px;display:flex}.spreadsheet .group-title .head-in{min-height:28px;font-size:var(--text-xs2);flex-direction:row}.spreadsheet .col-head{min-width:58px}.spreadsheet .col-head.text{min-width:120px}.spreadsheet .col-head .t{text-overflow:ellipsis;align-items:center;gap:2px;max-width:110px;display:inline-flex;overflow:hidden}.spreadsheet .col-head .m{color:var(--muted);font-weight:400}.spreadsheet .col-head[data-tone] .m{color:inherit;opacity:.8}.spreadsheet .course-total,.spreadsheet .course-grade{min-width:52px;font-weight:700}.spreadsheet thead .course-total{background:var(--accent);color:var(--on-accent)}.spreadsheet td.calc{background:var(--fill-2);font-weight:700}.spreadsheet td.calc[data-tone]{background:color-mix(in srgb, var(--tone-soft) 55%, var(--surface));color:var(--tone-fg)}.spreadsheet td.calc.total{background:var(--accent-soft);color:var(--accent)}.spreadsheet td.low{background:var(--negative-faint);color:var(--negative)}.spreadsheet td.calc.low{background:var(--negative-soft);color:var(--negative)}.spreadsheet td.over{background:var(--negative-soft);color:var(--negative);font-weight:700}.nudge-strip{border-radius:var(--radius);background:var(--accent-soft);color:var(--accent);font-size:var(--text-sm);align-items:center;gap:8px;margin:4px 16px 0;padding:7px 12px 9px;text-decoration:none;display:flex;position:relative;overflow:hidden}.nudge-strip i{bottom:0;background:var(--accent);height:2px;position:absolute;inset-inline-start:0}.summary-row{align-items:center;gap:6px;padding:4px 16px 12px;display:flex}.name-btn{text-align:start;color:inherit;background:0 0;border:0;justify-content:center;min-height:36px;padding:0}.not-taken{background:var(--warning);border-radius:50%;width:7px;height:7px;display:inline-block}.all-present{color:var(--accent)}.lesson-list{flex-direction:column;gap:6px;display:flex}.lesson-row{gap:6px;min-height:44px;padding:4px 6px}.lesson-row .num{text-align:center;width:22px;font-size:var(--text-sm);color:var(--faint);flex-shrink:0;font-weight:700}.lesson-row .name-btn{flex-grow:1;min-width:0}.lesson-points{width:calc(3 * var(--ctl) + 8px);flex-shrink:0;justify-content:flex-end;align-items:center;gap:4px;display:flex}.icon-btn.num-btn{width:auto;min-width:var(--ctl);font:inherit;font-size:var(--text-sm2);padding:0 4px;font-weight:700}@container main (width>=640px){.lesson-list{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:8px;display:grid}.lesson-list .swipe-track{height:100%}.lesson-row{grid-template-columns:22px minmax(0,1fr) auto;grid-template-areas:"num name status"".points points";align-items:start;row-gap:8px;height:100%;padding:8px;display:grid}.lesson-row .num{line-height:var(--ctl);grid-area:num}.lesson-row .name-btn{min-height:var(--ctl);grid-area:name}.lesson-row .att-btn{grid-area:status}.lesson-points{grid-area:points;justify-content:flex-start;width:auto}.lesson-points .num-btn{margin-inline-end:auto}}.status-choice{border-radius:var(--radius-md);height:52px;color:var(--tone-fg);background:var(--tone-soft);border:2px solid #0000;justify-content:center;align-items:center;gap:8px;font-weight:700;display:flex}.status-choice[data-striped=true]{background:repeating-linear-gradient(135deg, var(--tone-line) 0 2px, var(--tone-soft) 2px 7px)}.status-choice[aria-pressed=true]{border-color:var(--tone-fg)}.stepper{font-size:var(--text-lg);justify-content:center;align-items:center;gap:16px;display:flex}.stepper .icon-btn{background:var(--fill);font-size:22px}.select-bar{inset-inline:0;bottom:var(--nav-h,0px);z-index:25;padding:10px 16px calc(12px + var(--safe-bottom));background:var(--surface);border-top:1px solid var(--line);align-items:center;gap:8px;max-width:560px;margin:0 auto;display:flex;position:fixed}.reason-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.reason-btn{border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface);min-height:48px;color:var(--ink);font-size:var(--text-sm2);text-align:start;align-items:center;gap:8px;padding:6px 12px;display:flex}.reason-btn:active{background:var(--fill)}.marks-screen .screen-main{padding-bottom:16px}.grid-wrap{max-height:calc(100dvh - 170px - var(--nav-h,0px));overscroll-behavior:contain;flex-grow:1;margin:4px 16px 16px;overflow:auto;container:sheet/inline-size}.marks-screen:has(.entry-bar) .grid-wrap{max-height:calc(100dvh - 310px - var(--nav-h,0px))}.marksheet .ss-name{width:150px;min-width:150px;font-weight:500}.marksheet .name-btn{text-align:start;width:100%;min-height:44px;font:inherit;color:var(--ink);white-space:normal;background:0 0;border:0;justify-content:flex-start;align-items:center;padding:4px 8px;font-weight:500;line-height:1.35;display:flex}@container sheet (width>=600px){.marksheet .ss-name{width:230px;min-width:230px}}.marksheet thead button.head-in{cursor:pointer}.marksheet tbody td{height:44px}.marksheet td.entry{font-size:var(--text-md);cursor:pointer;position:relative}.marksheet td.entry.missing{color:var(--negative);font-weight:700}.marksheet td.calc{font-size:var(--text-md)}.marksheet td.text{text-overflow:ellipsis;max-width:160px;font-size:var(--text-sm);color:var(--muted);cursor:pointer;padding:0 8px;overflow:hidden}.marksheet td.active{outline:2px solid var(--accent);outline-offset:-2px;z-index:1}.marksheet .sub-dot{top:5px;background:var(--tone-fg);border-radius:50%;width:6px;height:6px;position:absolute;inset-inline-end:5px}.marksheet tfoot>tr>*{height:40px}.marksheet tfoot .ss-name{font-size:var(--text-xs2);padding:0 8px}.empty-cols{justify-content:center;padding:16px;display:flex}.entry-bar{inset-inline:0;bottom:var(--nav-h,0px);z-index:30;padding:10px 12px calc(10px + var(--safe-bottom));background:var(--surface);border-top:1px solid var(--line);flex-direction:column;gap:8px;max-width:560px;margin:0 auto;display:flex;position:fixed;box-shadow:0 -8px 24px #14181c14}.entry-who{font-size:var(--text-lg);align-items:baseline;gap:8px;display:flex}.entry-who .muted{font-size:var(--text-sm)}.entry-row{align-items:center;gap:8px;display:flex}.entry-input{text-align:center;flex-grow:1;height:48px;font-size:20px;font-weight:700}.specials .pill{width:44px;font-size:var(--text-md);justify-content:center;font-weight:700}.card-title{font-size:var(--text-sm2);margin:0 0 4px;font-weight:700}.chart-card .section-head{align-items:baseline}.chart-card .section-head h3{color:var(--ink);font-size:var(--text-sm2);margin:0;font-weight:700}.chart{display:block}.chart .grid-line{stroke:var(--line-soft);stroke-width:1px}.chart .axis{fill:var(--muted);font-size:10px;font-family:var(--font)}.chart .series{fill:none;stroke:var(--accent);stroke-width:2px;stroke-linejoin:round;stroke-linecap:round}.chart .mark{fill:var(--surface);stroke:var(--accent);stroke-width:2px;cursor:pointer}.bar-row{font-size:var(--text-sm);align-items:center;gap:8px;min-height:24px;display:flex}.bar-label{text-overflow:ellipsis;white-space:nowrap;flex-shrink:0;width:104px;overflow:hidden}.bar-track{flex-grow:1;height:10px;display:flex}.bar-track i{border-radius:0 4px 4px 0;height:10px;display:block}[dir=rtl] .bar-track i{border-radius:4px 0 0 4px}.bar-n{text-align:end;width:28px;color:var(--muted)}.risk-row{min-height:50px;color:var(--ink);align-items:center;gap:10px;text-decoration:none;display:flex}.risk-main{flex-direction:column;flex-grow:1;min-width:0;display:flex}.risk-name{text-overflow:ellipsis;white-space:nowrap;font-size:var(--text-sm2);overflow:hidden}.risk-main .muted{font-size:var(--text-xs2)}.risk-row b{text-align:center;flex-shrink:0;width:40px}.class-compare{min-height:48px;color:var(--ink);font-size:var(--text-sm);align-items:center;gap:10px;text-decoration:none;display:flex}.compare-bars{flex-direction:column;flex-grow:1;gap:4px;display:flex}.compare-bars .bar-track,.compare-bars .bar-track i{height:8px}.compare-nums{flex-direction:column;flex-shrink:0;align-items:flex-end;width:104px;display:flex}.compare-nums .muted{font-size:var(--text-xs)}.start{max-width:480px}.start-steps{padding:24px 20px 8px;display:flex}.start-main{padding:16px 20px calc(28px + var(--safe-bottom));flex-direction:column;flex-grow:1;gap:18px;display:flex}.start-main h1{font-size:var(--text-3xl);margin:0;font-weight:700}.start-main .lead{font-size:var(--text-md);color:var(--muted);margin-top:-12px}.start-glyph{background:var(--accent-soft);width:64px;height:64px;color:var(--accent);border-radius:18px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.start-glyph.done{background:var(--positive-soft);color:var(--positive)}.code-groups{direction:ltr;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.code-group{border-radius:var(--radius-lg);background:var(--fill);border:1px solid var(--line);height:64px;font-family:var(--mono);font-size:var(--text-3xl);letter-spacing:4px;color:var(--ink);justify-content:center;align-items:center;min-width:0;font-weight:700;display:flex}.code-group.blank{background:var(--stripes-neutral);border:0}.code-group input{border:2px solid var(--accent);border-radius:var(--radius-lg);background:var(--surface);text-align:center;width:100%;height:100%;font:inherit;letter-spacing:4px;color:var(--ink);min-width:0}.code-group input[data-state=ok]{border-color:var(--positive)}.code-group input[data-state=wrong]{border-color:var(--negative)}.backups{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.backup{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface);color:var(--ink);font-size:var(--text-sm);flex-direction:column;align-items:center;gap:6px;padding:14px 0 10px;font-weight:500;display:flex;position:relative}.backup.done{background:var(--positive-soft);border-color:var(--positive-line);color:var(--positive)}.backup .tick{top:6px;background:var(--positive);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;display:flex;position:absolute;inset-inline-end:6px}.path-hint{color:var(--muted);font-size:var(--text-sm);align-items:center;gap:8px;display:flex}.print-code{display:none}@media print{body *{visibility:hidden!important}.print-code,.print-code *{visibility:visible!important}.print-code{font-family:var(--font);color:#000;padding:48px;display:block;position:absolute;inset:0}.print-code .code{font-family:var(--mono);letter-spacing:6px;direction:ltr;margin:24px 0;font-size:34px}}.start-form{display:contents}.code-field{align-items:center;gap:6px;display:flex}.code-field .input{flex-grow:1;min-width:0}.landing{background:var(--ground);min-height:100dvh;color:var(--ink)}.landing .home-nav{flex-wrap:wrap;align-items:center;gap:20px;padding:16px clamp(16px,6vw,96px);display:flex}.landing .home-nav a{color:var(--ink);font-size:15px;text-decoration:none}.landing .home-nav .btn{color:var(--ground)}.landing .brand{display:inline-flex}.landing .nav-restore{align-items:center;gap:6px;display:inline-flex;color:var(--accent)!important}.landing .hero{flex-wrap:wrap;justify-content:center;align-items:center;gap:clamp(24px,6vw,80px);padding:32px clamp(16px,6vw,96px) 72px;display:flex}.landing .hero-copy{flex-direction:column;flex:360px;gap:22px;max-width:640px;display:flex}.landing .tag{background:var(--accent-soft);color:var(--accent);border-radius:999px;align-self:flex-start;padding:6px 12px;font-size:14px;font-weight:500}.landing .hero-copy h1{margin:0;font-size:clamp(38px,6vw,64px);line-height:1.2}.landing .hero-copy p{color:var(--muted);margin:0;font-size:clamp(17px,2vw,21px);line-height:1.7}.landing .cta{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.landing .try{background:var(--fill);height:36px;color:var(--muted);border-radius:10px;align-self:flex-start;align-items:center;gap:8px;padding:0 14px;font-size:15px;display:inline-flex}.landing .feature-strip{background:var(--surface);border-top:1px solid var(--line);gap:8px;padding:14px clamp(16px,6vw,96px);display:flex;overflow-x:auto}.landing .feature-strip a{background:var(--fill);height:40px;color:var(--ink);border-radius:999px;flex-shrink:0;align-items:center;gap:8px;padding:0 14px;font-size:15px;font-weight:500;text-decoration:none;display:inline-flex}.landing .feature-strip a svg{color:var(--accent)}@media (min-width:1100px){.landing .feature-strip{justify-content:center}}.landing .phone{background:#22262b;border-radius:48px;flex-shrink:0;width:min(390px,100vw - 32px);padding:10px}.landing .phone-screen{--phone-h:min(760px, 86vh);height:var(--phone-h);border-radius:38px;flex-direction:column;display:flex;position:relative;overflow:hidden;transform:translateZ(0)}.landing .phone-screen .toast-host{position:absolute;bottom:16px}.landing .phone-scroll{overscroll-behavior:contain;flex-grow:1;min-height:0;overflow-y:auto}.landing .phone-scroll>.screen{min-height:100%}.landing .phone .back-btn,.landing .phone .tabs,.landing .phone .nudge-strip{display:none}.landing .phone .grid-wrap{max-height:calc(var(--phone-h) - 170px)}.landing .phone .marks-screen:has(.entry-bar) .grid-wrap{max-height:calc(var(--phone-h) - 310px)}.landing .demo{flex-direction:column;height:100%;display:flex}.landing .demo-head{align-items:center;gap:8px;padding:22px 14px 6px;display:flex}.landing .demo-head .grow{flex-direction:column;display:flex}.landing .demo-head .muted{font-size:13px}.landing .demo-summary{gap:6px;padding:6px 14px 10px;display:flex}.landing .demo-rows{flex-direction:column;flex-grow:1;gap:6px;padding:0 14px 80px;display:flex;overflow-y:auto}.landing .demo-rows .row{min-height:50px}.landing .lazy-slot{flex-wrap:wrap;justify-content:center;align-items:center;gap:32px;min-width:min(390px,100%);display:flex}.landing .home-band{border-top:1px solid var(--line);flex-wrap:wrap;justify-content:center;align-items:center;gap:clamp(24px,6vw,80px);padding:clamp(40px,7vw,96px) clamp(16px,6vw,96px);display:flex}.landing .home-band.alt{background:var(--fill-2)}@media (min-width:900px){.landing .home-band.flip{flex-direction:row-reverse}}.landing .band-copy{flex-direction:column;flex:320px;gap:18px;max-width:520px;display:flex}.landing .eyebrow{color:var(--accent);font-size:16px;font-weight:700}.landing .band-copy h2{margin:0;font-size:clamp(30px,4vw,44px);line-height:1.3}.landing .band-copy p{color:var(--muted);margin:0;font-size:19px;line-height:1.7}.landing .band-cta{color:var(--accent);align-self:flex-start;align-items:center;gap:4px;font-size:16px;font-weight:700;text-decoration:none;display:inline-flex}.landing .band-title{margin:0;font-size:clamp(30px,4vw,40px);line-height:1.3}.landing .grid-band{flex-direction:column;align-items:stretch}.landing .feature-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px;display:grid}.landing .feature{border:1px solid var(--line);background:var(--surface);border-radius:20px;flex-direction:column;gap:10px;padding:24px;display:flex}.landing .feature b{font-size:20px}.landing .feature-icon{background:var(--accent-soft);width:52px;height:52px;color:var(--accent);border-radius:14px;justify-content:center;align-items:center;display:flex}.landing .paper-stage{background:#fff;border-radius:4px;flex-shrink:0;width:397px;height:562px;overflow:hidden;box-shadow:0 10px 40px #0000001f}.landing .paper-stage .paper{width:210mm;min-height:297mm;box-shadow:none;transform-origin:100% 0;margin:0;transform:scale(.5)}@media (max-width:480px){.landing .paper-stage{width:340px;height:481px}.landing .paper-stage .paper{transform:scale(.4284)}}.landing .msg-demo,.landing .offline-demo{border:1px solid var(--line);background:var(--surface);border-radius:24px;flex-direction:column;gap:14px;width:420px;max-width:100%;padding:18px;display:flex;box-shadow:0 8px 30px #0000000f}.landing .msg-to{align-items:center;gap:10px;display:flex}.landing .msg-to .grow{flex-direction:column;display:flex}.landing .msg-to .muted{font-size:13px}.landing .msg-bubble{background:var(--positive-soft);border-radius:16px 16px 4px;min-height:130px;margin:0;padding:12px 14px;font-size:15px;line-height:1.8}.landing .msg-link{background:var(--fill);color:var(--muted);text-overflow:ellipsis;white-space:nowrap;border-radius:10px;padding:8px 10px;font-size:12px;display:block;overflow:hidden}.landing .offline-demo{width:380px}.landing .offline-switch{background:var(--fill);cursor:pointer;border-radius:14px;align-items:center;gap:10px;height:48px;padding:0 12px;font-weight:700;display:flex}.landing .offline-demo .rows{flex-direction:column;gap:6px;display:flex}.landing .offline-demo .row{border:1px solid var(--line);background:var(--surface);width:100%;color:inherit;font:inherit;cursor:pointer}.landing .pay-steps{align-items:center;gap:12px;max-width:640px;display:flex}.landing .pay-steps span{color:var(--muted);flex-direction:column;align-items:center;gap:8px;font-size:15px;display:flex}.landing .pay-steps i{background:var(--fill);width:64px;height:64px;color:var(--ink);border-radius:18px;justify-content:center;align-items:center;display:flex}.landing .pay-steps i.ok{background:var(--positive-soft);color:var(--positive)}.landing .pay-steps em{background:repeating-linear-gradient(270deg, var(--disabled) 0 5px, transparent 5px 10px);flex-grow:1;height:2px;margin-bottom:28px}.landing .readonly-note{color:var(--muted);align-items:center;gap:8px;font-size:16px;display:flex}.landing .readonly-note i{background:var(--stripes-neutral);border-radius:4px;width:28px;height:18px}.landing .price-dark{color:#fff;background:#22262b;border-radius:28px;flex-direction:column;flex:0 420px;gap:16px;padding:36px;display:flex}.landing .price-dark .muted-light{color:#b9bec4}.landing .price-dark .price{align-items:baseline;gap:8px;display:flex}.landing .price-dark .price b{font-size:72px;line-height:1}.landing .price-dark .price span{font-size:22px}.landing .home-foot{background:var(--fill-2);border-top:1px solid var(--line);color:var(--muted);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:28px clamp(16px,6vw,96px);font-size:14px;display:flex}@media (max-width:640px){.landing .home-nav{gap:12px}.landing .home-nav a[href^=\#],.landing .home-nav .logo-text small{display:none}.landing .pay-steps i{width:48px;height:48px}}