:root{--background:#f4f5f7;--surface:#fff;--foreground:#0f172a;--foreground-secondary:#475569;--muted:#94a3b8;--border:#e2e8f0;--border-strong:#cbd5e1;--accent:#0d9488;--accent-hover:#0f766e;--accent-light:#ccfbf1;--accent-muted:#99f6e4;--success:#16a34a;--success-bg:#f0fdf4;--success-border:#bbf7d0;--error:#dc2626;--error-bg:#fef2f2;--error-border:#fecaca;--warn-bg:#fffbeb;--warn-border:#fde68a;--info-bg:#f0f9ff;--info-border:#bae6fd;--frame-max:1360px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-full:999px;--shadow-sm:0 1px 2px #0f172a0d;--shadow-md:0 4px 12px #0f172a14;--shadow-lg:0 8px 24px #0f172a1a}html,body{max-width:100vw;overflow-x:hidden}body{color:var(--foreground);background:var(--background);font-family:var(--font-geist-sans),Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5}*{box-sizing:border-box;margin:0;padding:0}a{color:inherit;text-decoration:none}.appBody{min-height:100vh}.appShell{grid-template-rows:auto 1fr;min-height:100vh;display:grid}.appHeader{z-index:50;-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border);background:#ffffffd1;position:sticky;top:0}.appHeaderInner{width:min(100%,var(--frame-max));justify-content:space-between;align-items:center;gap:16px;height:56px;margin:0 auto;padding:0 24px;display:flex}.appBrand{letter-spacing:-.01em;color:var(--foreground);align-items:center;gap:8px;font-size:15px;font-weight:800;display:flex}.appBrand:before{content:"";border-radius:var(--radius-full);background:var(--accent);width:8px;height:8px;display:block}.featureTags{align-items:center;gap:4px;display:flex}.featureTag{border-radius:var(--radius-md);color:var(--foreground-secondary);background:0 0;border:none;padding:8px 14px;font-size:13px;font-weight:500;line-height:1;transition:all .15s}.featureTagButton{cursor:pointer;font-family:inherit}.featureTag:hover{background:var(--border);color:var(--foreground)}.featureTagActive{background:var(--accent);color:#fff}.featureTagActive:hover{background:var(--accent-hover)}.appFrame{width:min(100%,var(--frame-max));margin:0 auto;padding:24px}.pageShell{gap:20px;width:100%;margin:0 auto;padding-bottom:40px;display:grid}.pageShellNarrow{max-width:680px}.pageShellWide{max-width:100%}.pageHeader{padding:4px 0 0}.pageEyebrow{letter-spacing:.06em;text-transform:uppercase;color:var(--accent);font-size:12px;font-weight:600}.pageTitle{color:var(--foreground);font-size:24px;font-weight:700}.segmentedTabs{background:var(--border);border-radius:var(--radius-md);gap:2px;padding:3px;display:flex;overflow-x:auto}.segmentedTab,.segmentedTabActive{border-radius:calc(var(--radius-md) - 2px);min-width:0;color:var(--foreground-secondary);cursor:pointer;text-align:center;white-space:nowrap;background:0 0;border:none;flex:1;padding:9px 12px;font-size:13px;font-weight:600;transition:all .15s}.segmentedTab:hover{background:var(--background);color:var(--foreground)}.segmentedTabActive{background:var(--surface);color:var(--foreground);box-shadow:var(--shadow-sm)}@media (max-width:640px){.appHeaderInner{height:48px;padding-left:16px;padding-right:16px}.appFrame{padding:16px}.segmentedTab,.segmentedTabActive{padding:8px 12px}.appBrand{font-size:14px}}