@import"https://fonts.googleapis.com/css2?family=Tajawal:wght@300;400;500;700&display=swap";:root{--brand-teal: #008080;--brand-teal-deep: #004444;--brand-teal-700: #026a6a;--brand-blush: #EFCCBF;--brand-blush-soft: #F9EDE7;--ground: #F4F7F7;--surface: #FFFFFF;--surface-2: #EAF1F1;--ink: #0C2222;--ink-2: #3C5455;--ink-3: #5A6E6F;--line: #D5E3E3;--line-strong:#869797;--ok: #1B7F4E;--ok-ink: #14663E;--ok-bg: #E2F2E9;--warn: #C9765A;--warn-ink: #8F4A33;--warn-bg: #FBEAE3;--danger: #B3382A;--danger-ink:#B3382A;--danger-bg: #FBE7E4;--info: #2A6A86;--info-bg: #E3EFF4;--target-min: 24px;--dept-kindergarten: #2F8F86;--dept-nutrition: #B98247;--dept-mental: #6C6AA8;--font-ui: "Tajawal", "Segoe UI", system-ui, sans-serif;--fs-xs: .8125rem;--fs-sm: .9375rem;--fs-base: 1rem;--fs-lg: 1.125rem;--fs-xl: 1.375rem;--fs-2xl: 1.75rem;--lh-body: 1.75;--lh-tight: 1.4;--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 24px;--sp-6: 32px;--sp-7: 48px;--radius-sm: 6px;--radius: 10px;--radius-lg: 14px;--shadow-1: 0 1px 2px rgba(0, 68, 68, .06), 0 8px 24px -18px rgba(0, 68, 68, .3);--shadow-2: 0 2px 6px rgba(0, 68, 68, .08), 0 16px 40px -24px rgba(0, 68, 68, .35);--focus-ring: 0 0 0 3px rgba(0, 128, 128, .35)}@media(prefers-color-scheme:dark){:root:not([data-theme]){--brand-teal: #3FB3AD;--brand-teal-deep: #9CD9D3;--brand-teal-700: #53c2bc;--brand-blush: #D9A794;--brand-blush-soft: #33231D;--ground: #081616;--surface: #0F2322;--surface-2: #16302E;--ink: #E6F1F0;--ink-2: #AFC7C6;--ink-3: #7B9695;--line: #1D3A38;--line-strong:#2B504D;--ok: #58C68C;--ok-ink: #58C68C;--ok-bg: #0F2A1E;--warn: #E0977A;--warn-ink: #E0977A;--warn-bg: #2F1D16;--danger: #E58474;--danger-ink:#E58474;--danger-bg: #321816;--info: #74B6D1;--info-bg: #10262F;--dept-kindergarten: #5FC3B9;--dept-nutrition: #D9AC74;--dept-mental: #9C9AD8;--shadow-1: 0 1px 2px rgba(0,0,0,.45), 0 8px 24px -18px rgba(0,0,0,.9);--shadow-2: 0 2px 6px rgba(0,0,0,.5), 0 16px 40px -24px rgba(0,0,0,.95);--focus-ring: 0 0 0 3px rgba(63, 179, 173, .4)}}:root[data-theme=dark]{--brand-teal: #3FB3AD;--brand-teal-deep: #9CD9D3;--brand-teal-700: #53c2bc;--brand-blush: #D9A794;--brand-blush-soft: #33231D;--ground: #081616;--surface: #0F2322;--surface-2: #16302E;--ink: #E6F1F0;--ink-2: #AFC7C6;--ink-3: #7B9695;--line: #1D3A38;--line-strong:#2B504D;--ok: #58C68C;--ok-ink: #58C68C;--ok-bg: #0F2A1E;--warn: #E0977A;--warn-ink: #E0977A;--warn-bg: #2F1D16;--danger: #E58474;--danger-ink:#E58474;--danger-bg: #321816;--info: #74B6D1;--info-bg: #10262F;--dept-kindergarten: #5FC3B9;--dept-nutrition: #D9AC74;--dept-mental: #9C9AD8;--shadow-1: 0 1px 2px rgba(0,0,0,.45), 0 8px 24px -18px rgba(0,0,0,.9);--shadow-2: 0 2px 6px rgba(0,0,0,.5), 0 16px 40px -24px rgba(0,0,0,.95);--focus-ring: 0 0 0 3px rgba(63, 179, 173, .4)}:root[data-theme=beige]{--ground: #FAF6EF;--surface: #FFFDF9;--surface-2: #F2EADD;--ink: #2A2318;--ink-2: #574B3B;--ink-3: #746755;--line: #E4D9C7;--line-strong:#9D927E;--shadow-1: 0 1px 2px rgba(60, 48, 30, .06), 0 8px 24px -18px rgba(60, 48, 30, .3);--shadow-2: 0 2px 6px rgba(60, 48, 30, .08), 0 16px 40px -24px rgba(60, 48, 30, .35)}:root[data-theme=sand]{--ground: #FBF8F3;--surface: #FFFFFF;--surface-2: #F3EDE4;--ink: #272320;--ink-2: #554D45;--ink-3: #73695E;--line: #E6DED2;--line-strong:#9D9386;--shadow-1: 0 1px 2px rgba(60, 50, 38, .06), 0 8px 24px -18px rgba(60, 50, 38, .3);--shadow-2: 0 2px 6px rgba(60, 50, 38, .08), 0 16px 40px -24px rgba(60, 50, 38, .35)}:root[data-theme=greige]{--ground: #F8F7F4;--surface: #FFFFFF;--surface-2: #EFEDE7;--ink: #23241F;--ink-2: #4D4F48;--ink-3: #686B62;--line: #E1E0D8;--line-strong:#95948B;--shadow-1: 0 1px 2px rgba(45, 46, 40, .06), 0 8px 24px -18px rgba(45, 46, 40, .3);--shadow-2: 0 2px 6px rgba(45, 46, 40, .08), 0 16px 40px -24px rgba(45, 46, 40, .35)}:root[data-theme=teal]{color-scheme:light}:root[data-theme=beige],:root[data-theme=sand],:root[data-theme=greige]{color-scheme:light}*,*:before,*:after{box-sizing:border-box}body{margin:0;background:var(--ground);color:var(--ink);font-family:var(--font-ui);font-size:17px;line-height:var(--lh-body)}h1{font-size:1.25rem;margin:0}h2{font-size:.95rem;font-weight:500;color:var(--ink-2);margin:0}p{margin:0}.muted{color:var(--ink-3);font-size:.9375rem}.sm{font-size:.82rem}.error{color:var(--danger);background:var(--danger-bg);padding:8px 12px;border-radius:var(--radius-sm);font-size:.9375rem}.screen{max-width:460px;margin-inline:auto;padding:20px 16px 48px;display:flex;flex-direction:column;gap:14px;min-height:100dvh}.screen--center{justify-content:center}.brand{display:flex;align-items:center;gap:8px;font-size:1.2rem;font-weight:700;margin-bottom:6px}.mark{width:28px;height:28px;border-radius:var(--radius-sm);background:var(--brand-teal);color:#fff;display:grid;place-items:center;font-weight:700;flex:none}.hello{display:flex;flex-direction:column;gap:2px}.hello b{font-size:1.15rem}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);padding:16px;display:flex;flex-direction:column;gap:10px}.card--next{background:var(--brand-blush-soft);border-color:var(--brand-blush)}.card--next .when{font-size:1.05rem;color:var(--brand-teal-deep)}.form{display:flex;flex-direction:column;gap:10px}label{font-size:.9375rem;color:var(--ink-2)}input{font:inherit;width:100%;padding:12px;border:1px solid var(--line-strong);border-radius:var(--radius-sm);background:var(--surface);color:var(--ink)}.check{display:flex;align-items:center;gap:8px;font-size:.9375rem;color:var(--ink-2)}.check input{width:20px;height:20px;flex:none;accent-color:var(--brand-teal)}.btn{font:inherit;font-size:1rem;padding:13px 16px;border-radius:var(--radius-sm);border:1px solid transparent;cursor:pointer;text-align:center;text-decoration:none;display:block;width:100%}.btn--primary{background:var(--brand-teal);color:#fff}.btn--ghost{background:transparent;color:var(--brand-teal);border-color:var(--line-strong)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn:focus-visible,input:focus-visible{outline:none;box-shadow:var(--focus-ring)}.files{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.file{display:flex;align-items:center;gap:10px;border:1px solid var(--line);border-radius:var(--radius-sm);padding:10px 12px}.file__nm{display:flex;flex-direction:column;min-width:0;flex:1;overflow:hidden;text-overflow:ellipsis;font-size:.95rem}.file .btn{width:auto;padding:6px 12px;font-size:.85rem}.tl{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px;border-inline-start:2px solid var(--line);padding-inline-start:16px}.tl li{position:relative;display:flex;flex-direction:column;font-size:.95rem}.tl li:before{content:"";position:absolute;inset-inline-start:-23px;top:.55em;width:8px;height:8px;border-radius:50%;background:var(--ground);border:2px solid var(--brand-teal)}.tl time{color:var(--ink-3);font-size:.82rem;font-variant-numeric:tabular-nums}@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}.letter{background:var(--surface);border:1px solid var(--brand-blush);border-radius:var(--radius-lg);padding:20px 18px;display:flex;flex-direction:column;gap:14px;box-shadow:0 1px 2px #0765610a}.letter__head{display:flex;flex-direction:column;gap:2px;padding-bottom:12px;border-bottom:1px solid var(--line)}.letter__kicker{font-size:.78rem;letter-spacing:.04em;color:var(--brand-teal);font-weight:500}.letter__week{font-size:1.05rem;color:var(--brand-teal-deep)}.letter__hi{font-size:.95rem;color:var(--ink-2)}.letter__body{display:flex;flex-direction:column;gap:14px}.letter__part{font-size:1.02rem;line-height:1.85}.letter__part+.letter__part{border-top:1px solid var(--line);padding-top:14px}.letter__sign{display:flex;align-items:center;gap:8px;padding-top:12px;border-top:1px solid var(--line);color:var(--ink-3);font-size:.9rem}.letter__sign .mark{width:22px;height:22px;font-size:.8rem}.letter--compact{border-color:var(--line);padding:16px 14px;box-shadow:none}.letter--compact .letter__part{font-size:.95rem}.disclose{font:inherit;width:100%;background:none;border:none;padding:0;cursor:pointer;color:var(--ink-2);display:flex;align-items:center;justify-content:space-between;gap:8px}.disclose:focus-visible{outline:none;box-shadow:var(--focus-ring);border-radius:var(--radius-sm)}.stack{display:flex;flex-direction:column;gap:12px}.themes{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.theme{display:flex;flex-direction:column;gap:6px;align-items:flex-start;font:inherit;color:var(--ink);background:var(--surface);border:1px solid var(--line-strong);border-radius:var(--radius);padding:10px;cursor:pointer;text-align:start;width:100%}.theme--on{border-color:var(--brand-teal);box-shadow:var(--focus-ring)}.theme__swatch{display:flex;width:100%;height:34px;border-radius:var(--radius-sm);overflow:hidden;border:1px solid rgba(0,0,0,.08)}.theme__swatch i{flex:1;display:block}.theme__swatch--teal i:nth-child(1){background:#f4f7f7}.theme__swatch--teal i:nth-child(2){background:#fff}.theme__swatch--teal i:nth-child(3){background:#0c2222}.theme__swatch--beige i:nth-child(1){background:#faf6ef}.theme__swatch--beige i:nth-child(2){background:#f2eadd}.theme__swatch--beige i:nth-child(3){background:#2a2318}.theme__swatch--sand i:nth-child(1){background:#fbf8f3}.theme__swatch--sand i:nth-child(2){background:#f3ede4}.theme__swatch--sand i:nth-child(3){background:#272320}.theme__swatch--greige i:nth-child(1){background:#f8f7f4}.theme__swatch--greige i:nth-child(2){background:#efede7}.theme__swatch--greige i:nth-child(3){background:#23241f}