:root{color:var(--app-text);background:var(--app-bg);--app-bg:var(--tg-theme-bg-color,#f4f6f8);--app-surface:var(--tg-theme-secondary-bg-color,#fff);--app-text:var(--tg-theme-text-color,#16181d);--app-muted:var(--tg-theme-hint-color,#697386);--app-accent:var(--tg-theme-button-color,#2481cc);--app-accent-text:var(--tg-theme-button-text-color,#fff);--app-danger:var(--tg-theme-destructive-text-color,#d93025);--app-border:color-mix(in srgb, var(--app-text) 14%, transparent);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}:root[data-theme=dark]{--app-bg:var(--tg-theme-bg-color,#111318);--app-surface:var(--tg-theme-secondary-bg-color,#1b1f27);--app-text:var(--tg-theme-text-color,#f5f7fa);--app-muted:var(--tg-theme-hint-color,#9ba5b5)}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,input{font:inherit}.app-shell{width:min(100%,760px);min-height:100vh;padding:max(24px, env(safe-area-inset-top)) max(16px, env(safe-area-inset-right)) max(24px, env(safe-area-inset-bottom)) max(16px, env(safe-area-inset-left));margin:0 auto}.market-list{gap:12px;display:grid}.market-card header,.outcome-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.market-card a{color:inherit;text-decoration:none}.market-card a:after{content:"";position:absolute;inset:0}.market-card{position:relative}.market-card a:focus-visible{outline:3px solid var(--app-accent);outline-offset:4px}.outcome-list{gap:8px;padding:0;list-style:none;display:grid}.outcome-row{border-bottom:1px solid var(--app-border);min-height:48px}.page-header{margin-bottom:20px}.diagnostic-list{gap:10px;display:grid}.diagnostic-list div{grid-template-columns:minmax(9rem,1fr) 2fr;gap:12px;display:grid}.diagnostic-list dt{font-weight:700}.diagnostic-list dd{overflow-wrap:anywhere;margin:0}.page-placeholder{text-align:center;place-items:center;min-height:55vh;display:grid}.ui-button{background:var(--app-accent);color:var(--app-accent-text);cursor:pointer;border:0;border-radius:12px;padding:10px 16px}.ui-button:focus-visible,.ui-input:focus-visible{outline:3px solid color-mix(in srgb, var(--app-accent) 35%, transparent);outline-offset:2px}.ui-card{border:1px solid var(--app-border);background:var(--app-surface);border-radius:16px;padding:20px}.ui-badge{background:color-mix(in srgb, var(--app-accent) 14%, transparent);border-radius:999px;padding:4px 8px;display:inline-flex}.ui-input{border:1px solid var(--app-border);width:100%;color:var(--app-text);background:var(--app-surface);border-radius:12px;padding:10px 12px}.ui-loader{border:3px solid var(--app-border);border-top-color:var(--app-accent);border-radius:50%;width:24px;height:24px;animation:.8s linear infinite spin;display:inline-block}.ui-skeleton{background:linear-gradient(90deg, var(--app-border), var(--app-surface), var(--app-border));background-size:200%;border-radius:8px;animation:1.4s infinite shimmer;display:inline-block}.ui-modal-backdrop{background:#0008;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.ui-modal{background:var(--app-surface);border-radius:16px;width:min(100%,480px);padding:20px}.ui-modal header{justify-content:space-between;align-items:center;gap:16px;display:flex}.ui-toast-region{gap:8px;display:grid;position:fixed;bottom:16px;right:16px}.ui-toast-region button{border:1px solid var(--app-border);color:var(--app-text);background:var(--app-surface);border-radius:12px;padding:12px}.tone-muted{color:var(--app-muted)}.tone-danger{color:var(--app-danger)}@keyframes spin{to{transform:rotate(360deg)}}@keyframes shimmer{to{background-position:-200%}}@media (prefers-reduced-motion:reduce){*,:before,:after{animation-duration:.01ms!important;animation-iteration-count:1!important}}
