:root{--color-bg: #fff9f0;--color-surface: #ffffff;--color-surface-alt: #f9fafb;--color-surface-muted: #f3f4f6;--color-border: #e5e7eb;--color-border-strong: #d1d5db;--color-primary: #ffb030;--color-primary-deep: #ff9900;--color-primary-soft: #fff5e6;--color-primary-edge: #c97d0a;--color-cream: var(--color-primary-soft);--color-cream-strong: var(--color-accent-soft);--color-fill-current: var(--color-cream);--color-selected-tint: var(--color-bg);--color-control: var(--color-cream);--color-control-hover: var(--color-cream-strong);--color-control-ink: var(--color-accent-text);--color-track: var(--color-cream);--shadow-on-edge: inset 0 0 0 1px var(--color-primary-edge);--color-primary-text: #a85d00;--color-accent-text: #86663f;--color-on-primary: #1f1f1f;--color-accent: #c9a880;--color-accent-dark: #874d14;--color-accent-soft: #ffe8cc;--color-text: #1f1f1f;--color-text-secondary: #374151;--color-text-muted: #6b7280;--color-text-subtle: #6b7280;--color-danger: #dc2626;--color-danger-strong: #991b1b;--color-danger-soft: #fee2e2;--color-success: #166534;--color-success-soft: #d1fae5;--color-warning: #92400e;--color-warning-soft: #fef3c7;--hero-gradient: linear-gradient(180deg, #fff9f0 0%, #fff5e6 50%, #ffe8cc 100%);--font-display: "Poppins", sans-serif;--font-body: "Poppins", sans-serif;--font-arabic: "Amiri", "Noto Naskh Arabic", serif;--page-title-size: var(--font-2xl);--page-title-line-height: 1.2;--title-subtitle-gap: .5rem;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .06);--shadow-md: 0 4px 16px rgba(0, 0, 0, .07);--app-max-width: 52rem;--nav-space: calc(5.75rem + env(safe-area-inset-bottom, 0px)) ;--space-xxs: .25rem;--space-xs: .5rem;--space-sm: .75rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--motion-fast: .12s;--motion-base: .22s;--motion-slow: .32s;--motion-exit: .15s;--ease-out: cubic-bezier(.2, .8, .2, 1);--ease-in: cubic-bezier(.4, 0, 1, 1);--ease-standard: cubic-bezier(.2, 0, 0, 1);--ease-spring: cubic-bezier(.34, 1.45, .64, 1);--font-xs: .75rem;--font-sm: .875rem;--font-md: 1rem;--font-lg: 1.125rem;--font-xl: 1.375rem;--font-2xl: 2rem;--radius-sm: .5rem;--radius-md: .75rem;--radius-lg: 1rem;--radius-xl: 1.5rem;--border-radius-all: var(--radius-xl);--border-radius-tl: var(--radius-xl) var(--radius-xl) 0 0}@media(max-width:410px){:root{--font-xs: .75rem;--font-sm: .8125rem;--font-md: .9375rem;--font-lg: 1rem;--font-xl: 1.25rem;--font-2xl: 1.75rem}}@media(max-width:375px){:root{--font-xs: .75rem;--font-sm: .75rem;--font-md: .875rem;--font-lg: .9375rem;--font-xl: 1.125rem;--font-2xl: 1.5rem}}*{margin:0;padding:0;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation;-ms-touch-action:manipulation}input,textarea,[contenteditable]{-webkit-user-select:auto;-moz-user-select:auto;-ms-user-select:auto;user-select:auto;touch-action:auto;-ms-touch-action:auto}body{font-family:var(--font-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--color-bg);color:var(--color-text);touch-action:manipulation;-webkit-touch-callout:none}html{touch-action:manipulation;-ms-touch-action:manipulation}html,body,.main{height:100%;height:100dvh;overflow:hidden}.main{min-height:100dvh;min-height:calc(100dvh + env(safe-area-inset-top,0));background:linear-gradient(180deg,var(--color-bg) 0%,var(--color-surface) 40%);background-attachment:fixed;padding-top:env(safe-area-inset-top,0);font-family:var(--font-body);max-width:var(--app-max-width);margin-inline:auto;touch-action:manipulation}@media(display-mode:standalone){html,body,.main{height:100lvh;min-height:100lvh}}.page-pattern{position:relative;isolation:isolate}.page-pattern:before{content:"";position:absolute;inset:0 0 auto;height:var(--pattern-height, 16rem);z-index:-1;pointer-events:none;background:url(/images/hero-pattern.png) top center / 440px auto repeat-x;opacity:.45;-webkit-mask-image:linear-gradient(180deg,#000 0%,#000 35%,transparent 100%);mask-image:linear-gradient(180deg,#000 0%,#000 35%,transparent 100%)}.ui-page-subtitle{margin:var(--title-subtitle-gap) 0 0;font-family:var(--font-body);font-size:var(--font-sm);font-weight:500;line-height:1.4;letter-spacing:.01em;color:var(--color-accent-dark)}.ui-section-label{margin:0 0 var(--space-xs);font-family:var(--font-body);font-size:var(--font-xs);font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--color-accent-dark)}.ui-icon-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:2.25rem;height:2.25rem;padding:0;border:none;border-radius:50%;background:var(--color-control);color:var(--color-control-ink);font:inherit;text-decoration:none;cursor:pointer;transition:background-color var(--motion-fast) var(--ease-standard),color var(--motion-fast) var(--ease-standard),transform var(--motion-fast) var(--ease-standard)}.ui-icon-btn:after{content:"";position:absolute;inset:-4px}.ui-icon-btn svg{width:1.125rem;height:1.125rem}.ui-icon-btn--white{background:var(--color-surface)}.ui-icon-btn--ghost{background:transparent;color:var(--color-text-secondary)}.ui-icon-btn--lg{width:3rem;height:3rem}.ui-icon-btn--lg svg{width:1.375rem;height:1.375rem}.ui-icon-btn.is-on,.ui-icon-btn--primary{background:var(--color-primary);color:var(--color-on-primary);box-shadow:var(--shadow-on-edge)}.ui-icon-btn:active:not(:disabled){transform:scale(.94)}.ui-icon-btn:disabled{opacity:.4;cursor:not-allowed}.ui-icon-btn:focus-visible{outline:2px solid var(--color-primary-edge);outline-offset:2px}@media(hover:hover){.ui-icon-btn:not(.is-on):not(.ui-icon-btn--primary):hover:not(:disabled){background:var(--color-control-hover);color:var(--color-accent-dark)}.ui-icon-btn--primary:hover:not(:disabled){background:var(--color-primary-deep)}}.ui-chip{display:inline-flex;align-items:center;gap:.3rem;min-height:2rem;max-width:100%;padding:.3rem .8rem;border:none;border-radius:999px;background:var(--color-control);color:var(--color-accent-dark);font-family:var(--font-body);font-size:var(--font-xs);font-weight:600;line-height:1.4;white-space:nowrap;text-decoration:none}.ui-chip--white{background:color-mix(in srgb,var(--color-surface) 85%,transparent);color:var(--color-text-secondary);font-weight:500}.ui-chip.is-on{background:var(--color-primary);color:var(--color-on-primary);box-shadow:var(--shadow-on-edge)}button.ui-chip{cursor:pointer;transition:background-color var(--motion-fast) var(--ease-standard),transform var(--motion-fast) var(--ease-standard)}button.ui-chip:active:not(:disabled){transform:scale(.96)}button.ui-chip:focus-visible{outline:2px solid var(--color-primary-edge);outline-offset:2px}@media(hover:hover){button.ui-chip:not(.is-on):not(.ui-chip--white):hover:not(:disabled){background:var(--color-control-hover)}}.ui-segmented{display:inline-flex;gap:2px;padding:3px;border-radius:999px;background:var(--color-track)}.ui-segmented--white{background:color-mix(in srgb,var(--color-surface) 85%,transparent)}.ui-segment{position:relative;min-width:3rem;padding:.45rem var(--space-sm);border:none;border-radius:999px;background:transparent;color:var(--color-control-ink);font-family:var(--font-body);font-size:var(--font-xs);font-weight:600;text-align:center;white-space:nowrap;cursor:pointer;transition:background-color var(--motion-base) var(--ease-standard),color var(--motion-base) var(--ease-standard),box-shadow var(--motion-base) var(--ease-standard),transform var(--motion-fast) var(--ease-standard)}.ui-segmented.has-indicator{position:relative;isolation:isolate}.ui-segmented-indicator{position:absolute;top:0;left:0;z-index:0;border-radius:999px;background:var(--color-primary);box-shadow:var(--shadow-on-edge),0 1px 4px color-mix(in srgb,var(--color-primary-deep) 30%,transparent);pointer-events:none}.ui-segmented.is-ready .ui-segmented-indicator{transition:transform var(--motion-base) var(--ease-out),width var(--motion-base) var(--ease-out),opacity var(--motion-fast) var(--ease-standard)}.has-indicator>.ui-segment{z-index:1}.has-indicator>.ui-segment.is-on{background:transparent;box-shadow:none}.ui-segment:active:not(:disabled):not(.is-on),.ui-segment:not(.is-on):has(input:active){transform:scale(.95)}.ui-segment input{position:absolute;inset:0;margin:0;opacity:0;cursor:pointer}.ui-segment.is-on{background:var(--color-primary);color:var(--color-on-primary);box-shadow:var(--shadow-on-edge),0 1px 4px color-mix(in srgb,var(--color-primary-deep) 30%,transparent)}.ui-segment:disabled{opacity:.5;cursor:not-allowed}.ui-segment:focus-visible,.ui-segment:has(input:focus-visible){outline:2px solid var(--color-primary-edge);outline-offset:2px}@media(hover:hover){.ui-segment:not(.is-on):hover:not(:disabled){color:var(--color-accent-dark)}}.ui-button{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-xs);min-height:2.75rem;padding:0 1.25rem;border:none;border-radius:999px;background:var(--color-primary);color:var(--color-on-primary);box-shadow:var(--shadow-on-edge);font-family:var(--font-body);font-size:var(--font-sm);font-weight:600;white-space:nowrap;text-decoration:none;cursor:pointer;transition:background-color var(--motion-fast) var(--ease-standard),transform var(--motion-fast) var(--ease-standard)}.ui-button--secondary{background:var(--color-control);color:var(--color-accent-dark);box-shadow:none}.ui-button--danger{background:var(--color-danger-soft);color:var(--color-danger-strong);box-shadow:none}.ui-button--block{width:100%}.ui-button:active:not(:disabled){transform:scale(.98)}.ui-button:disabled{opacity:.6;cursor:not-allowed}.ui-button:focus-visible{outline:2px solid var(--color-primary-edge);outline-offset:2px}@media(hover:hover){.ui-button:not(.ui-button--secondary):not(.ui-button--danger):hover:not(:disabled){background:var(--color-primary-deep)}.ui-button--secondary:hover:not(:disabled){background:var(--color-control-hover)}.ui-button--danger:hover:not(:disabled){background:var(--color-danger);color:var(--color-surface)}}.ui-select{width:100%;min-height:2.75rem;padding:0 2.75rem 0 1.1rem;border:none;border-radius:999px;background-color:var(--color-control);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23874d14' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1.1rem center;background-size:1rem;color:var(--color-text);font-family:var(--font-body);font-size:var(--font-sm);text-overflow:ellipsis;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;transition:background-color var(--motion-fast) var(--ease-standard)}.ui-select:active{background-color:var(--color-control-hover)}.ui-select:focus-visible{outline:none;box-shadow:var(--shadow-on-edge)}@media(hover:hover){.ui-select:hover{background-color:var(--color-control-hover)}}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.ui-skeleton{display:inline-block;max-width:100%;height:1em;border-radius:999px;background:linear-gradient(90deg,var(--color-cream-strong) 0%,var(--color-cream) 50%,var(--color-cream-strong) 100%);background-size:200% 100%;vertical-align:middle;animation:skeleton-shimmer 1.4s linear infinite}@keyframes skeleton-shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}[tabindex="-1"]:focus{outline:none}.ui-fade-in{display:block;animation:ui-fade-in var(--motion-base) var(--ease-out) both}@keyframes ui-fade-in{0%{opacity:0;transform:translateY(.25rem)}}::view-transition-old(root){animation:vt-fade-out var(--motion-exit) var(--ease-in) both}::view-transition-new(root){animation:vt-fade-in var(--motion-base) var(--ease-out) both}html.vt-forward::view-transition-old(root){animation-name:vt-out-to-left}html.vt-forward::view-transition-new(root){animation-name:vt-in-from-right}html.vt-back::view-transition-old(root){animation-name:vt-out-to-right}html.vt-back::view-transition-new(root){animation-name:vt-in-from-left}::view-transition-group(bottom-nav),::view-transition-group(player-fab),::view-transition-new(bottom-nav),::view-transition-new(player-fab){animation:none}::view-transition-old(bottom-nav),::view-transition-old(player-fab){display:none}@keyframes vt-fade-out{to{opacity:0}}@keyframes vt-fade-in{0%{opacity:0}}@keyframes vt-out-to-left{to{opacity:0;transform:translate(-2rem)}}@keyframes vt-in-from-right{0%{opacity:0;transform:translate(2rem)}}@keyframes vt-out-to-right{to{opacity:0;transform:translate(2rem)}}@keyframes vt-in-from-left{0%{opacity:0;transform:translate(-2rem)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation:none!important}}