:root{--bg:var(--brand-background);--surface:var(--brand-surface);--surface-2:color-mix(in srgb, var(--brand-text) 4%, var(--brand-surface));--text:var(--brand-text);--text-2:var(--brand-muted);--text-3:color-mix(in srgb, var(--brand-muted) 70%, transparent);--line:var(--brand-line);--fill:color-mix(in srgb, var(--brand-text) 6%, transparent);--fill-2:color-mix(in srgb, var(--brand-text) 10%, transparent);--tint:var(--brand-primary);--tint-soft:color-mix(in srgb, var(--brand-primary) 12%, transparent);--on-tint:var(--brand-primary-contrast);--glass:color-mix(in srgb, var(--brand-surface) 78%, transparent);--radius-xs:8px;--radius-sm:12px;--radius:16px;--radius-lg:22px;--radius-xl:28px;--tap:44px;--shadow-sm:0 1px 2px #0000000a, 0 1px 1px #00000008;--shadow:0 2px 8px -2px #0000000f, 0 8px 24px -6px #00000014;--shadow-lg:0 12px 40px -8px #0000002e, 0 4px 12px -4px #00000014;--ease:cubic-bezier(.2, .8, .2, 1);--ease-spring:cubic-bezier(.34, 1.4, .64, 1);--fast:.14s;--normal:.24s;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--tabbar-h:58px;--sidebar-w:248px;--font:-apple-system, BlinkMacSystemFont, "SF Pro Text", "SF Pro Display", "Inter", system-ui, "Segoe UI", Roboto, sans-serif}:root[data-theme=dark]{--shadow:0 2px 8px -2px #00000080, 0 8px 24px -6px #0009;--shadow-lg:0 16px 48px -8px #000c;--glass:color-mix(in srgb, var(--brand-surface) 72%, transparent)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--shadow:0 2px 8px -2px #00000080, 0 8px 24px -6px #0009;--shadow-lg:0 16px 48px -8px #000c;--glass:color-mix(in srgb, var(--brand-surface) 72%, transparent)}}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;scroll-padding-top:4rem}body{min-height:100dvh;font-family:var(--font);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;margin:0;font-size:16px;line-height:1.45;overflow-x:hidden}:focus-visible{outline:2px solid var(--tint);outline-offset:2px;border-radius:6px}a{color:inherit}img,svg{max-width:100%;display:block}button{font:inherit;color:inherit}h1,.title-large{letter-spacing:-.025em;margin:0;font-size:2rem;font-weight:750;line-height:1.12}h2,.title-2{letter-spacing:-.018em;margin:1.75rem 0 .75rem;font-size:1.3rem;font-weight:700;line-height:1.25}h3,.headline{letter-spacing:-.01em;margin:0;font-size:1.0625rem;font-weight:600;line-height:1.3}.caption{color:var(--text-2);font-size:.75rem}.section-label{text-transform:uppercase;letter-spacing:.04em;color:var(--text-2);margin:1.5rem 0 .4rem;padding:0 1rem;font-size:.8125rem;font-weight:500}.tabular{font-variant-numeric:tabular-nums}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}.page{max-width:72rem;padding:calc(.75rem + var(--safe-top)) 1rem 4rem;margin:0 auto}.page.narrow{max-width:40rem}.row{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.stack{gap:.75rem;display:grid}.grid-tiles{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:.75rem;display:grid}.split{grid-template-columns:minmax(15rem,1fr) 2fr;align-items:start;gap:.75rem;display:grid}@media (width<=820px){.split{grid-template-columns:1fr}}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:1rem}.btn{min-height:var(--tap);font:inherit;letter-spacing:-.01em;background:var(--fill);color:var(--text);cursor:pointer;white-space:nowrap;-webkit-user-select:none;user-select:none;transition:transform var(--fast) var(--ease), background-color var(--fast) var(--ease), opacity var(--fast) var(--ease), filter var(--fast) var(--ease);border:0;border-radius:999px;justify-content:center;align-items:center;gap:.4rem;padding:.6rem 1.1rem;font-size:1rem;font-weight:600;text-decoration:none;display:inline-flex}.btn:hover:not(:disabled){background:var(--fill-2)}.btn:active:not(:disabled){transform:scale(.97)}.btn:disabled{opacity:.4;cursor:not-allowed}.btn.primary{background:var(--tint);color:var(--on-tint)}.btn.primary:hover:not(:disabled){background:var(--tint);filter:brightness(1.08)}.btn.tinted{background:var(--tint-soft);color:var(--tint)}.btn.tinted:hover:not(:disabled){background:color-mix(in srgb, var(--tint) 18%, transparent)}.btn.plain{color:var(--tint);background:0 0;padding-inline:.5rem}.btn.plain:hover:not(:disabled){background:var(--tint-soft)}.btn.outline{box-shadow:inset 0 0 0 1px var(--line);background:0 0}.btn.danger{background:color-mix(in srgb, var(--brand-danger) 12%, transparent);color:var(--brand-danger)}.btn.danger.solid{background:var(--brand-danger);color:#fff}.btn.small{min-height:34px;padding:.35rem .85rem;font-size:.875rem}.btn.large{min-height:52px;padding:.8rem 1.5rem;font-size:1.0625rem}.btn.block{width:100%;display:flex}.icon-btn{background:var(--fill);width:36px;height:36px;color:var(--text);cursor:pointer;transition:transform var(--fast) var(--ease), background-color var(--fast) var(--ease);border:0;border-radius:50%;flex:none;place-items:center;margin:4px;text-decoration:none;display:inline-grid}.icon-btn:hover{background:var(--fill-2)}.icon-btn:active{transform:scale(.92)}.icon-btn.tint{background:var(--tint);color:var(--on-tint)}.icon-btn.ghost{background:0 0}.input{font:inherit;width:100%;min-width:0;min-height:var(--tap);border-radius:var(--radius-sm);background:var(--fill);color:var(--text);transition:border-color var(--fast) var(--ease), box-shadow var(--fast) var(--ease), background-color var(--fast) var(--ease);border:1px solid #0000;padding:.65rem .9rem;font-size:1rem}.input::placeholder{color:var(--text-3)}.input:focus{background:var(--surface);border-color:var(--tint);box-shadow:0 0 0 4px var(--tint-soft);outline:none}select.input{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23888' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right .8rem center;background-repeat:no-repeat;background-size:14px;padding-right:2.2rem}textarea.input{resize:vertical;min-height:6rem}.field{color:var(--text);gap:.35rem;font-size:.875rem;font-weight:600;display:grid}.field>.hint,.hint{color:var(--text-2);font-size:.8125rem;font-weight:400}.search{position:relative}.search .input{padding-left:2.4rem}.search svg{width:18px;height:18px;color:var(--text-2);pointer-events:none;position:absolute;top:50%;left:.8rem;transform:translateY(-50%)}.list{background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow-sm);border:1px solid var(--line);margin:0;padding:0;list-style:none;overflow:hidden}.list-row{width:100%;min-height:52px;color:inherit;font:inherit;text-align:left;cursor:pointer;transition:background-color var(--fast) var(--ease);background:0 0;border:0;align-items:center;gap:.85rem;padding:.7rem 1rem;text-decoration:none;display:flex;position:relative}.list>li+li>.list-row:before,.list>.list-row+.list-row:before{content:"";border-top:1px solid var(--line);position:absolute;top:0;left:3.6rem;right:0}.list.flush>li+li>.list-row:before,.list.flush>.list-row+.list-row:before{left:1rem}.list-row:hover{background:var(--fill)}.list-row:active{background:var(--fill-2)}.list-row .row-main{flex:1;gap:.1rem;min-width:0;display:grid}.list-row .row-title{text-overflow:ellipsis;white-space:nowrap;font-weight:500;overflow:hidden}.list-row .row-sub{color:var(--text-2);text-overflow:ellipsis;white-space:nowrap;font-size:.875rem;overflow:hidden}.list-row .row-value{color:var(--text-2);white-space:nowrap;font-size:.9375rem}.list-row .chev{width:16px;height:16px;color:var(--text-3);flex:none}.row-icon{background:var(--tint);color:#fff;border-radius:8px;flex:none;place-items:center;width:30px;height:30px;display:grid}.row-icon svg{width:18px;height:18px}.row-icon.gray{background:#8e8e93}.row-icon.blue{background:#0a84ff}.row-icon.green{background:#30b158}.row-icon.orange{background:#ff9500}.row-icon.purple{background:#af52de}.row-icon.indigo{background:#5e5ce6}.row-icon.red{background:#ff3b30}.row-icon.teal{background:#30b0c7}.avatar{width:40px;height:40px;color:var(--tint);background:var(--tint-soft);letter-spacing:.02em;border-radius:50%;flex:none;place-items:center;font-size:.9375rem;font-weight:650;display:grid}.avatar.large{width:64px;height:64px;font-size:1.4rem}.chips{scrollbar-width:none;gap:.5rem;margin:-2px;padding:2px;display:flex;overflow-x:auto}.chips::-webkit-scrollbar{display:none}.chip{background:var(--fill);min-height:36px;color:var(--text);font:inherit;cursor:pointer;white-space:nowrap;transition:background-color var(--fast) var(--ease), color var(--fast) var(--ease), transform var(--fast) var(--ease);border:0;border-radius:999px;flex:none;align-items:center;gap:.35rem;padding:.4rem .95rem;font-size:.9375rem;font-weight:500;display:inline-flex}.chip:active{transform:scale(.96)}.chip.on,.chip[aria-pressed=true]{background:var(--text);color:var(--bg)}.segmented{background:var(--fill);border-radius:10px;padding:2px;display:flex}.segmented>button{min-height:32px;color:var(--text);font:inherit;cursor:pointer;transition:background-color var(--fast) var(--ease), box-shadow var(--fast) var(--ease);background:0 0;border:0;border-radius:8px;flex:1;font-size:.875rem;font-weight:500}.segmented>button[aria-pressed=true]{background:var(--surface);font-weight:600;box-shadow:0 3px 8px #0000001f,0 0 0 .5px #0000000a}.switch{appearance:none;background:var(--fill-2);cursor:pointer;width:51px;height:31px;transition:background-color var(--normal) var(--ease);border-radius:999px;flex:none;margin:0;position:relative}.switch:after{content:"";width:27px;height:27px;transition:transform var(--normal) var(--ease-spring);background:#fff;border-radius:50%;position:absolute;top:2px;left:2px;box-shadow:0 3px 8px #00000026,0 3px 1px #0000000f}.switch:checked{background:#34c759}.switch:checked:after{transform:translate(20px)}.table-wrap{overflow-x:auto}table.data{border-collapse:collapse;width:100%;font-size:.9rem}table.data th{text-align:left;color:var(--text-2);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--line);white-space:nowrap;padding:.6rem .5rem;font-size:.75rem;font-weight:600}table.data td{border-bottom:1px solid var(--line);vertical-align:top;padding:.7rem .5rem}table.data tbody tr:last-child td{border-bottom:0}table.data tr.clickable{cursor:pointer}table.data tr.clickable:hover td{background:var(--fill)}.badge{background:var(--fill);color:var(--text-2);white-space:nowrap;border-radius:999px;align-items:center;gap:.25rem;padding:.2rem .55rem;font-size:.75rem;font-weight:600;display:inline-flex}.badge.warn{background:color-mix(in srgb, var(--brand-warning) 15%, transparent);color:var(--brand-warning)}.badge.bad{background:color-mix(in srgb, var(--brand-danger) 13%, transparent);color:var(--brand-danger)}.badge.good{background:color-mix(in srgb, var(--brand-success) 14%, transparent);color:var(--brand-success)}.badge.tint{background:var(--tint-soft);color:var(--tint)}.muted{color:var(--text-2)}.small{font-size:.875rem}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.skip-link{z-index:100;background:var(--surface);border-radius:var(--radius-sm);padding:.5rem .75rem;position:absolute;top:-3rem;left:.5rem}.skip-link:focus{top:.5rem}@keyframes rise{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.rise{animation:rise var(--normal) var(--ease) both}
