:root{color-scheme:light;--bg: #e8f1fb;--bg-deep: #dceafa;--surface: #ffffff;--surface-sunk: #f2f7fd;--surface-raised: #ffffff;--surface-tint: #f6fafe;--border: #d3e3f5;--border-strong: #b4d0ec;--blue-50: #eff7ff;--blue-100: #dbecfe;--blue-200: #bfdefe;--blue-300: #93cafd;--blue-400: #60adfa;--blue-500: #3b8ef6;--blue-600: #2570eb;--blue-700: #1d59d8;--blue-800: #1e4baf;--blue-900: #1e418a;--primary: var(--blue-500);--primary-hover: var(--blue-600);--primary-soft: var(--blue-50);--primary-border: var(--blue-200);--text: #0d2340;--text-muted: #45688f;--text-subtle: #7a97b8;--text-on-primary: #ffffff;--ok: #12916b;--ok-soft: #dcf5eb;--ok-border: #a8e5cd;--warn: #c9741a;--warn-soft: #fdf0dd;--warn-border: #f5d3a0;--danger: #cf4040;--danger-soft: #fce8e8;--danger-border: #f3bcbc;--info: var(--blue-500);--accent: #5b6ef0;--accent-soft: #e9ecfe;--accent-border: #c6cdfb;--radius-sm: 10px;--radius: 14px;--radius-lg: 20px;--radius-xl: 28px;--shadow-sm: 0 1px 2px rgba(20, 58, 105, .06), 0 1px 3px rgba(20, 58, 105, .04);--shadow: 0 2px 4px rgba(20, 58, 105, .06), 0 6px 16px rgba(20, 58, 105, .08);--shadow-lg: 0 4px 8px rgba(20, 58, 105, .07), 0 16px 40px rgba(20, 58, 105, .12);--ring: 0 0 0 3px rgba(59, 142, 246, .18);--font: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans Arabic", sans-serif;--mono: ui-monospace, SFMono-Regular, Menlo, monospace;--wall-xs: clamp(13px, 1.5vh, 18px);--wall-sm: clamp(16px, 1.92vh, 23px);--wall-md: clamp(20px, 2.67vh, 32px);--wall-lg: clamp(27px, 3.83vh, 46px);--wall-xl: clamp(38px, 6vh, 72px);--wall-hero: clamp(52px, 9.33vh, 112px);--ease: cubic-bezier(.4, 0, .2, 1);--dur: .18s}:root[data-theme=dark]{color-scheme:dark;--bg: #0b1522;--bg-deep: #081120;--surface: #15212f;--surface-sunk: #101b28;--surface-raised: #1b2939;--surface-tint: #182635;--border: #263b52;--border-strong: #365472;--primary: var(--blue-400);--primary-hover: var(--blue-300);--primary-soft: #15283f;--primary-border: #27456b;--text: #e9f1f9;--text-muted: #a6bbd1;--text-subtle: #7089a5;--text-on-primary: #06121f;--ok: #45c99a;--ok-soft: #0f2c23;--ok-border: #1d5442;--warn: #e8a54e;--warn-soft: #2f2314;--warn-border: #5b4526;--danger: #f07575;--danger-soft: #2f1818;--danger-border: #5c2e2e;--accent: #8f9bf7;--accent-soft: #1c2141;--accent-border: #333c76;--shadow-sm: 0 1px 2px rgba(0,0,0,.45);--shadow: 0 2px 4px rgba(0,0,0,.4), 0 6px 16px rgba(0,0,0,.45);--shadow-lg: 0 4px 8px rgba(0,0,0,.45), 0 16px 40px rgba(0,0,0,.55);--ring: 0 0 0 3px rgba(96, 173, 250, .25)}@media(prefers-color-scheme:dark){:root:not([data-theme=light]):not([data-theme=dark]){color-scheme:dark;--bg: #0b1522;--bg-deep: #081120;--surface: #15212f;--surface-sunk: #101b28;--surface-raised: #1b2939;--surface-tint: #182635;--border: #263b52;--border-strong: #365472;--primary: var(--blue-400);--primary-hover: var(--blue-300);--primary-soft: #15283f;--primary-border: #27456b;--text: #e9f1f9;--text-muted: #a6bbd1;--text-subtle: #7089a5;--text-on-primary: #06121f;--ok: #45c99a;--ok-soft: #0f2c23;--ok-border: #1d5442;--warn: #e8a54e;--warn-soft: #2f2314;--warn-border: #5b4526;--danger: #f07575;--danger-soft: #2f1818;--danger-border: #5c2e2e;--accent: #8f9bf7;--accent-soft: #1c2141;--accent-border: #333c76}}:root[data-surface=wall]{color-scheme:light}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font);font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}h1,h2,h3,h4{margin:0;font-weight:650;letter-spacing:-.011em}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}:focus-visible{outline:2px solid var(--primary);outline-offset:2px;border-radius:4px}::selection{background:var(--blue-200);color:var(--text)}[data-surface=wall] body{user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;overscroll-behavior:none}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.stack{display:flex;flex-direction:column}.row{display:flex;align-items:center}.grow{flex:1 1 auto;min-width:0}.gap-1{gap:6px}.gap-2{gap:10px}.gap-3{gap:16px}.gap-4{gap:24px}.gap-5{gap:34px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow);padding:20px 22px;transition:box-shadow var(--dur) var(--ease),transform var(--dur) var(--ease)}a.card:hover{box-shadow:var(--shadow-lg);transform:translateY(-1px)}.btn{border:1px solid var(--border-strong);background:var(--surface);color:var(--text);border-radius:var(--radius);padding:9px 16px;font-weight:550;transition:background var(--dur) var(--ease),border-color var(--dur) var(--ease),transform var(--dur) var(--ease)}.btn:hover{background:var(--surface-sunk);border-color:var(--primary-border)}.btn:active{transform:translateY(1px)}.btn-primary{background:linear-gradient(180deg,var(--blue-400),var(--blue-600));border-color:var(--blue-600);color:var(--text-on-primary);box-shadow:0 1px 2px #143a692e,inset 0 1px #ffffff3d}.btn-primary:hover{background:var(--primary-hover);border-color:var(--primary-hover)}.muted{color:var(--text-muted)}.subtle{color:var(--text-subtle)}.pill{display:inline-flex;align-items:center;gap:6px;padding:3px 10px;border-radius:999px;font-size:.82em;font-weight:600;background:var(--primary-soft);color:var(--blue-700);border:1px solid var(--primary-border)}.pill-ok{background:var(--ok-soft);color:var(--ok);border-color:var(--ok-border)}.pill-warn{background:var(--warn-soft);color:var(--warn);border-color:var(--warn-border)}.pill-danger{background:var(--danger-soft);color:var(--danger);border-color:var(--danger-border)}.wall{height:100dvh;padding:clamp(12px,1.8vh,24px);gap:clamp(10px,1.5vh,20px);display:grid;grid-template-columns:repeat(12,1fr);grid-auto-rows:minmax(min-content,1fr);align-content:start;overflow:hidden;background:radial-gradient(1100px 620px at 88% -12%,rgba(147,202,253,.55),transparent 60%),radial-gradient(900px 520px at -8% 108%,rgba(191,222,254,.45),transparent 62%),linear-gradient(168deg,var(--bg) 0%,var(--bg-deep) 100%);transition:filter .9s var(--ease)}@media(max-height:1000px){.wall{grid-auto-rows:1fr}}.tile-body{overflow:hidden}@media(max-height:1000px){.tile-body{overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;scrollbar-width:thin}}.wall .tile-slot{display:flex;min-width:0;min-height:0}.wall .tile-slot>*{flex:1 1 auto;min-width:0}.wall .tile{position:relative;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:var(--shadow);padding:clamp(12px,1.7vh,22px) clamp(14px,2vh,26px);overflow:hidden;min-width:0;min-height:0;display:flex;flex-direction:column}.wall .tile:before{content:"";position:absolute;inset:0 0 auto;height:3px;background:linear-gradient(90deg,var(--blue-300),var(--blue-500) 55%,var(--accent));opacity:.85}.wall .tile-hero{grid-column:span 12}.tile-title{font-size:var(--wall-xs);font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--blue-700)}.tile-figure{font-size:var(--wall-hero);font-weight:700;line-height:.95;letter-spacing:-.035em;background:linear-gradient(160deg,var(--blue-800),var(--blue-600) 60%,var(--blue-500));-webkit-background-clip:text;background-clip:text;color:transparent}.planner{height:100dvh;display:grid;grid-template-columns:264px 1fr 300px}.planner canvas{display:block;touch-action:none}.phone{min-height:100dvh;padding:18px 16px calc(84px + env(safe-area-inset-bottom));background:radial-gradient(700px 420px at 100% -10%,rgba(147,202,253,.4),transparent 62%),linear-gradient(180deg,var(--bg) 0%,var(--bg-deep) 100%);background-attachment:fixed}.fab{position:fixed;right:20px;bottom:calc(20px + env(safe-area-inset-bottom));width:62px;height:62px;border-radius:999px;background:linear-gradient(180deg,var(--blue-400),var(--blue-600));color:var(--text-on-primary);border:none;box-shadow:0 6px 20px #2570eb6b,var(--shadow);font-size:30px;line-height:1;display:grid;place-items:center;transition:transform var(--dur) var(--ease),background var(--dur) var(--ease)}.fab:hover{background:var(--primary-hover)}.fab[aria-expanded=true]{transform:rotate(45deg)}.fab-menu{position:fixed;right:20px;bottom:calc(94px + env(safe-area-inset-bottom));display:flex;flex-direction:column-reverse;gap:8px;z-index:40}.fab-item{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:12px 18px;font-weight:550;text-align:left;white-space:nowrap;animation:fab-rise .2s var(--ease) backwards}@keyframes fab-rise{0%{opacity:0;transform:translateY(10px)}}.fab-backdrop{position:fixed;inset:0;background:#0f274029;z-index:30;border:0}.phone-tabs{position:fixed;left:0;right:0;bottom:0;z-index:20;display:grid;grid-auto-flow:column;grid-auto-columns:1fr;background:var(--surface);border-top:1px solid var(--border);padding:6px 8px calc(6px + env(safe-area-inset-bottom))}.phone-tab{display:flex;flex-direction:column;align-items:center;gap:3px;background:none;border:0;padding:8px 4px;color:var(--text-subtle);font-size:11px;font-weight:600;border-radius:var(--radius-sm)}.phone-tab>span:first-child{font-size:19px;line-height:1}.phone-tab[aria-current=page]{color:var(--primary);background:var(--primary-soft)}.phone{padding-bottom:calc(104px + env(safe-area-inset-bottom))}