@font-face{font-family:Nunito;font-style:normal;font-weight:700 900;font-display:swap;src:url(/fonts/nunito-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Nunito;font-style:normal;font-weight:700 900;font-display:swap;src:url(/fonts/nunito-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Tajawal;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/tajawal-700.woff2) format("woff2");unicode-range:U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+0898-08E1,U+08E3-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC}@font-face{font-family:Tajawal;font-style:normal;font-weight:800;font-display:swap;src:url(/fonts/tajawal-800.woff2) format("woff2");unicode-range:U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+0898-08E1,U+08E3-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC}@font-face{font-family:Tajawal;font-style:normal;font-weight:900;font-display:swap;src:url(/fonts/tajawal-900.woff2) format("woff2");unicode-range:U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+0898-08E1,U+08E3-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC}:root{--bg-warm-1: #FFF6E9;--bg-warm-2: #FBEAD7;--surface: #FFFFFF;--surface-2: #F7F1E6;--wall-cold: #E6E1DA;--wood-1: #E8C79B;--wood-2: #DDB584;--wood-3: #B97A45;--ink: #4F3A24;--ink-soft: #9C876C;--accent: #F7952B;--accent-dark: #D97A12;--success: #3BAA87;--calm: #7FB0A2;--alert-soft: #E28F6B;--night-sky: #33415C;--obj-1: #C96F4A;--obj-2: #7A9A72;--obj-3: #8698B4;--obj-4: #DFA53A;--obj-5: #97688C;--obj-6: #3F8C94;--obj-7: #8E9B4F;--obj-8: #B5705F;--shadow-1: 0 4px 12px rgba(120, 90, 50, .12);--shadow-2: 0 10px 26px rgba(120, 90, 50, .18);--radius-s: 14px;--radius-m: 20px;--radius-l: 26px;--tap-min: 48px}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}.haven-sheet{position:fixed;inset:0;z-index:10;display:grid;place-items:center;padding:20px;background:#fbead7e0;touch-action:auto}.haven-card{width:min(420px,100%);background:var(--surface);border-radius:var(--radius-l);box-shadow:var(--shadow-2);padding:26px 24px 20px;display:grid;gap:14px;max-height:calc(100dvh - 40px);overflow-y:auto}.haven-card>*{min-width:0;max-width:100%}.haven-field input{inline-size:100%;min-inline-size:0;box-sizing:border-box}.haven-card h2{font-size:22px;font-weight:800;line-height:1.25}.haven-card p{font-size:16px;line-height:1.45;color:var(--ink-soft)}.haven-field{display:grid;gap:6px}.haven-field span{font-size:16px;font-weight:700}.haven-field input{font:inherit;font-size:17px;min-height:var(--tap-min);padding:10px 14px;border:2px solid var(--wood-2);border-radius:var(--radius-s);background:var(--surface-2);color:var(--ink)}.haven-field input:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.haven-check{display:flex;align-items:center;gap:12px;min-height:var(--tap-min);font-size:16px;line-height:1.35;cursor:pointer}.haven-check input{inline-size:26px;block-size:26px;accent-color:var(--accent);flex:none}.haven-note:empty{display:none}.haven-note{color:var(--alert-soft);font-weight:700}.haven-actions{display:flex;flex-wrap:wrap;gap:10px;margin-block-start:4px}.haven-btn{flex:1 1 150px;min-height:var(--tap-min);padding:12px 14px;font:inherit;font-size:17px;font-weight:800;border-radius:var(--radius-m);border:2px solid var(--wood-2);background:var(--surface);color:var(--ink);cursor:pointer}.haven-btn-main{background:var(--accent);border-color:var(--accent-dark);color:#fff}.haven-btn:disabled{opacity:.6;cursor:default}.haven-btn:focus-visible{outline:3px solid var(--accent-dark);outline-offset:2px}.haven-consent{position:fixed;inset-inline:0;bottom:0;z-index:9;display:grid;gap:10px;padding:14px 16px calc(14px + env(safe-area-inset-bottom));background:var(--surface);border-start-start-radius:18px;border-start-end-radius:18px;box-shadow:0 -8px 24px #785a3229;touch-action:auto}.haven-consent p{margin:0;font-size:16px;line-height:1.45;color:var(--ink)}.haven-consent a{color:var(--accent-dark)}.haven-consent-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.haven-consent-actions button{min-height:48px;padding:0 12px;border:2px solid var(--wood-3);border-radius:14px;background:var(--surface);color:var(--ink);font:800 17px/1 inherit;font-family:inherit;cursor:pointer}.haven-consent-actions button:active{background:var(--surface-2)}.haven-consent-actions button:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.haven-legal{display:grid;gap:8px;margin-top:6px;padding-top:12px;border-top:1px solid var(--surface-2);font-size:15px}.haven-legal a,.haven-legal button{color:var(--ink-soft);text-align:start;background:none;border:0;padding:6px 0;min-height:44px;font:inherit;cursor:pointer}.haven-legal button{color:var(--accent-dark);font-weight:700}.haven-settings{gap:10px;padding-block-end:0}.haven-settings h2{margin-block-end:4px}.haven-section{margin:8px 0 0;font-size:13px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-soft)}.haven-rows{display:grid;border:2px solid var(--surface-2);border-radius:var(--radius-m);overflow:hidden;background:var(--surface)}.haven-row{display:flex;align-items:center;gap:12px;min-height:56px;padding:8px 14px;border:0;border-block-end:1px solid var(--surface-2);background:var(--surface);color:var(--ink);font:inherit;font-size:16px;font-weight:700;line-height:1.25;text-align:start;cursor:pointer}.haven-row:last-child{border-block-end:0}.haven-row:active{background:var(--surface-2)}.haven-row:focus-visible{outline:3px solid var(--accent);outline-offset:-3px}.haven-row-primary{background:#fff3e3}.haven-row-icon{inline-size:40px;block-size:40px;flex:none;border-radius:12px}.haven-row-text{flex:1 1 auto;min-inline-size:0;display:grid;gap:2px}.haven-row-label{font-weight:800}.haven-row-hint{font-size:14px;font-weight:700;color:var(--ink-soft)}.haven-row-value{flex:none;max-inline-size:46%;padding:7px 12px;border-radius:999px;background:var(--surface-2);color:var(--ink);font-size:15px;font-weight:800;text-align:center;overflow-wrap:anywhere}.haven-row-chevron{flex:none;font-size:20px;font-weight:800;color:var(--ink-soft)}[dir=rtl] .haven-row-chevron{transform:scaleX(-1)}.haven-sticky{position:sticky;inset-block-end:0;margin-block-start:4px;padding:12px 0 20px;background:linear-gradient(to bottom,rgb(255 255 255 / 0%),var(--surface) 28%)}.haven-sticky .haven-btn{inline-size:100%}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;overscroll-behavior:none;touch-action:none}body{font-family:Nunito,system-ui,-apple-system,Segoe UI,sans-serif;color:var(--ink);background:linear-gradient(170deg,var(--bg-warm-1),var(--bg-warm-2));display:grid;place-items:center}#app{width:100%;height:100dvh}body.haven-consent-open{align-content:start}body.haven-consent-open #app{height:calc(100dvh - var(--haven-consent-height, 152px) - 12px)}.haven-intro{max-width:390px;margin:0 auto;padding:24px 20px;font-family:Nunito,system-ui,sans-serif;color:var(--ink);line-height:1.4}.haven-intro h1{font-size:22px;font-weight:900;margin:0 0 12px}.haven-intro p{font-size:16px;font-weight:700;margin:0 0 10px}.haven-intro a{color:var(--ink-soft)}.haven-footer{position:fixed;inset-inline:0;inset-block-end:4px;display:flex;justify-content:center;gap:18px;font-size:14px;font-weight:700}.haven-footer a{color:var(--ink-soft);text-decoration:none}.haven-footer a:hover,.haven-footer a:focus-visible{color:var(--ink);text-decoration:underline}@media (min-aspect-ratio: 390/828){.haven-footer{display:none}}body.haven-consent-open .haven-footer{display:none}#app,#app canvas{display:block;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}.card{background:var(--surface);border-radius:var(--radius-l);box-shadow:var(--shadow-2);padding:28px 26px;max-width:460px;width:100%}.card h1{font-size:26px;margin-bottom:4px}.card p.sub{color:var(--ink-soft);font-weight:600;margin-bottom:18px}ul.checks{list-style:none;display:grid;gap:10px;margin-bottom:20px}ul.checks li{display:flex;align-items:center;gap:10px;font-size:15px;font-weight:600;background:var(--surface-2);border-radius:var(--radius-s);padding:10px 14px}ul.checks .ok{color:var(--success);font-weight:900}.next{background:linear-gradient(135deg,#fff3e0,#ffe7cc);border-radius:var(--radius-m);padding:14px 16px;font-size:14px;line-height:1.5}.next b{display:block;margin-bottom:4px;color:var(--accent-dark)}code{background:var(--surface);border-radius:8px;padding:2px 6px;font-size:13px}