@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600&family=Source+Sans+3:wght@300;400;500;600&display=swap";:root{--color-bg: #fdfdfd;--color-surface: #ffffff;--color-text: #353535;--color-text-muted: #7d7d7d;--color-text-light: #9d9d9d;--color-border: #e0e0e0;--color-accent: #e73b42;--color-accent-hover: #d12d34;--color-accent-muted: #ffe5e7;--color-sidebar-bg: #f5f5f5;--color-success: #0f916a;--color-error: #c42f37;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--font-sans: "Inter", "Source Sans 3", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--safe-bottom: env(safe-area-inset-bottom, 0px);--breakpoint-mobile: 768px}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%}body{font-family:var(--font-sans);font-size:16px;line-height:1.5;color:var(--color-text);background:var(--color-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:var(--color-accent);text-decoration:none}a:hover{text-decoration:underline}button{font-family:inherit;font-size:inherit;cursor:pointer;border:none;background:none}input,textarea,select{font-family:inherit;font-size:inherit;border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:var(--spacing-sm) var(--spacing-md);background:var(--color-surface);color:var(--color-text);width:100%}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--color-accent)}.app-container{display:flex;flex-direction:column;min-height:100%}.main-content{flex:1;padding-bottom:calc(70px + var(--safe-bottom));overflow-y:auto}.container{max-width:600px;margin:0 auto;padding:var(--spacing-md)}.page-header{padding:var(--spacing-lg) var(--spacing-md);text-align:center}.page-title{font-size:1.5rem;font-weight:600;margin-bottom:var(--spacing-xs)}.page-subtitle{color:var(--color-text-muted);font-size:.9rem}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-sm);font-weight:500;transition:opacity .2s}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--color-accent);color:#fff}.btn-primary:hover:not(:disabled){background:var(--color-accent-hover)}.btn-secondary{background:var(--color-surface);border:1px solid var(--color-border);color:var(--color-text)}.btn-secondary:hover:not(:disabled){background:var(--color-sidebar-bg)}.btn-large{padding:var(--spacing-md) var(--spacing-lg);font-size:1.1rem;width:100%}.btn-icon{padding:var(--spacing-xs) var(--spacing-sm);font-size:.8rem;color:var(--color-text-muted)}.btn-icon:hover{color:var(--color-text)}.btn-icon.danger:hover{color:var(--color-error)}.card{background:var(--color-surface);border-radius:var(--radius-md);padding:var(--spacing-md);margin-bottom:var(--spacing-md);border:1px solid var(--color-border)}.card-title{font-weight:500}.card-meta{font-size:.85rem;color:var(--color-text-muted);margin-top:var(--spacing-xs)}.empty-state{text-align:center;padding:var(--spacing-xl);color:var(--color-text-muted)}.text-muted{color:var(--color-text-muted)}.loading{display:flex;align-items:center;justify-content:center;height:100%;color:var(--color-text-muted)}.form-group{margin-bottom:var(--spacing-md)}.form-label{display:block;font-weight:500;margin-bottom:var(--spacing-xs);font-size:.9rem}.form-hint{font-size:.8rem;color:var(--color-text-muted);margin-top:var(--spacing-xs)}.form-row{display:flex;justify-content:space-between;align-items:center;margin-top:var(--spacing-sm)}.error-text{color:var(--color-error);font-size:.85rem;margin-top:var(--spacing-xs)}.toggle{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md) 0;border-bottom:1px solid var(--color-border)}.toggle:last-child{border-bottom:none}.toggle-label{font-weight:500}.toggle-hint{font-size:.85rem;color:var(--color-text-muted)}.toggle-switch{width:48px;height:28px;background:var(--color-border);border-radius:14px;position:relative;cursor:pointer;transition:background .2s;flex-shrink:0}.toggle-switch.active{background:var(--color-accent)}.toggle-switch:after{content:"";position:absolute;width:24px;height:24px;background:#fff;border-radius:50%;top:2px;left:2px;transition:transform .2s}.toggle-switch.active:after{transform:translate(20px)}.section{margin-bottom:var(--spacing-xl)}.section-title{font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--color-text-muted);margin-bottom:var(--spacing-md)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:100;padding:var(--spacing-md)}.modal{background:var(--color-surface);border-radius:var(--radius-lg);padding:var(--spacing-lg);width:100%;max-width:400px;max-height:90vh;overflow-y:auto}.modal-title{font-size:1.25rem;font-weight:600;margin-bottom:var(--spacing-md)}.modal-actions{display:flex;gap:var(--spacing-sm);margin-top:var(--spacing-lg)}.modal-actions .btn{flex:1}.tab-bar{position:fixed;bottom:0;left:0;right:0;background:var(--color-surface);border-top:1px solid var(--color-border);display:flex;padding-bottom:var(--safe-bottom);z-index:50}.tab-item{flex:1;display:flex;flex-direction:column;align-items:center;padding:var(--spacing-sm) var(--spacing-xs);color:var(--color-text-muted);font-size:.7rem;text-decoration:none}.tab-item:hover{text-decoration:none}.tab-item.active{color:var(--color-accent)}.tab-icon{width:10px;height:10px;border-radius:999px;background:var(--color-border);margin-bottom:6px}.tab-item.active .tab-icon{background:var(--color-accent)}.tab-label{font-weight:500}.pulse-card{display:flex;align-items:center;gap:var(--spacing-md)}.pulse-icon{width:12px;height:12px;border-radius:999px;background:var(--color-border);flex-shrink:0}.pulse-icon.bake_started{background:var(--color-accent)}.pulse-icon.recipe_dropped{background:#f08d1e}.pulse-icon.club_call{background:#5b4ce6}.pulse-content{flex:1;min-width:0}.pulse-title{font-weight:500}.pulse-body{color:var(--color-text-muted);margin-top:var(--spacing-xs)}.pulse-meta{font-size:.8rem;color:var(--color-text-muted);margin-top:var(--spacing-sm)}.recipe-card{width:100%;text-align:left;cursor:pointer}.recipe-card:hover{background:var(--color-bg)}.bulletin-form{margin-bottom:var(--spacing-xl)}.bulletin-card{display:block;color:inherit}.bulletin-card:hover{text-decoration:none;background:var(--color-bg)}.bulletin-content{margin-bottom:var(--spacing-sm)}.bulletin-meta{display:flex;gap:var(--spacing-md);font-size:.8rem;color:var(--color-text-muted);flex-wrap:wrap}.bulletin-expiry{color:var(--color-accent)}.bulletin-footer{margin-top:var(--spacing-sm);padding-top:var(--spacing-sm);border-top:1px solid var(--color-border)}.reply-count{font-size:.85rem;color:var(--color-text-muted)}.reply-card{padding:var(--spacing-sm) var(--spacing-md)}.reply-content{margin-bottom:var(--spacing-xs)}.reply-meta{display:flex;gap:var(--spacing-md);font-size:.8rem;color:var(--color-text-muted)}.reply-form{margin-top:var(--spacing-lg)}.back-link{display:inline-block;margin-bottom:var(--spacing-md);color:var(--color-text-muted)}.back-link:hover{color:var(--color-text)}.badge{display:inline-block;padding:2px 8px;border-radius:12px;font-size:.75rem;font-weight:500;margin-left:var(--spacing-sm)}.badge-default{background:var(--color-border);color:var(--color-text-muted)}.badge-accent{background:var(--color-accent-muted);color:var(--color-accent)}.badge-muted{background:var(--color-border);color:var(--color-text-muted)}.onboarding-container{min-height:100%;display:flex;flex-direction:column;justify-content:center;padding:var(--spacing-lg);max-width:400px;margin:0 auto}.onboarding-step{text-align:center}.onboarding-title{font-size:1.75rem;font-weight:600;margin-bottom:var(--spacing-md)}.onboarding-subtitle{color:var(--color-text-muted);margin-bottom:var(--spacing-xl);line-height:1.6}.admin-link{display:block;text-decoration:none;color:inherit}.admin-link:hover{text-decoration:none;background:var(--color-bg)}.tabs{display:flex;gap:var(--spacing-xs);margin-bottom:var(--spacing-lg);background:var(--color-bg);padding:var(--spacing-xs);border-radius:var(--radius-sm)}.tab{flex:1;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-sm);font-weight:500;color:var(--color-text-muted);transition:background .2s,color .2s}.tab.active{background:var(--color-surface);color:var(--color-text)}.message{padding:var(--spacing-md);border-radius:var(--radius-sm);margin-bottom:var(--spacing-md)}.message.success{background:#d1fae5;color:var(--color-success)}.message.error{background:#fee2e2;color:var(--color-error)}.preview-card{background:var(--color-bg);border-radius:var(--radius-md);padding:var(--spacing-md);margin-top:var(--spacing-md)}.preview-card h3{font-size:.85rem;font-weight:600;color:var(--color-text-muted);margin-bottom:var(--spacing-sm)}.recipe-select{width:100%;text-align:left;cursor:pointer;transition:background .2s}.recipe-select:hover,.recipe-select.selected{background:var(--color-accent-muted);border-color:var(--color-accent)}.recipe-search-results{max-height:200px;overflow-y:auto;margin-top:var(--spacing-md)}.shelf-item{display:flex;justify-content:space-between;align-items:center}.shelf-item-content{display:flex;align-items:center;gap:var(--spacing-sm)}.shelf-item-actions{display:flex;gap:var(--spacing-xs)}.member-card{display:flex;justify-content:space-between;align-items:center}.member-card.disabled{opacity:.6}.member-name{font-weight:500;display:flex;align-items:center}.member-meta{display:flex;gap:var(--spacing-md);font-size:.8rem;color:var(--color-text-muted);margin-top:var(--spacing-xs)}.generate-form{margin-bottom:var(--spacing-xl)}.invite-code-card{display:flex;justify-content:space-between;align-items:center}.invite-code-card.revoked{opacity:.5}.code-value{font-family:monospace;font-size:1.1rem;font-weight:600;cursor:pointer;position:relative}.copy-hint{display:block;font-size:.7rem;font-weight:400;color:var(--color-text-muted)}.code-meta{display:flex;gap:var(--spacing-md);font-size:.8rem;color:var(--color-text-muted);margin-top:var(--spacing-xs)}.danger{color:var(--color-error)}.pulse-preview{display:flex;gap:var(--spacing-md);align-items:center}.select{width:100%;padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-text)}@media (prefers-color-scheme: dark){:root{--color-bg: #231f1f;--color-surface: #2f2a2a;--color-text: #d9d4d4;--color-text-muted: #b9b4b4;--color-text-light: #948f8f;--color-border: #3b3636;--color-accent: #ff6b7a;--color-accent-hover: #ff8590;--color-accent-muted: #3a2427;--color-sidebar-bg: #2b2626;--color-success: #35c38f;--color-error: #ff5d67}}@media (max-width: 768px){.container{padding:var(--spacing-md) var(--spacing-sm)}}