:root{color-scheme:light;--bg: #f4efe4;--bg-deep: #e7dcc8;--surface: #fbf7ef;--surface-strong: #fffdf8;--ink: #1f241d;--muted: #5f6558;--line: #d8cfbf;--forest: #2f4b35;--moss: #6a845f;--sand: #c8a77a;--clay: #aa6843;--sky: #5f8090;--danger: #9a3b2f;--danger-soft: #f7e6e0;--success: #2f6a47;--success-soft: #e6f0e8;--warn: #b6892c;--warn-soft: rgba(200, 167, 122, .22);--shadow: 0 10px 28px rgba(48, 45, 35, .08);--shadow-soft: 0 2px 8px rgba(48, 45, 35, .06);--shadow-ridge: 0 18px 38px -22px rgba(31, 36, 29, .55);--radius-lg: 22px;--radius-md: 16px;--radius-sm: 12px;--nav-height: 78px;--app-width: 430px;--text-floor: .8125rem;--font-sans: "Avenir Next", "Segoe UI", Roboto, -apple-system, BlinkMacSystemFont, system-ui, sans-serif;--font-display: "Iowan Old Style", "Palatino Linotype", Palatino, Charter, "Noto Serif", Georgia, "Times New Roman", serif;--font-mono: "SF Mono", ui-monospace, "JetBrains Mono", Menlo, monospace;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--radius-xs: 9px;--radius-control: 14px;--radius-pill: 999px;--text-2xs: .6875rem;--text-xs: .75rem;--text-sm: .8125rem;--text-base: .9375rem;--text-md: 1.0625rem;--text-lg: 1.1875rem;--text-xl: 1.375rem;--display-sm: 2rem;--display-md: 3rem;--display-lg: 3.4rem;--ease-spring: cubic-bezier(.34, 1.4, .7, 1);--ease-out: cubic-bezier(.2, .7, .2, 1);--dur-fast: .14s;--dur-base: .22s;--dur-slow: .32s;--forest-soft: rgba(47, 75, 53, .1);--moss-soft: rgba(106, 132, 95, .14);--clay-soft: rgba(170, 104, 67, .13);--sky-soft: rgba(95, 128, 144, .13);--sand-soft: rgba(200, 167, 122, .18);--ink-soft: rgba(31, 36, 29, .06);--on-accent: #f7f2e8;--focus-ring: rgba(47, 75, 53, .6);--divider-soft: rgba(95, 101, 88, .12);--contour-line: rgba(47, 75, 53, .07);--contour-index: rgba(47, 75, 53, .13);--stream-line: rgba(95, 128, 144, .08)}@media(prefers-color-scheme:dark){:root{color-scheme:dark;--bg: #111610;--bg-deep: #1b2117;--surface: #1b2119;--surface-strong: #22291f;--ink: #f2eadb;--muted: #b7bda9;--line: #3c4536;--forest: #98c48e;--moss: #b3cf8f;--sand: #d7b77f;--clay: #e5a174;--sky: #9cc8d8;--danger: #f09a88;--danger-soft: rgba(154, 59, 47, .24);--success: #9ed3a4;--success-soft: rgba(47, 106, 71, .28);--warn: #e3bd62;--warn-soft: rgba(227, 189, 98, .18);--focus-ring: rgba(179, 207, 143, .75);--shadow: 0 12px 34px rgba(0, 0, 0, .28);--shadow-soft: 0 2px 10px rgba(0, 0, 0, .2);--shadow-ridge: 0 18px 44px -20px rgba(0, 0, 0, .75);--forest-soft: rgba(152, 196, 142, .16);--moss-soft: rgba(179, 207, 143, .16);--clay-soft: rgba(229, 161, 116, .16);--sky-soft: rgba(156, 200, 216, .16);--sand-soft: rgba(215, 183, 127, .18);--ink-soft: rgba(242, 234, 219, .08);--divider-soft: rgba(242, 234, 219, .1);--on-accent: #10160f;--contour-line: rgba(152, 196, 142, .06);--contour-index: rgba(152, 196, 142, .11);--stream-line: rgba(156, 200, 216, .07)}}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}:focus-visible{outline:3px solid var(--focus-ring, rgba(47, 75, 53, .6));outline-offset:2px;border-radius:4px}html,body{margin:0;width:100%;height:100%;min-height:100%;overflow:hidden;overscroll-behavior:none;touch-action:manipulation;background:radial-gradient(circle at top,rgba(198,167,122,.18),transparent 36%),linear-gradient(180deg,var(--bg) 0%,#efe7d7 100%);color:var(--ink);font-family:var(--font-sans);-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media(prefers-color-scheme:dark){html,body{background:radial-gradient(circle at top,rgba(156,200,216,.1),transparent 35%),linear-gradient(180deg,var(--bg) 0%,#171d14 100%)}}body{line-height:1.42}button,input,textarea{font:inherit;color:inherit}button{border:0;background:none;color:inherit;cursor:pointer}h1,h2,h3,p{margin:0}.app-shell{min-height:100vh}.phone-frame{width:min(100vw,var(--app-width));max-width:100%;margin:0 auto;height:100dvh;min-height:100vh;background:linear-gradient(180deg,#fffdf8f7,#f9f4ebfc);box-shadow:0 0 0 1px #8b6c3d14;position:relative;display:grid;grid-template-rows:auto minmax(0,1fr) auto;overflow:hidden;overscroll-behavior:none}@media(prefers-color-scheme:dark){.phone-frame{background:linear-gradient(180deg,#1d241bfa,#141912fc);box-shadow:0 0 0 1px #f2eadb14,var(--shadow-ridge)}}.screen-scroll{width:100%;min-width:0;min-height:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;padding:14px 14px 18px;-webkit-overflow-scrolling:touch}.card{background:var(--surface-strong);border:1px solid var(--line);border-radius:var(--radius-md);box-shadow:var(--shadow-soft)}.section-stack{display:grid;gap:12px}.eyebrow{font-size:var(--text-floor);font-weight:800;text-transform:uppercase;letter-spacing:.14em;color:var(--moss)}.section-heading{display:grid;gap:4px;margin-bottom:6px}.section-heading h2{font-family:var(--font-display);font-size:1.38rem;font-weight:700;line-height:1.08}.section-heading p{font-size:.86rem;color:var(--muted)}.pill{display:inline-flex;align-items:center;gap:6px;border-radius:999px;padding:6px 10px;font-size:var(--text-floor);font-weight:800;letter-spacing:.06em;text-transform:uppercase}.pill-forest{background:var(--forest-soft);color:var(--forest)}.pill-clay{background:var(--clay-soft);color:var(--clay)}.pill-sky{background:var(--sky-soft);color:var(--sky)}.pill-danger{background:var(--danger-soft);color:var(--danger)}.pill-warn{background:var(--warn-soft);color:#8c5d1f}@media(prefers-color-scheme:dark){.pill-warn{color:var(--warn)}}.metric-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.metric-grid.metric-grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.metric-card{padding:12px;display:grid;gap:4px}.metric-label{font-size:var(--text-floor);font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}.metric-value{font-size:1.05rem;font-weight:800;color:var(--ink);font-variant-numeric:tabular-nums}.metric-note{font-size:var(--text-floor);color:var(--muted)}.cta-button,.secondary-button,.outline-button,.danger-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:44px;padding:11px 14px;border-radius:var(--radius-control);font-weight:800;letter-spacing:.01em;font-size:var(--text-base)}.cta-button{background:linear-gradient(135deg,var(--forest),#3a5f43);color:#f7f2e8;box-shadow:var(--shadow)}.secondary-button{background:#efe7d7;color:var(--forest)}.outline-button{border:1px solid var(--line);background:transparent;color:var(--ink)}.danger-button{background:linear-gradient(135deg,var(--danger),#b14a3d);color:#fff7f3}@media(prefers-color-scheme:dark){.cta-button{background:linear-gradient(135deg,#b3cf8f,#7fad78);color:#10160f}.secondary-button{background:#d7b77f2e;color:var(--sand)}.outline-button{background:#ffffff08}.danger-button{background:linear-gradient(135deg,#c95543,#ef9a88);color:#1d0d09}}.button-row{display:grid;gap:8px}.button-row.two{grid-template-columns:1fr 1fr}.toggle-row{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:13px 0}.toggle-row+.toggle-row{border-top:1px solid var(--divider-soft)}.toggle-copy{display:grid;gap:3px}.toggle-copy strong{font-size:.94rem}.toggle-copy span{font-size:var(--text-floor);color:var(--muted)}.toggle{position:relative;width:46px;height:28px;border-radius:999px;background:#d7d2c6;flex-shrink:0;cursor:pointer;transition:background var(--dur-base) var(--ease-out)}.toggle:before{content:"";position:absolute;inset:-8px -6px}.toggle:after{content:"";position:absolute;top:3px;left:3px;width:22px;height:22px;border-radius:50%;background:#fff;box-shadow:0 2px 6px #0000002e}@media(prefers-reduced-motion:no-preference){.toggle:after{transition:transform var(--dur-base) var(--ease-spring)}}.toggle.on{background:var(--forest)}.toggle.on:after{transform:translate(18px)}@media(prefers-color-scheme:dark){.toggle{background:#46503f}.toggle:after{background:#f2eadb}.toggle.on{background:var(--forest)}}.badge-soft{display:inline-flex;align-items:center;border-radius:999px;padding:5px 9px;font-size:var(--text-floor);font-weight:800;background:#5f809024;color:var(--sky);letter-spacing:.04em;text-transform:uppercase}.status-dot{width:8px;height:8px;border-radius:50%;display:inline-block}.status-online{background:var(--success);box-shadow:0 0 0 3px #2f6a472e}.status-offline{background:var(--clay);box-shadow:0 0 0 3px #aa68432e}.risk-low{color:var(--success)}.risk-medium{color:#8c5d1f}@media(prefers-color-scheme:dark){.risk-medium{color:var(--warn)}}.risk-high{color:var(--danger)}.stack-tight{display:grid;gap:10px}.muted{color:var(--muted)}.tabular{font-variant-numeric:tabular-nums}.card-pad{padding:16px}.card-pad-sm{padding:12px}.divider{height:1px;background:#5f655824;margin:2px 0}.scroll-x{display:flex;gap:8px;overflow-x:auto;scroll-snap-type:x mandatory;margin:0 -14px;padding:0 14px 4px}.scroll-x::-webkit-scrollbar{display:none}.scroll-x>*{scroll-snap-align:start;flex:0 0 auto}@media(prefers-reduced-motion:no-preference){button,[role=button]{transition:transform .14s cubic-bezier(.34,1.4,.7,1),filter .14s ease,box-shadow .16s ease,background-color .18s ease,color .18s ease,border-color .18s ease}button:active,[role=button]:not([aria-disabled=true]):active{transform:scale(.97)}button:disabled:active{transform:none}.screen-scroll>*{animation:tab-enter .28s cubic-bezier(.2,.7,.2,1) both}@keyframes tab-enter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}}@media(min-width:431px){body{padding:14px}.phone-frame{border-radius:30px;min-height:calc(100dvh - 28px);height:calc(100dvh - 28px);overflow:hidden;box-shadow:var(--shadow-ridge)}}