:root{--app-space-1: .25rem;--app-space-2: .5rem;--app-space-3: .75rem;--app-space-4: 1rem;--app-space-5: 1.5rem;--app-space-6: 2rem;--app-space-7: 3rem;--app-touch-min: 44px;--app-touch-comfortable: 48px;--app-surface-card: rgba(21, 26, 35, .7);--app-surface-raised: rgba(31, 41, 55, .8);--app-surface-sunken: rgba(11, 14, 20, .9);--app-border-subtle: rgba(255, 255, 255, .05);--app-border-strong: rgba(255, 255, 255, .1);--app-shadow-soft: 0 4px 6px rgba(0, 0, 0, .2);--app-shadow-card: 0 8px 16px rgba(0, 0, 0, .3), 0 0 0 1px rgba(255,255,255,.05) inset;--app-shadow-pop: 0 12px 24px rgba(0, 0, 0, .4), 0 0 0 1px rgba(255,255,255,.1) inset;--app-radius-sm: 6px;--app-radius-md: 10px;--app-radius-lg: 16px;--app-radius-pill: 999px;--app-ease: cubic-bezier(.4, 0, .2, 1);--app-ease-out: cubic-bezier(0, 0, .2, 1);--app-ease-in: cubic-bezier(.4, 0, 1, 1);--app-duration-fast: .12s;--app-duration-base: .22s;--app-duration-slow: .4s;--app-text-xs: .75rem;--app-text-sm: .875rem;--app-text-base: 1rem;--app-text-lg: 1.125rem;--app-text-xl: 1.25rem;--app-text-2xl: 1.625rem;--app-text-3xl: 2.25rem}body.app-body{font-family:var(--la-font-sans);font-size:var(--app-text-base);line-height:1.5;color:var(--la-text);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent}body.app-body *{-webkit-user-select:text;user-select:text}body.app-body button,body.app-body input,body.app-body select,body.app-body textarea{font-family:inherit;font-size:inherit}body.app-body input[type=number],body.app-body input[type=text],body.app-body input[type=search]{-webkit-appearance:none;appearance:none}body.app-body input[type=number]::-webkit-inner-spin-button,body.app-body input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}body.app-body input[type=number]{-moz-appearance:textfield}body.app-body :focus-visible{outline:2px solid var(--la-link);outline-offset:2px}body.app-body :focus:not(:focus-visible){outline:none}.app-card{background:var(--app-surface-card);backdrop-filter:var(--la-glass-blur);-webkit-backdrop-filter:var(--la-glass-blur);border:1px solid var(--app-border-subtle);border-radius:var(--app-radius-md);box-shadow:var(--app-shadow-card)}.app-card--raised{background:var(--app-surface-raised)}.app-card--pop{box-shadow:var(--app-shadow-pop)}.app-stack>*+*{margin-top:var(--app-space-4)}.app-stack-sm>*+*{margin-top:var(--app-space-2)}.app-stack-lg>*+*{margin-top:var(--app-space-5)}.app-label{display:block;font-size:var(--app-text-sm);font-weight:500;color:var(--la-text-soft);margin-bottom:var(--app-space-2);letter-spacing:.01em}.app-label-hint{font-weight:400;font-style:italic;color:var(--la-text-faint);margin-left:var(--app-space-2)}.app-section-h{font-family:var(--la-font-serif);font-style:italic;font-size:var(--app-text-xl);font-weight:400;color:var(--la-text);margin:0 0 var(--app-space-4);letter-spacing:-.01em}.app-btn{display:inline-flex;align-items:center;justify-content:center;min-height:var(--app-touch-comfortable);padding:0 var(--app-space-5);border:none;border-radius:var(--app-radius-pill);font-size:var(--app-text-base);font-weight:500;background:var(--app-surface-raised);color:var(--la-text);border:1px solid var(--app-border-strong);cursor:pointer;transition:all var(--app-duration-fast) var(--app-ease);text-decoration:none;box-shadow:var(--app-shadow-soft)}.app-btn:hover{background:#ffffff1a;border-color:var(--la-text-soft);box-shadow:var(--app-shadow-pop);transform:translateY(-2px)}.app-btn:active{transform:translateY(1px)}.app-btn:disabled{opacity:.4;cursor:not-allowed;transform:none;box-shadow:none}.app-btn--primary{background:var(--la-link);color:var(--app-surface-card);border-color:var(--la-link)}.app-btn--primary:hover{background:var(--la-link-hover);border-color:var(--la-link-hover)}.app-btn--ghost{background:transparent;border-color:transparent}.app-btn--ghost:hover{background:var(--app-surface-sunken)}.app-btn--sm{min-height:var(--app-touch-min);padding:0 var(--app-space-3);font-size:var(--app-text-sm)}.app-input{display:block;width:100%;min-height:var(--app-touch-min);padding:0 var(--app-space-3);border:1px solid var(--app-border-strong);border-radius:var(--app-radius-pill);background:var(--app-surface-sunken);color:var(--la-text);font-size:var(--app-text-base);transition:all var(--app-duration-fast) var(--app-ease)}.app-input:hover{border-color:var(--la-text-soft)}.app-input:focus{border-color:var(--la-link);box-shadow:0 0 0 2px #3b82f64d}.app-slider{-webkit-appearance:none;appearance:none;width:100%;height:36px;background:transparent;cursor:pointer;touch-action:pan-y}.app-slider::-webkit-slider-runnable-track{height:6px;background:var(--app-surface-sunken);border-radius:var(--app-radius-pill)}.app-slider::-moz-range-track{height:6px;background:var(--app-surface-sunken);border-radius:var(--app-radius-pill)}.app-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:28px;height:28px;border-radius:50%;background:var(--la-link);border:3px solid var(--app-surface-card);box-shadow:0 1px 4px #0000002e;margin-top:-11px;cursor:grab;transition:transform var(--app-duration-fast) var(--app-ease)}.app-slider::-webkit-slider-thumb:hover{transform:scale(1.1)}.app-slider:active::-webkit-slider-thumb{cursor:grabbing;transform:scale(1.15)}.app-slider::-moz-range-thumb{width:28px;height:28px;border-radius:50%;background:var(--la-link);border:3px solid var(--app-surface-card);box-shadow:0 1px 4px #0000002e;cursor:grab}@media (pointer: coarse){.app-slider::-webkit-slider-thumb{width:32px;height:32px;margin-top:-13px}.app-slider::-moz-range-thumb{width:32px;height:32px}}.app-chip{display:inline-flex;align-items:center;gap:var(--app-space-1);padding:2px var(--app-space-2);border-radius:var(--app-radius-pill);font-size:var(--app-text-xs);font-weight:500;letter-spacing:.02em;text-transform:lowercase;background:var(--app-surface-sunken);color:var(--la-text-soft)}.app-chip--success{background:#dbf0e2;color:#246b3c}.app-chip--warn{background:#f6e8cb;color:#795015}.app-chip--error{background:#f5e0e0;color:#962c2c}.app-chip--info{background:#e0ebf5;color:#25527e}.app-clickable{cursor:pointer;transition:transform var(--app-duration-fast) var(--app-ease),box-shadow var(--app-duration-fast) var(--app-ease),border-color var(--app-duration-fast) var(--app-ease)}.app-clickable:hover{transform:translateY(-1px);box-shadow:var(--app-shadow-card)}.app-clickable:active{transform:translateY(0)}.app-selected{border-color:var(--la-link);box-shadow:0 0 0 2px var(--la-link),var(--app-shadow-card)}:root{--app-fluid-xs: clamp(.72rem, .69rem + .15vw, .8rem);--app-fluid-sm: clamp(.82rem, .78rem + .2vw, .9rem);--app-fluid-base: clamp(.92rem, .88rem + .25vw, 1rem);--app-fluid-lg: clamp(1.05rem, .98rem + .4vw, 1.2rem);--app-fluid-xl: clamp(1.2rem, 1.05rem + .7vw, 1.5rem);--app-fluid-2xl: clamp(1.5rem, 1.25rem + 1.2vw, 2.1rem);--app-fluid-3xl: clamp(1.9rem, 1.5rem + 2vw, 3rem);--app-gutter: clamp(.85rem, .55rem + 2.4vw, 2rem);--app-z-overlay: 50;--app-z-drawer: 60;--app-z-modal: 70;--app-z-toast: 80;--app-safe-top: env(safe-area-inset-top, 0px);--app-safe-bottom: env(safe-area-inset-bottom, 0px);--app-safe-left: env(safe-area-inset-left, 0px);--app-safe-right: env(safe-area-inset-right, 0px)}.app-scroll-x{overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scroll-snap-type:x proximity;overscroll-behavior-x:contain}.app-scroll-x>*{scroll-snap-align:start}.app-backdrop{position:fixed;inset:0;background:#00000080;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);z-index:var(--app-z-overlay)}.app-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media (pointer: coarse){.app-btn--sm{min-height:var(--app-touch-min)}.app-chip{padding:var(--app-space-1) var(--app-space-3)}}html{scroll-behavior:smooth}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}}
