:root{--color-bg: #fbf8f4;--color-bg-card: #ffffff;--color-bg-sheet: #ffffff;--color-bg-muted: #f5f1eb;--color-bg-accent: #fff0eb;--color-accent: #e8654a;--color-accent-dark: #c94e36;--color-accent-light: #fdddd4;--color-accent-soft: #fff5f2;--color-text: #1a1815;--color-text-secondary: #7d756a;--color-text-muted: #b5aea4;--color-border: #ede8e1;--color-green: #2d9f6f;--color-green-bg: #edfaf3;--color-green-light: #d4f5e4;--color-red: #d94545;--color-red-bg: #fff0f0;--color-yellow: #e5ab00;--color-yellow-bg: #fff8e1;--color-overlay: rgba(26, 24, 21, .4);--color-inverse: #ffffff;--radius-xs: 8px;--radius-sm: 10px;--radius-md: 16px;--radius-lg: 24px;--shadow-sm: 0 2px 16px rgba(26, 24, 21, .06);--shadow-md: 0 8px 32px rgba(26, 24, 21, .1);--shadow-sheet: 0 -4px 32px rgba(26, 24, 21, .12);--font-body: "Nunito", sans-serif;--font-display: "Bricolage Grotesque", sans-serif;--tap-target: 44px;--content-width: 430px;--safe-area-top: env(safe-area-inset-top, 0px);--screen-top-padding-balanced: calc(var(--safe-area-top) + 24px);--screen-top-padding-tight: calc(var(--safe-area-top) + 16px);--group-hero-top-padding: calc(var(--safe-area-top) + 16px);--motion-fast: .12s;--motion-medium: .18s;--motion-sheet: .22s;--motion-ease-standard: cubic-bezier(.32, .72, 0, 1);--press-scale: .98}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}body{background:var(--color-bg);color:var(--color-text);font-family:var(--font-body)}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.app-root{margin:0 auto;max-width:var(--content-width);min-height:100vh;background:var(--color-bg)}.app-screen{min-height:100vh;padding:var(--screen-top-padding-balanced) 20px 20px}.app-screen--top-balanced{padding-top:var(--screen-top-padding-balanced)}.app-screen--top-tight{padding-top:var(--screen-top-padding-tight)}.app-screen--top-none{padding-top:0}.app-title{margin:0;color:var(--color-text);font-family:var(--font-display);font-size:28px;font-weight:800;letter-spacing:-.02em}.app-subtitle{margin:4px 0 0;color:var(--color-text-secondary);font-size:14px;font-weight:500}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.home-motion-card-enter{opacity:0;transform:translateY(12px);animation:home-card-enter .42s var(--motion-ease-standard) both}@keyframes home-card-enter{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.home-shell-stack{display:grid;gap:10px}.home-shell-card{border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-bg-card);padding:16px 18px;box-shadow:var(--shadow-sm)}.home-shell-icon{width:48px;height:48px;border-radius:14px;background:var(--color-bg-muted);flex-shrink:0}.home-shell-line{height:12px;border-radius:999px;background:var(--color-bg-muted)}.home-shell-line-lg{width:52%}.home-shell-line-sm{width:30%}.home-shell-shimmer{background-image:linear-gradient(110deg,var(--color-bg-muted) 22%,color-mix(in oklab,var(--color-bg-muted),white 14%) 40%,var(--color-bg-muted) 58%);background-size:220% 100%;animation:home-shell-shimmer 1.5s linear infinite}.home-shell-pulse{animation:home-shell-breathe 1.4s ease-in-out infinite}@keyframes home-shell-breathe{0%,to{opacity:1}50%{opacity:.7}}@keyframes home-shell-shimmer{0%{background-position:100% 0}to{background-position:-120% 0}}.home-shell-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:6;pointer-events:none}.home-shell-overlay-exit{animation:home-shell-fade-out .18s ease-out both}@keyframes home-shell-fade-out{0%{opacity:1}to{opacity:0}}.group-motion-header-enter{animation:group-header-enter .36s var(--motion-ease-standard) both}.group-motion-card-enter{opacity:0;transform:translateY(10px);animation:group-card-enter .42s var(--motion-ease-standard) both}@keyframes group-header-enter{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes group-card-enter{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.group-shell-header{border-radius:0 0 var(--radius-lg) var(--radius-lg);margin:0 -20px 12px;padding:var(--group-hero-top-padding) 20px 20px;background:var(--color-bg-card);box-shadow:var(--shadow-sm);border:1px solid var(--color-border);border-top:none}.group-shell-header-top{display:flex;align-items:center;justify-content:space-between}.group-shell-icon-button{width:44px;height:44px;border-radius:14px;background:var(--color-bg-muted)}.group-shell-title-row{margin-top:16px;display:flex;align-items:center;gap:12px}.group-shell-emoji{width:34px;height:34px;border-radius:10px;background:var(--color-bg-muted)}.group-shell-members{margin-top:14px;display:flex;gap:8px}.group-shell-avatar{width:32px;height:32px;border-radius:999px;background:var(--color-bg-muted);flex-shrink:0}.group-shell-summary{margin-top:16px;width:100%;height:62px;border-radius:14px;background:var(--color-bg-muted)}.group-shell-tabs{margin-top:16px;border-radius:14px;min-height:52px;padding:4px;border:1px solid var(--color-border);background:var(--color-bg-muted);display:grid;grid-template-columns:1fr 1fr;gap:4px}.group-shell-tab{min-height:44px;border-radius:var(--radius-sm);background:#ffffff52}.group-shell-tab-active{background:var(--color-bg-card);box-shadow:var(--shadow-sm)}.group-shell-card{border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-bg-card);padding:16px 18px;box-shadow:var(--shadow-sm)}.group-shell-row{display:flex;align-items:center;gap:8px}.group-shell-line{height:12px;border-radius:999px;background:var(--color-bg-muted)}.group-shell-line-lg{width:48%}.group-shell-line-sm{width:24%;margin-left:auto}.group-shell-actions{margin-top:12px;display:flex;gap:8px}.group-shell-pill{flex:1;height:40px;border-radius:var(--radius-sm);background:#2d9f6f33}.group-shell-pill-muted{flex:0 0 94px;background:var(--color-bg-muted)}.group-shell-pulse{animation:group-shell-breathe 1.4s ease-in-out infinite}@keyframes group-shell-breathe{0%,to{opacity:1}50%{opacity:.72}}.group-shell-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:70;pointer-events:none;display:flex;justify-content:center}.group-shell-overlay-content{width:min(100%,var(--content-width))}.group-shell-overlay-exit{animation:group-shell-fade-out .18s ease-out both}@keyframes group-shell-fade-out{0%{opacity:1}to{opacity:0}}@media(prefers-reduced-motion:reduce){:root{--motion-fast: 0ms;--motion-medium: 0ms;--motion-sheet: 0ms;--press-scale: 1}*{animation-duration:0ms!important;transition-duration:0ms!important;scroll-behavior:auto!important}}