.spinner{display:inline-block;width:16px;height:16px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:spin .75s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.btn.loading{pointer-events:none;opacity:.8}.btn.loading .spinner{margin-right:8px}.loading-spinner{width:40px;height:40px;border:3px solid var(--pc-border);border-top-color:var(--pc-primary);border-radius:50%;animation:spin .8s linear infinite}.page-loading{position:fixed;inset:0;background:#ffffffe6;display:flex;align-items:center;justify-content:center;z-index:var(--pc-z-modal)}.loading-content{text-align:center}.loading-message{margin-top:var(--pc-space-md);color:var(--pc-text-muted)}.skeleton{background:linear-gradient(90deg,var(--pc-border-light) 25%,var(--pc-bg) 50%,var(--pc-border-light) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:var(--pc-radius-md)}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton-card{height:120px;margin-bottom:var(--pc-space-md)}.skeleton-list{display:flex;gap:var(--pc-space-md);padding:var(--pc-space-md);margin-bottom:var(--pc-space-sm)}.skeleton-avatar{width:48px;height:48px;border-radius:50%;background:var(--pc-border);flex-shrink:0}.skeleton-lines{flex:1}.skeleton-line{height:14px;background:var(--pc-border-light);border-radius:4px;margin-bottom:8px}.skeleton-line.short{width:60%}.skeleton-text{padding:var(--pc-space-md)}.error-state{text-align:center;padding:var(--pc-space-2xl) var(--pc-space-md)}.error-icon{font-size:48px;margin-bottom:var(--pc-space-md)}.error-state h3{margin:0 0 var(--pc-space-xs);color:var(--pc-text)}.error-state p{color:var(--pc-text-muted);margin-bottom:var(--pc-space-lg)}.inline-error{color:var(--pc-error);font-size:var(--pc-text-sm);margin-top:var(--pc-space-xs)}input.error,select.error,textarea.error{border-color:var(--pc-error)!important}.toast-container{position:fixed;bottom:calc(70px + var(--pc-safe-bottom));left:var(--pc-space-md);right:var(--pc-space-md);z-index:var(--pc-z-toast);display:flex;flex-direction:column;gap:var(--pc-space-sm);pointer-events:none}.toast{display:flex;align-items:center;gap:var(--pc-space-sm);padding:var(--pc-space-sm) var(--pc-space-md);background:var(--pc-text);color:#fff;border-radius:var(--pc-radius-md);box-shadow:var(--pc-shadow-lg);opacity:0;transform:translateY(20px);transition:all .3s ease;pointer-events:auto}.toast.show{opacity:1;transform:translateY(0)}.toast-success{background:var(--pc-success)}.toast-error{background:var(--pc-error)}.toast-warning{background:var(--pc-warning);color:#1f2937}.toast-info{background:var(--pc-info)}.toast-icon{font-weight:700;font-size:16px}.empty-state{text-align:center;padding:var(--pc-space-2xl) var(--pc-space-md)}.empty-icon{font-size:64px;margin-bottom:var(--pc-space-md);opacity:.8}.empty-state h3{margin:0 0 var(--pc-space-xs);font-size:var(--pc-text-lg)}.empty-state p{color:var(--pc-text-muted);margin-bottom:var(--pc-space-lg)}.offline-banner{position:fixed;top:0;left:0;right:0;background:var(--pc-warning);color:#1f2937;padding:var(--pc-space-sm) var(--pc-space-md);padding-top:calc(var(--pc-space-sm) + var(--pc-safe-top));display:flex;align-items:center;justify-content:center;gap:var(--pc-space-sm);font-size:var(--pc-text-sm);font-weight:var(--pc-font-medium);z-index:var(--pc-z-toast);transform:translateY(-100%);transition:transform .3s ease}.offline-banner.show{transform:translateY(0)}.offline-hint{opacity:.7}.pull-ready:before{content:"\2193  Release to refresh";display:block;text-align:center;padding:var(--pc-space-sm);color:var(--pc-primary);font-size:var(--pc-text-sm)}.refreshing:before{content:"";display:block;width:24px;height:24px;margin:var(--pc-space-sm) auto;border:2px solid var(--pc-border);border-top-color:var(--pc-primary);border-radius:50%;animation:spin .8s linear infinite}.confirm-dialog{position:fixed;inset:0;z-index:var(--pc-z-modal);display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:all .3s ease}.confirm-dialog.open{opacity:1;visibility:visible}.confirm-backdrop{position:absolute;inset:0;background:#00000080}.confirm-content{position:relative;background:var(--pc-surface);border-radius:var(--pc-radius-xl);padding:var(--pc-space-lg);max-width:320px;width:90%;text-align:center;transform:scale(.9);transition:transform .3s ease}.confirm-dialog.open .confirm-content{transform:scale(1)}.confirm-content h3{margin:0 0 var(--pc-space-sm)}.confirm-content p{color:var(--pc-text-muted);margin:0 0 var(--pc-space-lg)}.confirm-actions{display:flex;gap:var(--pc-space-sm)}.confirm-actions .btn{flex:1}.btn-danger{background:var(--pc-error);color:#fff}.btn-danger:hover{background:#dc2626}.typing-indicator{display:inline-flex;gap:4px;padding:var(--pc-space-sm) var(--pc-space-md);background:var(--pc-surface);border-radius:var(--pc-radius-lg)}.typing-indicator span{width:8px;height:8px;background:var(--pc-text-muted);border-radius:50%;animation:bounce 1.4s infinite ease-in-out both}.typing-indicator span:nth-child(1){animation-delay:-.32s}.typing-indicator span:nth-child(2){animation-delay:-.16s}@keyframes bounce{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}.chef-thinking{display:flex;align-items:center;gap:var(--pc-space-sm);padding:var(--pc-space-md);color:var(--pc-text-muted)}.chef-thinking:before{content:"";display:inline-block;width:24px;height:24px;background:var(--pc-primary, #2563eb);mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'%3E%3Cpath d='M216,80H190.64C196.4,71.58,200,61.21,200,50a6,6,0,0,0-6-6c-20.77,0-38.44,11.22-50,28.48V40a6,6,0,0,0-12,0V72.48C120.44,55.22,102.77,44,82,44a6,6,0,0,0-6,6c0,11.21,3.6,21.58,9.36,30H40A16,16,0,0,0,24,96v32a16,16,0,0,0,16,16h1.57L56.4,222.81A16,16,0,0,0,72.26,238H183.74a16,16,0,0,0,15.86-15.19L214.43,144H216a16,16,0,0,0,16-16V96A16,16,0,0,0,216,80Z'/%3E%3C/svg%3E") center/contain no-repeat;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'%3E%3Cpath d='M216,80H190.64C196.4,71.58,200,61.21,200,50a6,6,0,0,0-6-6c-20.77,0-38.44,11.22-50,28.48V40a6,6,0,0,0-12,0V72.48C120.44,55.22,102.77,44,82,44a6,6,0,0,0-6,6c0,11.21,3.6,21.58,9.36,30H40A16,16,0,0,0,24,96v32a16,16,0,0,0,16,16h1.57L56.4,222.81A16,16,0,0,0,72.26,238H183.74a16,16,0,0,0,15.86-15.19L214.43,144H216a16,16,0,0,0,16-16V96A16,16,0,0,0,216,80Z'/%3E%3C/svg%3E") center/contain no-repeat;animation:wiggle 1s ease-in-out infinite}@keyframes wiggle{0%,to{transform:rotate(-5deg)}50%{transform:rotate(5deg)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.install-banner{position:fixed;top:calc(env(safe-area-inset-top,0px) + var(--pc-space-sm));left:var(--pc-space-md);right:var(--pc-space-md);background:var(--pc-surface);border-radius:var(--pc-radius-lg);box-shadow:var(--pc-shadow-xl);padding:var(--pc-space-md);display:flex;align-items:center;gap:var(--pc-space-sm);z-index:var(--pc-z-toast);animation:slideDown .3s ease}.install-banner span{flex:1;font-size:var(--pc-text-sm)}.install-btn{background:var(--pc-primary);color:#fff;border:none;padding:var(--pc-space-xs) var(--pc-space-md);border-radius:var(--pc-radius-md);font-weight:var(--pc-font-medium);cursor:pointer}.dismiss-btn{background:none;border:none;font-size:20px;color:var(--pc-text-muted);cursor:pointer;padding:var(--pc-space-xs)}