*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--color-primary: #00A67E;--color-primary-light: #33C4A0;--color-primary-dark: #007A5E;--color-bg: #FAF9F6;--color-surface: #F5F0EB;--color-text: #2D3436;--color-text-secondary: #636E72;--color-accent: #FDCB6E;--color-success: #78B892;--color-warning: #E8A87C;--color-error: #D4726A;--color-tier-inner: #22C55E;--color-tier-circle: #3B82F6;--color-tier-outer: #F97316;--color-tier-acquaintance: #8B5CF6;--color-tier-dormant: #6B7280;--font-family: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono: "JetBrains Mono", monospace;--radius: 16px;--radius-sm: 8px;--radius-lg: 24px;--shadow: 0 2px 12px rgba(45, 52, 54, .08);--shadow-lg: 0 8px 32px rgba(45, 52, 54, .12);--transition: .2s ease;--font-size-base: 16px;--bottom-nav-height: 64px}html{font-size:var(--font-size-base);-webkit-text-size-adjust:100%}body{font-family:var(--font-family);color:var(--color-text);background:var(--color-bg);line-height:1.5;min-height:100dvh;overflow-x:hidden;-webkit-font-smoothing:antialiased}#app{max-width:480px;margin:0 auto;min-height:100dvh;position:relative;padding-bottom:calc(var(--bottom-nav-height) + 16px)}h1{font-size:1.5rem;font-weight:700;line-height:1.2}h2{font-size:1.25rem;font-weight:600;line-height:1.3}h3{font-size:1.1rem;font-weight:600;line-height:1.3}.text-sm{font-size:.875rem}.text-xs{font-size:.75rem}.text-mono{font-family:var(--font-mono)}.text-secondary{color:var(--color-text-secondary)}.text-center{text-align:center}.font-medium{font-weight:500}.font-semibold{font-weight:600}.material-symbols-rounded{font-variation-settings:"FILL" 0,"wght" 400,"GRAD" 0,"opsz" 24;vertical-align:middle;-webkit-user-select:none;user-select:none}.screen{padding:16px;animation:fadeIn var(--transition)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-xs{gap:4px}.gap-sm{gap:8px}.gap-md{gap:12px}.gap-lg{gap:16px}.gap-xl{gap:24px}.w-full{width:100%}.card{background:var(--color-surface);border-radius:var(--radius);padding:16px;box-shadow:var(--shadow)}.card-flat{background:var(--color-surface);border-radius:var(--radius);padding:16px}.card-elevated{background:#fff;border-radius:var(--radius);padding:16px;box-shadow:var(--shadow-lg)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:12px 20px;border:none;border-radius:var(--radius-sm);font-family:var(--font-family);font-size:.9rem;font-weight:600;cursor:pointer;transition:all var(--transition);min-height:44px;min-width:44px;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.btn-primary{background:var(--color-primary);color:#fff}.btn-primary:hover{background:var(--color-primary-dark)}.btn-primary:active{transform:scale(.97)}.btn-secondary{background:var(--color-surface);color:var(--color-text);border:1px solid rgba(0,0,0,.08)}.btn-ghost{background:transparent;color:var(--color-primary);padding:8px 12px}.btn-icon{background:transparent;color:var(--color-text-secondary);padding:8px;border-radius:50%}.btn-icon:hover{background:#0000000d}.btn-sm{padding:8px 14px;font-size:.8rem;min-height:36px}.btn-danger{background:var(--color-error);color:#fff}.btn-full{width:100%}.input,.textarea,.select{width:100%;padding:12px 14px;border:1.5px solid rgba(0,0,0,.1);border-radius:var(--radius-sm);font-family:var(--font-family);font-size:.95rem;color:var(--color-text);background:#fff;transition:border-color var(--transition);min-height:44px}.input:focus,.textarea:focus,.select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #00a67e1f}.textarea{resize:vertical;min-height:80px}.input-label{display:block;font-size:.8rem;font-weight:600;color:var(--color-text-secondary);margin-bottom:4px;text-transform:uppercase;letter-spacing:.5px}.input-group{margin-bottom:16px}.chip{display:inline-flex;align-items:center;gap:4px;padding:4px 12px;border-radius:20px;font-size:.8rem;font-weight:500;background:var(--color-surface);color:var(--color-text);border:1px solid rgba(0,0,0,.06)}.chip-active{background:var(--color-primary);color:#fff;border-color:transparent}.chip-tier{font-size:.7rem;font-weight:600;color:#fff;padding:2px 8px;border:none}.avatar{width:44px;height:44px;border-radius:50%;background:var(--color-primary-light);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1rem;overflow:hidden;flex-shrink:0}.avatar img{width:100%;height:100%;object-fit:cover}.avatar-sm{width:32px;height:32px;font-size:.8rem}.avatar-lg{width:64px;height:64px;font-size:1.5rem}.avatar-xl{width:80px;height:80px;font-size:2rem}.bottom-nav{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:480px;height:var(--bottom-nav-height);background:#fff;border-top:1px solid rgba(0,0,0,.06);display:flex;align-items:center;justify-content:space-around;z-index:100;padding-bottom:env(safe-area-inset-bottom,0)}.nav-item{display:flex;flex-direction:column;align-items:center;gap:2px;padding:8px 12px;border:none;background:none;color:var(--color-text-secondary);font-size:.65rem;font-weight:500;cursor:pointer;min-width:56px;min-height:44px;-webkit-tap-highlight-color:transparent;transition:color var(--transition)}.nav-item.active{color:var(--color-primary)}.nav-item .material-symbols-rounded{font-size:24px}.screen-header{display:flex;align-items:center;justify-content:space-between;padding:12px 0;margin-bottom:8px}.screen-header h1{font-size:1.4rem}.stat-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.stat-card{background:var(--color-surface);border-radius:var(--radius);padding:14px;text-align:center}.stat-value{font-size:1.8rem;font-weight:700;color:var(--color-primary);line-height:1}.stat-label{font-size:.75rem;color:var(--color-text-secondary);margin-top:4px;text-transform:uppercase;letter-spacing:.5px}.contact-item{display:flex;align-items:center;gap:12px;padding:12px;border-radius:var(--radius-sm);cursor:pointer;transition:background var(--transition);-webkit-tap-highlight-color:transparent}.contact-item:hover{background:var(--color-surface)}.contact-item:active{background:#0000000a}.contact-info{flex:1;min-width:0}.contact-name{font-weight:600;font-size:.95rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.contact-meta{font-size:.8rem;color:var(--color-text-secondary)}.health-ring{width:36px;height:36px;flex-shrink:0}.tier-badge{display:inline-flex;align-items:center;gap:3px;font-size:.7rem;font-weight:600;padding:2px 8px;border-radius:12px;color:#fff}.search-bar{position:relative;margin-bottom:12px}.search-bar input{width:100%;padding:10px 14px 10px 40px;border:1.5px solid rgba(0,0,0,.08);border-radius:var(--radius);font-size:.9rem;background:var(--color-surface);min-height:44px}.search-bar input:focus{outline:none;border-color:var(--color-primary);background:#fff}.search-bar .material-symbols-rounded{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--color-text-secondary);font-size:20px}.filter-tabs{display:flex;gap:6px;overflow-x:auto;padding:4px 0 12px;-webkit-overflow-scrolling:touch;scrollbar-width:none}.filter-tabs::-webkit-scrollbar{display:none}.toast-container{position:fixed;top:16px;left:50%;transform:translate(-50%);z-index:9999;max-width:480px;width:calc(100% - 32px);pointer-events:none}.toast{background:var(--color-text);color:#fff;padding:12px 16px;border-radius:var(--radius-sm);font-size:.9rem;box-shadow:var(--shadow-lg);animation:slideDown .3s ease,fadeOut .3s ease 2.5s forwards;pointer-events:auto;margin-bottom:8px}.toast-success{border-left:4px solid var(--color-success)}.toast-error{border-left:4px solid var(--color-error)}.toast-warning{border-left:4px solid var(--color-warning)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;z-index:500;animation:fadeIn .2s ease}.bottom-sheet{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:480px;max-height:80vh;background:#fff;border-radius:var(--radius-lg) var(--radius-lg) 0 0;padding:24px 16px;z-index:501;overflow-y:auto;animation:slideUp .3s ease}.bottom-sheet-handle{width:40px;height:4px;background:#00000026;border-radius:2px;margin:0 auto 16px}.feed-card{background:#fff;border-radius:var(--radius);padding:16px;margin-bottom:12px;box-shadow:var(--shadow)}.feed-card-header{display:flex;align-items:center;gap:10px;margin-bottom:10px}.feed-card-actions{display:flex;gap:16px;margin-top:12px;padding-top:10px;border-top:1px solid rgba(0,0,0,.06)}.feed-action{display:flex;align-items:center;gap:4px;background:none;border:none;color:var(--color-text-secondary);font-size:.8rem;cursor:pointer;padding:4px;min-height:44px}.feed-action:hover{color:var(--color-primary)}.platform-badge{display:inline-flex;align-items:center;gap:4px;padding:3px 8px;border-radius:12px;font-size:.7rem;font-weight:600;color:#fff}.platform-instagram{background:#e1306c}.platform-tiktok{background:#010101}.platform-youtube{background:red}.platform-facebook{background:#1877f2}.platform-linkedin{background:#0a66c2}.platform-twitter{background:#1da1f2}.platform-google{background:#4285f4}.platform-website{background:var(--color-primary)}.widget-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.widget{background:#fff;border-radius:var(--radius);padding:14px;box-shadow:var(--shadow);min-height:120px;position:relative;overflow:hidden}.widget-full{grid-column:1 / -1}.widget-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.widget-title{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--color-text-secondary)}.biz-card{border-radius:var(--radius-lg);padding:28px 20px;color:#fff;position:relative;overflow:hidden;min-height:200px}.biz-card-name{font-size:1.4rem;font-weight:700}.biz-card-tagline{font-size:.9rem;opacity:.9;margin-top:4px}.biz-card-links{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.biz-card-link{display:inline-flex;align-items:center;gap:4px;padding:6px 12px;border-radius:20px;background:#fff3;color:#fff;font-size:.8rem;text-decoration:none;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.battery-widget{display:flex;align-items:center;gap:8px;padding:10px 14px;background:var(--color-surface);border-radius:var(--radius)}.battery-bar{flex:1;height:8px;background:#00000014;border-radius:4px;overflow:hidden}.battery-fill{height:100%;border-radius:4px;transition:width var(--transition),background var(--transition)}.battery-emoji{font-size:1.2rem;cursor:pointer;-webkit-user-select:none;user-select:none}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes slideUp{0%{transform:translate(-50%) translateY(100%)}to{transform:translate(-50%) translateY(0)}}@keyframes slideDown{0%{transform:translateY(-20px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}body.low-stim *{animation-duration:0ms!important;transition-duration:0ms!important}body.low-stim .feed-card,body.low-stim .widget{box-shadow:none;border:1px solid rgba(0,0,0,.06)}body.font-large{--font-size-base: 18px}body.font-xl{--font-size-base: 20px}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#00000026;border-radius:2px}.empty-state{text-align:center;padding:48px 24px;color:var(--color-text-secondary)}.empty-state .material-symbols-rounded{font-size:48px;opacity:.4;display:block;margin-bottom:12px}.badge{background:var(--color-error);color:#fff;font-size:.6rem;font-weight:700;min-width:18px;height:18px;display:inline-flex;align-items:center;justify-content:center;border-radius:9px;padding:0 5px}@media (min-width: 481px){#app{border-left:1px solid rgba(0,0,0,.06);border-right:1px solid rgba(0,0,0,.06)}}