:root{--ink: #1a1a18;--ink-soft: #2e2e2a;--ink-muted: #8a8a82;--paper: #f5f4ef;--paper-mid: #eceae2;--white: #fdfcf8;--shadow: 0 2px 12px rgba(26, 26, 24, .08);--shadow-md: 0 6px 28px rgba(26, 26, 24, .12);--radius-sm: 6px;--radius: 12px;--radius-lg: 20px;--accent: hsl(var(--mod-h, 210), 52%, 42%);--accent-mid: hsl(var(--mod-h, 210), 30%, 70%);--accent-light: hsl(var(--mod-h, 210), 52%, 92%);--accent-bg: hsl(var(--mod-h, 210), 40%, 96%);color-scheme:light}[data-theme=dark]{--ink: #ede9e0;--ink-soft: #c8c4ba;--ink-muted: #6a6660;--paper: #1c1b18;--paper-mid: #2a2924;--white: #232220;--shadow: 0 2px 12px rgba(0, 0, 0, .28);--shadow-md: 0 6px 28px rgba(0, 0, 0, .4);--accent: hsl(var(--mod-h, 210), 55%, 62%);--accent-mid: hsl(var(--mod-h, 210), 25%, 45%);--accent-light: hsl(var(--mod-h, 210), 30%, 22%);--accent-bg: hsl(var(--mod-h, 210), 20%, 14%);color-scheme:dark}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;background:var(--paper);color:var(--ink-soft);font-family:DM Sans,system-ui,sans-serif;font-size:16px;transition:background .35s ease,color .35s ease}button,a{-webkit-tap-highlight-color:transparent}.app-shell{width:min(100%,900px);margin:0 auto;padding:24px 16px}.top-bar{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:40px}.eyebrow,.card-label{margin:0 0 8px;color:var(--ink-muted);font-size:14px;font-weight:600;text-transform:uppercase}h1,h2{margin:0;color:var(--ink);font-family:"DM Serif Display",Georgia,serif;font-weight:400;line-height:1.04}h1{max-width:10ch;font-size:clamp(48px,16vw,88px)}h2{font-size:28px}em{font-style:italic}.icon-button{display:grid;width:48px;height:48px;min-width:48px;place-items:center;border:1px solid var(--paper-mid);border-radius:var(--radius);background:var(--white);color:var(--accent);box-shadow:var(--shadow);cursor:pointer;transition:background .35s ease,border-color .35s ease,color .35s ease}.status-card,.preview-card{background:var(--white);box-shadow:var(--shadow);transition:background .35s ease,box-shadow .35s ease}.status-card{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:16px;padding:18px 16px;border-radius:var(--radius)}.status-dot{display:inline-block;width:10px;height:10px;margin-bottom:12px;border-radius:999px;background:var(--accent)}.environment-badge{flex:0 0 auto;padding:7px 10px;border-radius:var(--radius-sm);background:var(--accent-bg);color:var(--accent);font-size:14px;font-weight:600}.primary-action,.secondary-action{display:inline-flex;min-height:48px;align-items:center;justify-content:center;margin-bottom:40px;padding:0 18px;border-radius:var(--radius);font:inherit;font-weight:600;text-decoration:none;cursor:pointer}.primary-action{border:0;background:var(--accent);color:var(--white)}.secondary-action{border:1px solid var(--paper-mid);background:var(--white);color:var(--ink)}.module-grid{display:grid;gap:2px;overflow:hidden;border-radius:var(--radius);background:var(--paper-mid)}.preview-card{min-height:116px;padding:16px}.preview-card p:last-child{margin:0}.privacy-private{border-left:3px solid hsl(280,40%,60%)}.privacy-shared{border-left:3px solid hsl(160,45%,48%)}.privacy-household{border-left:3px solid hsl(38,55%,50%)}@media(min-width:640px){.app-shell{padding:40px 28px}.module-grid{grid-template-columns:repeat(3,1fr)}}