:root{--surface: #fff8f3;--surface-dim: #e1d9d1;--surface-container-lowest: #ffffff;--surface-container-low: #fbf2ea;--surface-container: #f5ece4;--surface-container-high: #efe7df;--surface-container-highest: #eae1d9;--background: #fff8f3;--on-surface: #1f1b16;--on-surface-variant: #464740;--inverse-surface: #34302b;--inverse-on-surface: #f8efe7;--outline: #77786f;--outline-variant: #c7c7bd;--primary: #5a5d4f;--on-primary: #ffffff;--primary-container: #737667;--on-primary-container: #fcfeeb;--secondary: #6c5b4d;--on-secondary: #ffffff;--secondary-container: #f6decc;--tertiary: #655b47;--success: #7f9b6e;--attention: #d98a5b;--amber: #e9b864;--error: #ba1a1a;--on-error: #ffffff;--error-container: #ffdad6;--on-error-container: #93000a;--conn-family: #ba1a1a;--conn-friend: #7c5cff;--conn-work: #457b9d;--conn-neighborhood: #e9b864;--conn-school: #7f9b6e;--conn-networking: #d98a5b;--conn-undefined: #77786f;--vip-gold: #d4af37;--priority-silver: #b9bcc4;--r-sm: .5rem;--r: 1rem;--r-md: 1.5rem;--r-lg: 2rem;--r-xl: 3rem;--r-full: 9999px;--gutter: 16px;--margin: 20px;--card-pad: 24px;--stack-gap: 12px;--shadow: 0 8px 24px rgba(31,27,22,.04), 0 2px 6px rgba(31,27,22,.08);--shadow-lg: 0 16px 40px rgba(31,27,22,.06), 0 4px 10px rgba(31,27,22,.1);--font: "Manrope", system-ui, -apple-system, sans-serif;--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-top: env(safe-area-inset-top, 0px)}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{font-family:var(--font);background:var(--background);color:var(--on-surface);font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased;font-feature-settings:"tnum" 1;overscroll-behavior-y:none}:root{--nav-h: 76px}h1{font-size:28px;font-weight:600;line-height:1.2;letter-spacing:-.01em}h2{font-size:22px;font-weight:600;line-height:1.25}h3{font-size:18px;font-weight:600}.label-sm{font-size:12px;font-weight:500;letter-spacing:.04em;color:var(--on-surface-variant);text-transform:uppercase}.muted{color:var(--on-surface-variant)}a{color:inherit}button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit}.app-shell{min-height:100%;padding-bottom:calc(var(--nav-h) + var(--safe-bottom))}.screen{padding:calc(var(--safe-top) + 16px) var(--margin) 16px;max-width:720px;margin:0 auto}.screen-title{margin-bottom:16px}.card{background:var(--surface-container-lowest);border-radius:var(--r-md);padding:var(--card-pad);box-shadow:var(--shadow)}.card+.card{margin-top:var(--stack-gap)}.tile{border-radius:var(--r-md);padding:16px;background:var(--surface-container-low)}.chip{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border-radius:var(--r-full);font-size:13px;font-weight:500;background:var(--surface-container-high);color:var(--on-surface-variant)}.chip.outline{background:transparent;border:1px solid var(--outline-variant)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 20px;border-radius:var(--r-full);font-weight:600;font-size:15px;background:var(--primary);color:var(--on-primary);transition:transform .08s ease,filter .15s ease;min-height:48px}.btn:active{transform:scale(.97)}.btn.secondary{background:var(--surface-container-high);color:var(--on-surface)}.btn.ghost{background:transparent;color:var(--primary)}.btn.danger{background:var(--error);color:var(--on-error)}.btn:disabled{opacity:.5;pointer-events:none}.btn-block{width:100%}.input,.select,.textarea{width:100%;padding:14px 16px;border-radius:var(--r);background:var(--surface-container-low);color:var(--on-surface);border:1px solid var(--outline-variant);font-family:inherit;font-size:16px}.input:focus,.select:focus,.textarea:focus{outline:2px solid var(--primary);border-color:transparent}.field{margin-bottom:16px}.field>label{display:block;font-size:13px;font-weight:600;margin-bottom:6px;color:var(--on-surface-variant)}.bottom-nav{position:fixed;bottom:0;left:0;right:0;z-index:40;height:calc(var(--nav-h) + var(--safe-bottom));padding-bottom:var(--safe-bottom);background:var(--surface-container-lowest);border-top:1px solid var(--outline-variant);display:grid;grid-template-columns:repeat(5,1fr);align-items:center}.nav-item{display:flex;flex-direction:column;align-items:center;gap:3px;font-size:11px;color:var(--on-surface-variant);padding:8px 0}.nav-item.active{color:var(--primary);font-weight:600}.nav-fab{width:60px;height:60px;border-radius:var(--r-full);background:var(--primary);color:var(--on-primary);display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-lg);margin:-28px auto 0;font-size:28px;line-height:1}.dot{width:10px;height:10px;border-radius:var(--r-full);display:inline-block}.avatar{width:48px;height:48px;border-radius:var(--r-full);flex:0 0 auto;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:18px;overflow:hidden;background-size:cover;background-position:center}.theme-vip{background:linear-gradient(135deg,#f6e27a,#d4af37 40%,#b07cf0 75%,#7cc6ff);color:#3a2f00}.theme-priority{background:linear-gradient(135deg,#e9ebef,#b9bcc4);color:#2a2c30}.row{display:flex;align-items:center;gap:12px}.between{justify-content:space-between}.wrap{flex-wrap:wrap}.grow{flex:1;min-width:0}.stack>*+*{margin-top:var(--stack-gap)}.center{display:flex;align-items:center;justify-content:center}.truncate{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.empty{text-align:center;padding:48px 16px;color:var(--on-surface-variant)}.empty .big{font-size:40px;margin-bottom:8px}@keyframes pop{0%{transform:scale(.8);opacity:0}60%{transform:scale(1.05)}to{transform:scale(1);opacity:1}}.pop{animation:pop .25s ease both}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.001ms!important;transition:none!important}}