:root{color-scheme:light;--font-sans: "Plus Jakarta Sans", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Noto Sans", "Noto Sans Arabic", sans-serif;--font-mono: "JetBrains Mono", ui-monospace, "SFMono-Regular", Menlo, monospace;--brand: #c9401a;--brand-2: #3d4a2c;--on-brand: #ffffff;--brand-soft: color-mix(in oklab, var(--brand) 11%, var(--surface));--brand-softer: color-mix(in oklab, var(--brand) 6%, var(--surface));--brand-text: color-mix(in oklab, var(--brand) 82%, var(--ink));--bg: #f7f4ee;--surface: #ffffff;--surface-2: #f2eee6;--surface-3: #e9e3d8;--ink: #1b1813;--ink-2: #5a5348;--ink-3: #6f675b;--line: #e7e1d6;--line-strong: #d3cabb;--success: #17804a;--danger: #c8321f;--warning: #a86a00;--info: #2f5fd0;--success-on-dark: #62d596;--danger-on-dark: #ff907f;--radius-sm: .625rem;--radius-md: 1rem;--radius-lg: 1.375rem;--radius-xl: 1.75rem;--radius-pill: 999px;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.375rem;--text-2xl: 1.75rem;--text-3xl: 2.25rem;--shadow-sm: 0 1px 2px rgb(27 24 19 / .06), 0 1px 1px rgb(27 24 19 / .04);--shadow-md: 0 6px 16px -6px rgb(27 24 19 / .14), 0 2px 4px rgb(27 24 19 / .05);--shadow-lg: 0 24px 48px -16px rgb(27 24 19 / .28), 0 6px 12px -4px rgb(27 24 19 / .08);--shadow-brand: 0 14px 28px -12px color-mix(in oklab, var(--brand) 70%, transparent);--page-max: 44rem;--page-wide: 72rem;--ease-out: cubic-bezier(.2, .9, .3, 1)}@media(prefers-color-scheme:dark){:root{color-scheme:dark;--bg: #13110e;--surface: #1c1915;--surface-2: #25211c;--surface-3: #302b24;--ink: #f5f1ea;--ink-2: #c3baad;--ink-3: #a39a8c;--line: #312c25;--line-strong: #463f36;--brand-soft: color-mix(in oklab, var(--brand) 20%, var(--surface));--brand-softer: color-mix(in oklab, var(--brand) 10%, var(--surface));--brand-text: color-mix(in oklab, var(--brand) 62%, var(--ink));--success: #4cc382;--danger: #ff7a66;--warning: #f0b43c;--info: #7fa2ff;--shadow-sm: 0 1px 2px rgb(0 0 0 / .4);--shadow-md: 0 8px 20px -8px rgb(0 0 0 / .6);--shadow-lg: 0 24px 48px -12px rgb(0 0 0 / .7)}}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;text-size-adjust:100%;-webkit-tap-highlight-color:transparent;scroll-padding-top:9rem}body{margin:0;min-height:100dvh;background:var(--bg);color:var(--ink);font-family:var(--font-sans);font-size:var(--text-base);line-height:1.5;font-feature-settings:"ss01","cv11";-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4{line-height:1.2;letter-spacing:-.02em;font-weight:750;text-wrap:balance}p{text-wrap:pretty}img,svg,video{display:block;max-width:100%}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}a{color:var(--brand-text);text-underline-offset:.2em}:focus-visible{outline:3px solid color-mix(in oklab,var(--brand) 60%,transparent);outline-offset:2px}::selection{background:color-mix(in oklab,var(--brand) 28%,transparent)}.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.tabular{font-variant-numeric:tabular-nums}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}*,*:before,*:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.page{width:100%;max-width:var(--page-max);margin-inline:auto;padding:0 var(--space-4) calc(var(--space-12) + env(safe-area-inset-bottom))}.page--wide{max-width:var(--page-wide)}.page--with-dock{padding-bottom:calc(8rem + env(safe-area-inset-bottom))}.app-bar{position:sticky;top:0;z-index:20;display:grid;grid-template-columns:2.75rem 1fr 2.75rem;align-items:center;gap:var(--space-2);min-height:3.75rem;padding:calc(var(--space-2) + env(safe-area-inset-top)) var(--space-4) var(--space-2);background:color-mix(in oklab,var(--bg) 86%,transparent);-webkit-backdrop-filter:saturate(1.6) blur(14px);backdrop-filter:saturate(1.6) blur(14px)}.app-bar__title{margin:0;font-size:var(--text-lg);text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dock{position:fixed;inset:auto 0 0;z-index:30;padding:var(--space-3) var(--space-4) calc(var(--space-4) + env(safe-area-inset-bottom));background:linear-gradient(to top,var(--bg) 55%,color-mix(in oklab,var(--bg) 0%,transparent));pointer-events:none}.dock>*{pointer-events:auto;max-width:calc(var(--page-max) - 2 * var(--space-4));margin-inline:auto}.btn{--btn-bg: var(--surface-2);--btn-fg: var(--ink);display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:3rem;padding:0 var(--space-5);border:1px solid transparent;border-radius:var(--radius-pill);background:var(--btn-bg);color:var(--btn-fg);font-weight:650;font-size:var(--text-base);line-height:1.1;text-decoration:none;white-space:nowrap;transition:transform .12s var(--ease-out),background-color .16s,box-shadow .16s,opacity .16s;-webkit-user-select:none;user-select:none}.btn:hover:not(:disabled){background:color-mix(in oklab,var(--btn-bg) 90%,var(--ink))}.btn:active:not(:disabled){transform:scale(.97)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn--primary{--btn-bg: var(--brand);--btn-fg: var(--on-brand);box-shadow:var(--shadow-brand)}.btn--ink{--btn-bg: var(--ink);--btn-fg: var(--bg)}.btn--soft{--btn-bg: var(--brand-soft);--btn-fg: var(--brand-text)}.btn--ghost{--btn-bg: transparent;--btn-fg: var(--ink);border-color:var(--line-strong)}.btn--ghost:hover:not(:disabled){background:var(--surface-2)}.btn--danger{--btn-bg: var(--danger);--btn-fg: #fff}.btn--block{width:100%}.btn--lg{min-height:3.5rem;font-size:var(--text-lg)}.btn--sm{min-height:2.25rem;padding:0 var(--space-3);font-size:var(--text-sm)}.icon-btn{display:inline-grid;place-items:center;width:2.75rem;height:2.75rem;padding:0;border:0;border-radius:50%;background:var(--surface);color:var(--ink);box-shadow:var(--shadow-sm);text-decoration:none;transition:transform .12s var(--ease-out),background-color .16s}.icon-btn:hover{background:var(--surface-2)}.icon-btn:active{transform:scale(.94)}.icon-btn--plain{background:transparent;box-shadow:none}[dir=rtl] .icon-btn--flip-rtl svg{transform:scaleX(-1)}.link-btn{padding:0;border:0;background:none;color:var(--brand-text);font-weight:650;text-decoration:underline;text-underline-offset:.2em}.field{display:grid;gap:var(--space-1)}.field__label{font-size:var(--text-sm);font-weight:650;color:var(--ink-2)}.field__required{color:var(--danger)}.field__control{width:100%;min-height:3.25rem;padding:var(--space-3) var(--space-4);border:1.5px solid var(--line-strong);border-radius:var(--radius-md);background:var(--surface);transition:border-color .16s,box-shadow .16s}.field__control::placeholder{color:var(--ink-3)}.field__control:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 4px color-mix(in oklab,var(--brand) 18%,transparent)}.field__control.is-invalid,.field__control[aria-invalid=true]{border-color:var(--danger)}.field textarea.field__control{resize:vertical;min-height:6rem}.field__hint{font-size:var(--text-xs);color:var(--ink-3)}.field__error{font-size:var(--text-xs);font-weight:600;color:var(--danger)}.check{display:flex;align-items:flex-start;gap:var(--space-3);cursor:pointer}.check input{width:1.35rem;height:1.35rem;margin:.1rem 0 0;accent-color:var(--brand);flex:none}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.chip{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-3);border-radius:var(--radius-pill);background:var(--surface-2);color:var(--ink-2);font-size:var(--text-sm);font-weight:600}.callout{display:flex;gap:var(--space-3);padding:var(--space-4);border-radius:var(--radius-md);background:var(--brand-softer);color:var(--ink-2);font-size:var(--text-sm)}.callout svg{flex:none;color:var(--brand-text)}.callout p{margin:0}.divider{height:1px;border:0;margin:0;background:var(--line)}.divider--dashed{background:none;border-top:1.5px dashed var(--line-strong)}.spinner{width:1.25rem;height:1.25rem;border:2.5px solid currentColor;border-right-color:transparent;border-radius:50%;animation:spin .7s linear infinite}.skeleton{background:linear-gradient(90deg,var(--surface-2),var(--surface-3),var(--surface-2));background-size:200% 100%;animation:shimmer 1.4s ease-in-out infinite;border-radius:var(--radius-md)}.empty-state{display:grid;justify-items:center;gap:var(--space-3);padding:var(--space-12) var(--space-6);text-align:center}.empty-state__icon{display:grid;place-items:center;width:5rem;height:5rem;border-radius:50%;background:var(--brand-soft);color:var(--brand-text)}.empty-state h2{margin:var(--space-2) 0 0;font-size:var(--text-xl)}.empty-state p{margin:0;max-width:34ch;color:var(--ink-2)}@keyframes spin{to{transform:rotate(1turn)}}@keyframes shimmer{to{background-position:-200% 0}}