:root{--color-primary:#3d5a80;--color-primary-dark:#2d4a70;--color-secondary:#98c1d9;--color-secondary-dark:#78a1c9;--color-bg:#e0fbfc;--color-bg-dark:#d0ebfc;--color-surface:#fff;--color-surface-dark:#f5fbfc;--color-text:#293241;--color-text-dark:#e0fbfc;--color-text-muted:#6b7280;--color-accent:#ee6c4d;--color-accent-dark:#ce5c3d;--color-success:#34d399;--color-warning:#ee6c4d;--color-error:#ef4444;--color-border:#d1d5db;--color-border-dark:#9ca3af;--font-sans:system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono:ui-monospace, "SF Mono", "Fira Code", Consolas, monospace;--space-xs:.25rem;--space-sm:.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem;--radius-sm:.375rem;--radius-md:.5rem;--radius-lg:.75rem;--radius-xl:1rem;--radius-full:9999px;--shadow-sm:0 1px 2px #2932410d;--shadow-md:0 4px 6px #2932411a;--shadow-lg:0 10px 15px #2932411a;--transition-fast:.15s ease;--transition-normal:.2s ease;--transition-slow:.3s ease}@media (prefers-color-scheme:dark){:root{--color-bg:#1f2937;--color-surface:#293241;--color-text:#e0fbfc;--color-text-muted:#9ca3af;--color-border:#4b5563;--color-surface-dark:#374151}}*{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;font-size:16px}body{font-family:var(--font-sans);background:var(--color-bg);color:var(--color-text);min-height:100vh;line-height:1.5}#root{flex-direction:column;min-height:100vh;display:flex}h1{color:var(--color-primary);font-size:2rem;font-weight:600;line-height:1.2}h2{color:var(--color-text);font-size:1.5rem;font-weight:600;line-height:1.3}h3{color:var(--color-text);font-size:1.25rem;font-weight:500;line-height:1.4}p{margin-bottom:var(--space-md)}.btn{justify-content:center;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-lg);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);border:none;font-size:1rem;font-weight:500;display:inline-flex}.btn-secondary{background:var(--color-surface);color:var(--color-text);border:1px solid var(--color-border)}.btn-secondary:hover{background:var(--color-bg)}.btn-accent{background:var(--color-accent);color:#fff}.btn-accent:hover{background:var(--color-accent-dark)}.btn:disabled{opacity:.5;cursor:not-allowed}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-lg);box-shadow:var(--shadow-sm)}.card-header{margin-bottom:var(--space-md);justify-content:space-between;align-items:center;display:flex}.input{width:100%;padding:var(--space-sm) var(--space-md);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text);transition:border-color var(--transition-fast);font-size:1rem}.input:focus{border-color:var(--color-primary);outline:none}.input::placeholder{color:var(--color-text-muted)}.label{color:var(--color-text);margin-bottom:var(--space-xs);font-size:.875rem;font-weight:500;display:block}.form-group{margin-bottom:var(--space-lg)}.container{width:100%;max-width:1200px;padding:0 var(--space-md);margin:0 auto}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}.animate-fadeIn{animation:fadeIn var(--transition-slow) ease-out}.animate-pulse{animation:2s ease-in-out infinite pulse}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-slideUp{animation:slideUp var(--transition-slow) ease-out}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.animate-scaleIn{animation:scaleIn var(--transition-normal) ease-out}.page{animation:fadeIn var(--transition-slow) ease-out}.card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.btn:active{transform:scale(.98)}@media (width>=768px){html{font-size:18px}.container{padding:0 var(--space-xl)}}@media (width>=1024px){.container{padding:0 var(--space-2xl)}}.text-center{text-align:center}.text-muted{color:var(--color-text-muted)}.mt-auto{margin-top:auto}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-sm{gap:var(--space-sm)}.gap-md{gap:var(--space-md)}.gap-lg{gap:var(--space-lg)}.w-full{width:100%}.h-full{height:100%}.login-screen{min-height:100vh;padding:var(--space-lg);background:var(--color-bg);justify-content:center;align-items:center;display:flex}.login-content{text-align:center;width:100%;max-width:400px}.login-logo{width:100px;height:100px;margin:0 auto var(--space-lg);background:linear-gradient(135deg, var(--color-primary), var(--color-secondary));border-radius:var(--radius-xl);color:#fff;justify-content:center;align-items:center;display:flex}.login-title{margin-bottom:var(--space-sm);color:var(--color-primary);font-size:2.5rem}.login-subtitle{color:var(--color-text-muted);margin-bottom:var(--space-xl)}.login-buttons{gap:var(--space-md);flex-direction:column;display:flex}.login-btn{height:48px;font-size:1rem}.wallet-btn{position:relative}.coming-soon{background:var(--color-secondary);color:var(--color-primary);border-radius:var(--radius-full);margin-left:var(--space-sm);padding:2px 8px;font-size:.75rem}.demo-icon-btn{bottom:var(--space-lg);right:var(--space-lg);background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-full);width:40px;height:40px;color:var(--color-text-muted);cursor:pointer;opacity:.5;justify-content:center;align-items:center;transition:all .2s;display:flex;position:fixed}.demo-icon-btn:hover{opacity:1;color:var(--color-primary);border-color:var(--color-primary)}.demo-icon-btn:disabled{opacity:.3;cursor:not-allowed}.dynamic-widget-container,.dynamic-widget-container .dynamic-button-container{width:100%}.dynamic-widget-container .dynamic-button-container button{width:100%;height:48px;font-size:1rem}.mobile-nav{background:var(--color-surface);border-top:1px solid var(--color-border);padding:var(--space-sm);z-index:100;display:flex;position:fixed;bottom:0;left:0;right:0}.mobile-nav-btn{padding:var(--space-sm);color:var(--color-text-muted);cursor:pointer;transition:color var(--transition-fast);background:0 0;border:none;flex-direction:column;flex:1;align-items:center;gap:2px;display:flex}.mobile-nav-btn span{font-size:.625rem}.mobile-nav-btn.active{color:var(--color-primary)}@media (width>=1024px){.mobile-nav{display:none}}.desktop-sidebar{background:var(--color-surface);border-right:1px solid var(--color-border);flex-direction:column;width:240px;height:100vh;display:none;position:fixed;top:0;left:0}.sidebar-header{padding:var(--space-lg);border-bottom:1px solid var(--color-border)}.sidebar-header h2{color:var(--color-primary);font-size:1.25rem}.sidebar-nav{padding:var(--space-md);gap:var(--space-xs);flex-direction:column;flex:1;display:flex}.sidebar-btn{align-items:center;gap:var(--space-sm);width:100%;padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);color:var(--color-text);cursor:pointer;transition:background var(--transition-fast);background:0 0;border:none;display:flex}.sidebar-btn:hover{background:var(--color-bg)}.sidebar-btn.active{background:var(--color-primary);color:#fff}.sidebar-footer{padding:var(--space-md);border-top:1px solid var(--color-border)}.logout-btn{color:var(--color-error)}@media (width>=1024px){.desktop-sidebar{display:flex}}.responsive-container{min-height:100vh;display:flex}.main-content{padding:var(--space-md);background:var(--color-bg);flex:1;padding-bottom:100px;overflow-x:hidden}@media (width>=1024px){.main-content{padding-bottom:var(--space-lg);margin-left:240px}}.modal-overlay{padding:var(--space-md);z-index:200;background:#29324180;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{background:var(--color-surface);border-radius:var(--radius-lg);width:100%;max-width:450px;padding:var(--space-lg);max-height:90vh;overflow-y:auto}.modal-header{margin-bottom:var(--space-lg);justify-content:space-between;align-items:center;display:flex}.close-btn{color:var(--color-text-muted);cursor:pointer;background:0 0;border:none}.demo-prompt{text-align:center;padding:var(--space-md);background:var(--color-bg);border-radius:var(--radius-md);margin-bottom:var(--space-lg)}.demo-prompt p{margin-bottom:var(--space-sm);color:var(--color-text-muted)}.type-selector{gap:var(--space-md);display:flex}.type-btn{align-items:center;gap:var(--space-xs);padding:var(--space-md);background:var(--color-bg);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);border:2px solid #0000;flex-direction:column;flex:1;display:flex}.type-btn.active{border-color:var(--color-primary);background:#3d5a801a}.type-btn svg{color:var(--color-text-muted)}.type-btn.active svg{color:var(--color-accent)}.type-btn span{color:var(--color-text-muted);font-size:.875rem}.type-btn.active span{color:var(--color-accent)}.hint{color:var(--color-text-muted);margin-top:var(--space-xs);font-size:.75rem;display:block}textarea.input{resize:vertical;min-height:60px}.ens-option{margin-bottom:var(--space-md)}.ens-checkbox{align-items:flex-start;gap:var(--space-md);padding:var(--space-md);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);background:linear-gradient(135deg,#98c1d933 0%,#98c1d91a 100%);border:1px solid #98c1d980;display:flex}.ens-checkbox:hover{border-color:var(--color-primary)}.ens-checkbox input{accent-color:var(--color-primary);cursor:pointer;margin-top:4px}.ens-checkbox-content{align-items:flex-start;gap:var(--space-sm);display:flex}.ens-checkbox-content svg{color:var(--color-primary);flex-shrink:0}.ens-checkbox-content strong{color:var(--color-text);margin-bottom:2px;font-size:.875rem;display:block}.ens-checkbox-content span{color:var(--color-text-muted);font-size:.75rem}.ens-hint{text-align:center;padding:var(--space-sm);margin-bottom:var(--space-md)}.ens-hint span{color:var(--color-text-muted);font-size:.75rem}.registering-state,.success-state{text-align:center;padding:var(--space-xl) var(--space-md)}.registering-icon,.success-icon{width:80px;height:80px;margin:0 auto var(--space-lg);border-radius:50%;justify-content:center;align-items:center;display:flex}.registering-icon{color:var(--color-primary);background:linear-gradient(135deg,#3d5a8033 0%,#98c1d933 100%)}.success-icon{color:var(--color-success);background:#34d39933}.registering-state h2,.success-state h2{margin-bottom:var(--space-sm);font-size:1.25rem}.registering-state p,.success-state p{color:var(--color-text-muted);margin-bottom:var(--space-lg)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.pet-name-display{font-weight:500;color:var(--color-accent)!important}@keyframes dot-bounce{0%,80%,to{opacity:.5;transform:scale(.6)}40%{opacity:1;transform:scale(1)}}@keyframes fade-in{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}@keyframes loading{0%{transform:translate(-100%)}to{transform:translate(400%)}}.btn-full{width:100%}.profile-page{padding:var(--space-md);flex-direction:column;height:100dvh;padding-bottom:80px;display:flex;position:fixed;inset:0;overflow:hidden}@media (width>=1024px){.profile-page{padding-bottom:var(--space-md)}}.profile-page .back-btn{align-items:center;gap:var(--space-xs);color:var(--color-text-muted);cursor:pointer;margin-bottom:var(--space-sm);padding:var(--space-xs) 0;background:0 0;border:none;font-size:.875rem;display:inline-flex}.profile-header{background:var(--color-surface);border-radius:var(--radius-xl);padding:var(--space-md);margin-bottom:var(--space-md);border:1px solid var(--color-border)}.header-top{margin-bottom:var(--space-md);justify-content:space-between;align-items:center;display:flex}.pet-identity{align-items:center;gap:var(--space-sm);margin-bottom:var(--space-md);display:flex}.pet-avatar{background:var(--color-secondary);border:2px solid var(--color-primary);border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.pet-info h1{color:var(--color-text);margin:0;font-size:1.25rem;line-height:1.2}.pet-meta{color:var(--color-text-muted);text-transform:capitalize;font-size:.75rem}.microchip-id{color:var(--color-primary);font-family:SF Mono,Fira Code,monospace;font-size:.7rem;font-weight:500}.action-grid{gap:var(--space-sm);grid-template-columns:repeat(2,1fr);display:grid}.action-grid-btn{justify-content:center;align-items:center;gap:var(--space-xs);padding:var(--space-md);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);cursor:pointer;transition:all var(--transition-fast);flex-direction:column;font-size:.75rem;font-weight:500;text-decoration:none;display:flex;position:relative}.action-grid-btn:hover{border-color:var(--color-primary);background:#98c1d91a}.action-grid-btn svg{color:var(--color-primary)}.action-grid-btn.primary{background:var(--color-primary);border-color:var(--color-primary)}.action-grid-btn.primary svg,.action-grid-btn.primary span{color:#fff}.action-grid-btn.primary:hover{background:var(--color-primary-dark)}.badge-count{top:var(--space-xs);right:var(--space-xs);background:var(--color-accent);color:#fff;border-radius:var(--radius-sm);padding:2px 6px;font-size:.625rem;position:absolute}.profile-chat{background:var(--color-surface);border-radius:var(--radius-xl);border:1px solid var(--color-border);flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.chat-header{padding:var(--space-md);border-bottom:1px solid var(--color-border)}.chat-header-info{flex-direction:column;display:flex}.chat-title{color:var(--color-text);font-size:.875rem;font-weight:600}.chat-subtitle{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.5px;font-size:.625rem}.chat-messages{padding:var(--space-md);gap:var(--space-md);background:var(--color-bg);scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:var(--color-border) transparent;flex-direction:column;flex:1;display:flex;overflow-y:auto}.chat-bubble{gap:var(--space-sm);max-width:85%;display:flex}.chat-bubble.user{flex-direction:row-reverse;align-self:flex-end}.chat-bubble.assistant{align-self:flex-start}.bubble-avatar{background:var(--color-surface);border:1px solid var(--color-border);width:28px;height:28px;color:var(--color-primary);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.bubble-content{gap:var(--space-xs);flex-direction:column;display:flex}.chat-bubble.user .bubble-content{align-items:flex-end}.bubble-text{padding:var(--space-sm) var(--space-md);border-radius:18px;font-size:.875rem;line-height:1.4}.chat-bubble.user .bubble-text{background:var(--color-primary);color:#fff;border-bottom-right-radius:4px}.chat-bubble.assistant .bubble-text{background:var(--color-surface);color:var(--color-text);border:1px solid var(--color-border);border-bottom-left-radius:4px}.bubble-time{color:var(--color-text-muted);padding:0 var(--space-xs);font-size:.625rem}.chat-input-bar{gap:var(--space-sm);padding:var(--space-md);background:var(--color-surface);border-top:1px solid var(--color-border);display:flex}.chat-input-bar input{padding:var(--space-sm) var(--space-md);border:1px solid var(--color-border);background:var(--color-bg);color:var(--color-text);transition:all var(--transition-fast);border-radius:999px;outline:none;flex:1;font-size:.875rem}.chat-input-bar input:focus{border-color:var(--color-primary);background:var(--color-surface)}.send-btn{background:var(--color-primary);color:#fff;cursor:pointer;width:44px;height:44px;transition:all var(--transition-fast);border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.send-btn:hover:not(:disabled){transform:scale(1.05)}.send-btn:active:not(:disabled){transform:scale(.95)}.send-btn:disabled,.chat-input-bar input:disabled{opacity:.6;cursor:not-allowed}.bubble-text markdown{gap:var(--space-xs);flex-direction:column;display:flex}.bubble-text p{margin:0}.bubble-text ul,.bubble-text ol{padding-left:var(--space-md);margin:0}.bubble-text li{margin:var(--space-xs) 0;line-height:1.4}.bubble-text strong{color:var(--color-text);font-weight:600}.bubble-text em{font-style:italic}.bubble-text code{background:var(--color-bg);color:var(--color-primary);border-radius:4px;padding:2px 4px;font-family:SF Mono,Fira Code,monospace;font-size:.8em}.bubble-text pre{background:var(--color-bg);padding:var(--space-sm);border-radius:var(--radius-md);margin:var(--space-xs) 0;overflow-x:auto}.bubble-text pre code{background:0 0;padding:0}.bubble-text h1,.bubble-text h2,.bubble-text h3{margin:var(--space-sm) 0 var(--space-xs);font-weight:600}.bubble-text h1{font-size:1.125rem}.bubble-text h2{font-size:1rem}.bubble-text h3{font-size:.9375rem}.bubble-text a{color:var(--color-primary);text-decoration:underline}.bubble-text blockquote{border-left:3px solid var(--color-primary);margin:var(--space-xs) 0;padding-left:var(--space-sm);color:var(--color-text-muted)}.bubble-text hr{border:none;border-top:1px solid var(--color-border);margin:var(--space-sm) 0}.spin{animation:1s linear infinite spin}.thinking-bubble{animation:.3s ease-out fadeIn}.thinking-text{align-items:center;gap:var(--space-sm);color:var(--color-text-muted);font-style:italic;display:flex}.thinking-dots{align-items:center;gap:3px;display:inline-flex}.thinking-dots .dot{background:var(--color-text-muted);border-radius:50%;width:4px;height:4px;animation:1.4s ease-in-out infinite both bounce}.thinking-dots .dot:first-child{animation-delay:-.32s}.thinking-dots .dot:nth-child(2){animation-delay:-.16s}@keyframes bounce{0%,80%,to{opacity:.4;transform:scale(0)}40%{opacity:1;transform:scale(1)}}@media (width<=480px){.profile-page{padding:var(--space-sm);padding-bottom:80px}.pet-avatar{width:40px;height:40px}.pet-info h1{font-size:1.125rem}.bubble-text{font-size:.8125rem}.action-grid-btn{padding:var(--space-sm);font-size:.7rem}}.camera-capture{text-align:center}.camera-capture h1{margin-bottom:var(--space-sm);color:var(--color-primary)}.camera-capture>p{color:var(--color-text-muted);margin-bottom:var(--space-xl)}.camera-preview{border-radius:var(--radius-lg);background:var(--color-text);position:relative;overflow:hidden}.camera-preview video{object-fit:cover;width:100%;max-height:60vh}.camera-controls{gap:var(--space-md);padding:var(--space-lg);background:linear-gradient(#0000,#293241cc);display:flex;position:absolute;bottom:0;left:0;right:0}.camera-options{gap:var(--space-lg);padding:var(--space-2xl);flex-direction:column;display:flex}.camera-btn{align-items:center;gap:var(--space-md);padding:var(--space-xl);background:var(--color-surface);border:2px dashed var(--color-border);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast);color:var(--color-text-muted);flex-direction:column;display:flex}.camera-btn:hover{border-color:var(--color-primary);color:var(--color-primary)}.document-analysis{position:relative}.analysis-loading{text-align:center;padding:var(--space-2xl)}.spinner{color:var(--color-primary);margin-bottom:var(--space-lg);animation:1s linear infinite spin}.analysis-loading h2{margin-bottom:var(--space-sm);color:var(--color-text)}.analysis-loading p{color:var(--color-text-muted);margin-bottom:var(--space-xl)}.processing-steps{gap:var(--space-md);text-align:left;flex-direction:column;max-width:300px;margin:0 auto;display:flex}.processing-step{align-items:center;gap:var(--space-md);padding:var(--space-sm) var(--space-md);background:var(--color-surface);border-radius:var(--radius-md);border:1px solid var(--color-border);display:flex}.processing-step .spinner{color:var(--color-primary);margin:0}.processing-step span{color:var(--color-text);font-size:.875rem}.processing-step.completed{border-color:var(--color-success);background:#34d3991a}.processing-step.completed span{color:var(--color-success)}.magic-moment{align-items:center;gap:var(--space-sm);padding:var(--space-md);background:linear-gradient(135deg, var(--color-primary), var(--color-secondary));border-radius:var(--radius-lg);color:#fff;margin-bottom:var(--space-lg);font-weight:600;display:flex}.translation-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-lg);margin-bottom:var(--space-lg)}.translation-card h3{color:var(--color-text-muted);margin-bottom:var(--space-sm);font-size:.875rem}.original-text{color:var(--color-text-muted);margin-bottom:var(--space-md);font-style:italic}.arrow{margin:var(--space-md) 0;color:var(--color-primary);display:block}.translated-text{color:var(--color-text);font-weight:500}.extracted-data{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-lg);margin-bottom:var(--space-lg)}.extracted-data h3{margin-bottom:var(--space-md);color:var(--color-text)}.data-grid{gap:var(--space-md);grid-template-columns:repeat(2,1fr);display:grid}.data-item{flex-direction:column;display:flex}.data-key{color:var(--color-text-muted);text-transform:capitalize;font-size:.75rem}.data-value{color:var(--color-text);font-weight:500}.analysis-actions{gap:var(--space-md);flex-direction:column;display:flex}.analysis-result{animation:fadeIn var(--transition-slow) ease-out}.guardian-page{padding:var(--space-md);background:var(--color-bg);height:100dvh;padding-bottom:80px;overflow-y:auto}@media (width>=1024px){.guardian-page{padding-bottom:var(--space-md)}}.guardian-header-card{background:var(--color-surface);border-radius:var(--radius-xl);padding:var(--space-md);margin-bottom:var(--space-md);border:1px solid var(--color-border);align-items:center;gap:var(--space-md);display:flex}.guardian-header-icon{width:48px;height:48px;color:var(--color-primary);background:#98c1d933;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.guardian-header-info{flex:1}.guardian-header-info h1{color:var(--color-text);margin:0;font-size:1.25rem;line-height:1.2}.guardian-header-info p{margin:var(--space-xs) 0 0;color:var(--color-text-muted);font-size:.75rem}.guardian-badge{background:var(--color-primary);color:#fff;border-radius:var(--radius-md);padding:var(--space-xs) var(--space-sm);flex-direction:column;align-items:center;min-width:48px;display:flex}.badge-number{font-size:1.25rem;font-weight:700;line-height:1}.badge-label{text-transform:uppercase;opacity:.9;font-size:.625rem}.guardian-empty{background:var(--color-surface);border-radius:var(--radius-xl);padding:var(--space-xl);border:1px solid var(--color-border);text-align:center}.empty-icon{width:64px;height:64px;margin:0 auto var(--space-md);color:var(--color-primary);background:#98c1d91a;border-radius:50%;justify-content:center;align-items:center;display:flex}.guardian-empty p{color:var(--color-text);margin:0;font-weight:500}.guardian-empty .text-muted{margin-top:var(--space-xs);color:var(--color-text-muted);font-weight:400}.guardian-content{gap:var(--space-md);flex-direction:column;display:flex}.pet-insights-section{background:var(--color-surface);border-radius:var(--radius-xl);padding:var(--space-md);border:1px solid var(--color-border)}.pet-insights-header{align-items:center;gap:var(--space-sm);padding-bottom:var(--space-md);border-bottom:1px solid var(--color-border);margin-bottom:var(--space-md);display:flex}.pet-avatar-small{background:var(--color-secondary);border:2px solid var(--color-primary);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.pet-avatar-small svg{color:var(--color-primary)}.pet-insights-info{flex:1}.pet-insights-info h2{color:var(--color-text);margin:0;font-size:1rem;line-height:1.2}.insight-count{border-radius:var(--radius-md);padding:var(--space-xs) var(--space-sm);background:#98c1d91a;flex-direction:column;align-items:center;display:flex}.count-number{color:var(--color-primary);font-size:1rem;font-weight:700;line-height:1}.count-label{color:var(--color-text-muted);text-transform:uppercase;font-size:.625rem}.pet-suggestions-list{gap:var(--space-sm);flex-direction:column;display:flex}.insight-card{gap:var(--space-sm);padding:var(--space-md);border-radius:var(--radius-md);border-left:4px solid var(--color-secondary);display:flex}.insight-icon{flex-shrink:0;margin-top:2px}.insight-content{flex:1;min-width:0}.insight-message{color:var(--color-text);margin:0;font-size:.875rem;line-height:1.4}.insight-meta{align-items:center;gap:var(--space-sm);margin-top:var(--space-xs);display:flex}.insight-priority{text-transform:uppercase;font-size:.625rem;font-weight:600}.insight-type{color:var(--color-text-muted);text-transform:capitalize;font-size:.625rem}.text-muted{color:var(--color-text-muted);font-size:.875rem}@media (width<=480px){.guardian-page{padding:var(--space-sm);padding-bottom:80px}.guardian-header-card{padding:var(--space-sm)}.guardian-header-icon{width:40px;height:40px}.guardian-header-info h1{font-size:1.125rem}.pet-insights-section,.insight-card{padding:var(--space-sm)}.insight-message{font-size:.8125rem}}.dashboard-page{gap:var(--space-lg);flex-direction:column;display:flex}.page-title{color:var(--color-primary);margin-bottom:var(--space-sm)}.pets-grid{gap:var(--space-md);flex-direction:column;display:flex}.pet-card-full{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-md);cursor:pointer;transition:all var(--transition-fast)}.pet-card-full:hover{border-color:var(--color-primary);box-shadow:var(--shadow-md)}.pet-card-header{align-items:center;gap:var(--space-md);margin-bottom:var(--space-sm);display:flex}.pet-avatar-large{background:var(--color-secondary);border:2px solid var(--color-primary);width:56px;height:56px;color:var(--color-primary);border-radius:50%;justify-content:center;align-items:center;display:flex}.pet-info-full{flex:1}.pet-info-full h3{color:var(--color-text);margin:0;font-size:1.25rem}.pet-breed{color:var(--color-text-muted);text-transform:capitalize;font-size:.875rem}.status-badge.good{color:var(--color-success)}.status-badge.high{color:var(--color-error)}.status-badge.medium{color:var(--color-accent)}.pet-chip{align-items:center;gap:var(--space-sm);padding:var(--space-xs) var(--space-sm);background:var(--color-bg);border-radius:var(--radius-md);margin-bottom:var(--space-sm);display:flex}.chip-label{text-transform:uppercase;color:var(--color-text-muted);font-size:.625rem}.chip-id{color:var(--color-primary);font-family:SF Mono,Fira Code,monospace;font-size:.75rem}.pet-alerts{gap:var(--space-xs);margin-bottom:var(--space-sm);flex-direction:column;display:flex}.alert-item{align-items:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm);font-size:.75rem;display:flex}.alert-item.high{color:var(--color-error);background:#ef44441a}.alert-item.medium{color:var(--color-accent);background:#ee6c4d1a}.alert-item.good{color:var(--color-success);background:#34d3991a}.pet-card-action{padding-top:var(--space-sm);border-top:1px solid var(--color-border);color:var(--color-primary);justify-content:space-between;align-items:center;font-size:.875rem;font-weight:500;display:flex}.pet-card-add{justify-content:center;align-items:center;gap:var(--space-sm);padding:var(--space-xl);background:var(--color-bg);border:2px dashed var(--color-border);border-radius:var(--radius-xl);cursor:pointer;transition:all var(--transition-fast);color:var(--color-text-muted);flex-direction:column;display:flex}.pet-card-add:hover{border-color:var(--color-primary);color:var(--color-primary)}.pet-card-add span{font-size:.875rem;font-weight:500}.empty-state-large{justify-content:center;align-items:center;gap:var(--space-md);padding:var(--space-2xl);text-align:center;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);flex-direction:column;display:flex}.empty-icon{background:var(--color-secondary);width:80px;height:80px;color:var(--color-primary);border-radius:50%;justify-content:center;align-items:center;display:flex}.empty-state-large h2{color:var(--color-primary);margin:0}.empty-state-large p{color:var(--color-text-muted);max-width:300px;margin:0}.btn-large{padding:var(--space-md) var(--space-xl);font-size:1.125rem}.lookup-container{min-height:100vh;padding:var(--space-lg);background:var(--color-bg)}.lookup-loading{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:60vh;display:flex}.lookup-loading .spinner{color:var(--color-primary);margin-bottom:var(--space-lg);animation:1s linear infinite spin}.lookup-loading h2{color:var(--color-text);margin-bottom:var(--space-sm)}.lookup-loading p{color:var(--color-text-muted)}.lookup-not-found{text-align:center;flex-direction:column;justify-content:center;align-items:center;max-width:500px;min-height:60vh;margin:0 auto;display:flex}.lookup-not-found svg{color:var(--color-text-muted);margin-bottom:var(--space-lg)}.lookup-not-found h2{color:var(--color-text);margin-bottom:var(--space-sm)}.lookup-not-found p{color:var(--color-text-muted);margin-bottom:var(--space-sm)}.not-found-note{color:var(--color-text-muted);margin-bottom:var(--space-xl);font-size:.875rem}.lookup-search-hero{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:80vh;display:flex}.lookup-logo{margin-bottom:var(--space-xl)}.lookup-logo svg{color:var(--color-primary);margin-bottom:var(--space-md)}.lookup-logo h1{color:var(--color-primary);margin-bottom:var(--space-xs);font-size:2rem}.lookup-logo p{color:var(--color-text-muted);font-size:1.125rem}.lookup-search-box{gap:var(--space-sm);width:100%;max-width:500px;margin-bottom:var(--space-md);display:flex}.lookup-search-box input{padding:var(--space-md) var(--space-lg);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);color:var(--color-text);flex:1;font-size:1rem}.lookup-search-box input:focus{border-color:var(--color-primary);outline:none}.lookup-hint{color:var(--color-text-muted);font-size:.875rem}.lookup-header{max-width:600px;margin:0 auto var(--space-lg);justify-content:space-between;align-items:center;display:flex}.lookup-logo-small{align-items:center;gap:var(--space-sm);color:var(--color-primary);font-weight:600;display:flex}.lookup-date{color:var(--color-text-muted);font-size:.75rem}.emergency-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);max-width:600px;margin:0 auto var(--space-lg);overflow:hidden}.emergency-card-header{padding:var(--space-lg);background:var(--color-secondary);border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:flex-start;display:flex}.pet-identity{align-items:center;gap:var(--space-md);display:flex}.pet-identity svg{color:var(--color-primary)}.pet-identity h2{color:var(--color-text);margin:0;font-size:1.5rem}.pet-identity .pet-type{color:var(--color-text-muted);text-transform:capitalize;font-size:.875rem}.microchip-badge{text-align:right}.badge-label{text-transform:uppercase;color:var(--color-text-muted);margin-bottom:var(--space-xs);font-size:.625rem;display:block}.badge-value{color:var(--color-text);background:var(--color-surface);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm);border:1px solid var(--color-border);font-family:SF Mono,Fira Code,monospace;font-size:.875rem}.emergency-section{padding:var(--space-md) var(--space-lg);border-bottom:1px solid var(--color-border)}.emergency-section:last-child{border-bottom:none}.emergency-section.warning{background:#ee6c4d0d}.emergency-section.warning .section-header{color:var(--color-accent)}.emergency-section.alert{background:#ef44440d}.emergency-section.alert .section-header{color:var(--color-error)}.section-header{align-items:center;gap:var(--space-sm);margin-bottom:var(--space-sm);display:flex}.section-header svg{flex-shrink:0}.section-header h3{color:var(--color-text);margin:0;font-size:.875rem;font-weight:600}.emergency-list{margin:0;padding:0;list-style:none}.emergency-list li{padding-left:var(--space-lg);margin-bottom:var(--space-xs);color:var(--color-text-muted);font-size:.875rem;position:relative}.emergency-list li:last-child{margin-bottom:0}.emergency-list li:before{content:"•";left:var(--space-sm);color:var(--color-text-muted);position:absolute}.emergency-section.warning .emergency-list li:before{color:var(--color-accent)}.emergency-section.alert .emergency-list li:before{color:var(--color-error)}.emergency-section.contact{background:#98c1d926}.emergency-section.contact .section-header{color:var(--color-primary)}.contact-info{color:var(--color-text-muted);font-size:.875rem}.contact-details span{color:var(--color-text)}.contact-text{color:var(--color-text-muted);margin:0}.lookup-search-form{gap:var(--space-sm);max-width:500px;margin:0 auto var(--space-lg);display:flex}.lookup-search-form input{padding:var(--space-sm) var(--space-md);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text);flex:1;font-size:.875rem}.lookup-search-form input:focus{border-color:var(--color-primary);outline:none}.lookup-back-link{text-align:center;color:var(--color-text-muted);transition:color var(--transition-fast);font-size:.875rem;text-decoration:none;display:block}.lookup-back-link:hover{color:var(--color-primary)}@media (width<=640px){.lookup-container{padding:var(--space-md)}.emergency-card-header{gap:var(--space-md);flex-direction:column}.microchip-badge{text-align:left}.lookup-search-box,.lookup-search-form{flex-direction:column}}.timeline-page{padding:var(--space-md);min-height:100vh}.timeline-page .back-btn{align-items:center;gap:var(--space-xs);color:var(--color-text-muted);margin-bottom:var(--space-md);font-size:.875rem;text-decoration:none;display:inline-flex}.timeline-page .timeline-header{margin-bottom:var(--space-md)}.pet-badge{align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);color:var(--color-text);font-weight:600;display:inline-flex}.pet-badge svg{color:var(--color-primary)}.pet-timeline{padding:var(--space-md)}.pet-timeline h2{margin-bottom:var(--space-lg);color:var(--color-text)}.timeline-empty{align-items:center;gap:var(--space-sm);padding:var(--space-xl);text-align:center;color:var(--color-text-muted);flex-direction:column;display:flex}.timeline-list{gap:var(--space-md);flex-direction:column;display:flex}.timeline-item{gap:var(--space-md);padding-left:var(--space-lg);display:flex;position:relative}.timeline-item:before{content:"";background:var(--color-secondary);width:2px;position:absolute;top:24px;bottom:-16px;left:6px}.timeline-item:last-child:before{display:none}.timeline-dot{background:var(--color-primary);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:14px;height:14px;display:flex;position:absolute;top:0;left:0}.timeline-content{padding:var(--space-md);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);flex:1}.timeline-header{margin-bottom:var(--space-sm);justify-content:space-between;align-items:center;display:flex}.timeline-type{text-transform:capitalize;color:var(--color-primary);font-weight:600}.timeline-date{color:var(--color-text-muted);font-size:.875rem}.timeline-text{margin-bottom:var(--space-xs);color:var(--color-text);font-size:.875rem}.timeline-text p{margin:0 0 var(--space-sm) 0}.timeline-text p:last-child{margin-bottom:0}.timeline-text ul,.timeline-text ol{margin:var(--space-xs) 0;padding-left:var(--space-md)}.timeline-text li{margin-bottom:var(--space-xs)}.timeline-text h1,.timeline-text h2,.timeline-text h3,.timeline-text h4{margin:var(--space-sm) 0 var(--space-xs) 0;font-weight:600}.timeline-text h1{font-size:1.25rem}.timeline-text h2{font-size:1.125rem}.timeline-text h3{font-size:1rem}.timeline-text h4{font-size:.875rem}.timeline-text strong{font-weight:600}.timeline-text em{font-style:italic}.timeline-text code{border-radius:var(--radius-sm);background:#0000000d;padding:.125rem .25rem;font-size:.8em}.timeline-text table{border-collapse:collapse;width:100%;margin:var(--space-sm) 0}.timeline-text th,.timeline-text td{border:1px solid var(--color-border);padding:var(--space-xs);text-align:left}.timeline-text th{background:#00000008;font-weight:600}.timeline-vet{color:var(--color-text-muted);font-size:.75rem}.timeline-hint{color:var(--color-text-muted);margin-bottom:var(--space-md);font-size:.875rem}.timeline-item.clickable{cursor:pointer;transition:transform .2s,box-shadow .2s}.timeline-item.clickable:hover{transform:translate(4px)}.timeline-item.clickable .timeline-content{box-shadow:0 2px 4px #0000000d}.timeline-item.clickable:hover .timeline-content{border-color:var(--color-primary);box-shadow:0 4px 12px #0000001a}.timeline-summary{margin-bottom:var(--space-sm);color:var(--color-text);font-size:.875rem;line-height:1.5}.timeline-view-more{align-items:center;gap:var(--space-xs);color:var(--color-primary);margin-top:var(--space-sm);font-size:.75rem;font-weight:500;display:flex}.vet-lookup{flex-direction:column;height:100vh;display:flex;overflow:hidden}.vet-map-container{flex:1;min-height:50%;position:relative}.vet-map-full{width:100%;height:100%}.vet-bottom-panel{background:var(--color-bg);border-top:1px solid var(--color-border);padding:var(--space-md);gap:var(--space-sm);flex-direction:column;max-height:45%;display:flex;overflow:hidden}.vet-header{text-align:center}.vet-header h1{color:var(--color-primary);margin:0;font-size:1.25rem}.vet-search{align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);display:flex}.vet-search svg{color:var(--color-text-muted);flex-shrink:0}.vet-search input{color:var(--color-text);background:0 0;border:none;outline:none;flex:1;font-size:.875rem}.vet-search input::placeholder{color:var(--color-text-muted)}.clear-search{padding:var(--space-xs);color:var(--color-text-muted);cursor:pointer;background:0 0;border:none;align-items:center;display:flex}.location-notice{padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-md);color:var(--color-accent);background:#ee6c4d1a;border:1px solid #ee6c4d4d;font-size:.75rem}.vet-list-scroll{gap:var(--space-sm);flex-direction:column;flex:1;display:flex;overflow-y:auto}.vet-card{padding:var(--space-sm) var(--space-md);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);justify-content:space-between;align-items:flex-start;display:flex}.vet-card:hover{border-color:var(--color-primary)}.vet-card.selected{border-color:var(--color-primary);background:#98c1d91a}.vet-info{flex:1;min-width:0}.vet-info h3{color:var(--color-text);margin:0 0 var(--space-xs) 0;white-space:nowrap;text-overflow:ellipsis;font-size:.875rem;overflow:hidden}.vet-address{align-items:center;gap:var(--space-xs);color:var(--color-text-muted);margin:0 0 var(--space-xs) 0;font-size:.7rem;display:flex}.vet-meta{align-items:center;gap:var(--space-sm);flex-wrap:wrap;display:flex}.vet-meta>span{color:var(--color-text-muted);align-items:center;gap:2px;font-size:.65rem;display:flex}.vet-rating{color:var(--color-accent)!important}.vet-status{border-radius:var(--radius-sm);text-transform:uppercase;padding:1px 4px;font-size:.5rem;font-weight:600}.vet-status.open{color:var(--color-success);background:#34d39926}.vet-status.closed{color:var(--color-error);background:#ef444426}.vet-actions{gap:var(--space-xs);flex-shrink:0;display:flex}.action-btn{border-radius:var(--radius-md);cursor:pointer;width:32px;height:32px;transition:all var(--transition-fast);border:none;justify-content:center;align-items:center;display:flex}.action-btn.phone{color:var(--color-success);background:#34d39926}.action-btn.phone:hover{background:#34d39940}.action-btn.directions{color:var(--color-primary);background:#98c1d926}.action-btn.directions:hover{background:#98c1d940}.map-popup{padding:var(--space-xs);min-width:150px}.map-popup strong{margin-bottom:var(--space-xs);color:var(--color-text);font-size:.875rem;display:block}.map-popup p{margin:0 0 var(--space-xs) 0;color:var(--color-text-muted);font-size:.75rem}.map-popup button{width:100%;padding:var(--space-xs) var(--space-sm);background:var(--color-primary);color:#fff;border-radius:var(--radius-sm);cursor:pointer;border:none;font-size:.75rem}.map-popup button:hover{opacity:.9}@media (width>=768px){.vet-lookup{flex-direction:row}.vet-map-container{flex:2;min-height:100%}.vet-bottom-panel{border-top:none;border-left:1px solid var(--color-border);flex:1;max-width:400px}.vet-list-scroll{flex-direction:column;display:flex}}.ens-page{padding:var(--space-md);flex-direction:column;min-height:100vh;display:flex}.ens-page .back-btn{align-items:center;gap:var(--space-xs);color:var(--color-text-muted);cursor:pointer;margin-bottom:var(--space-sm);padding:var(--space-xs) 0;background:0 0;border:none;font-size:.875rem;display:inline-flex}.ens-page .back-btn:hover{color:var(--color-primary)}.ens-header{background:var(--color-surface);border-radius:var(--radius-xl);padding:var(--space-md);margin-bottom:var(--space-md);border:1px solid var(--color-border)}.ens-title-row{align-items:center;gap:var(--space-md);margin-bottom:var(--space-md);display:flex}.ens-icon-large{border:2px solid var(--color-primary);width:48px;height:48px;color:var(--color-primary);background:#98c1d94d;border-radius:50%;justify-content:center;align-items:center;display:flex}.ens-title-info h1{color:var(--color-text);margin:0;font-size:1.25rem}.ens-title-info p{color:var(--color-text-muted);margin:0;font-size:.75rem}.modal-overlay{z-index:100;padding:var(--space-md);background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.ens-modal{background:var(--color-surface);border-radius:var(--radius-lg);width:100%;max-width:500px;padding:var(--space-lg);max-height:90vh;overflow-y:auto}.ens-info{align-items:flex-start;gap:var(--space-md);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-md);margin-bottom:var(--space-md);display:flex}.ens-info p{color:var(--color-text-muted);margin:0;font-size:.875rem;line-height:1.5}.contact-form-section{background:var(--color-bg);border-radius:var(--radius-md);padding:var(--space-md);margin-bottom:var(--space-md)}.contact-form-section .section-header{margin-bottom:var(--space-md);justify-content:space-between;align-items:center;display:flex}.contact-form-section .section-header h3{color:var(--color-text);margin:0;font-size:.875rem}.contact-form{gap:var(--space-sm);flex-direction:column;display:flex}.form-field{gap:var(--space-xs);flex-direction:column;display:flex}.form-field label{align-items:center;gap:var(--space-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.5px;font-size:.75rem;display:flex}.form-field input,.form-field textarea{padding:var(--space-sm) var(--space-md);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text);transition:all var(--transition-fast);font-size:.875rem}.form-field input:focus,.form-field textarea:focus{border-color:var(--color-primary);background:#fff;outline:none}.form-field textarea{resize:vertical;min-height:60px}.contact-preview{padding:var(--space-sm) 0}.contact-details{gap:var(--space-xs);flex-direction:column;display:flex}.contact-details span{align-items:center;gap:var(--space-sm);color:var(--color-text);font-size:.875rem;display:flex}.contact-details svg{color:var(--color-text-muted);flex-shrink:0}.no-contact{color:var(--color-text-muted);font-size:.875rem;font-style:italic}.emergency-data-preview{background:var(--color-bg);border-radius:var(--radius-md);padding:var(--space-md);margin-bottom:var(--space-md)}.emergency-data-preview h3{color:var(--color-text-muted);margin-bottom:var(--space-md);font-size:.875rem}.data-row{padding:var(--space-sm) 0;border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:flex-start;display:flex}.data-row:last-child{border-bottom:none}.data-row-block{gap:var(--space-xs);flex-direction:column}.data-label{color:var(--color-text-muted);flex-shrink:0;font-size:.875rem}.data-value{color:var(--color-text);text-align:right;max-width:60%;font-size:.875rem}.data-row-block .data-value{text-align:left;max-width:100%}.data-value-list{align-items:flex-start;gap:var(--space-sm);display:flex}.data-value-list svg{flex-shrink:0;margin-top:2px}.data-value-list ul{padding-left:var(--space-md);color:var(--color-text);margin:0;font-size:.875rem}.data-value-list li{margin-bottom:var(--space-xs)}.data-value-list.warning,.data-value-list.warning ul{color:var(--color-accent)}.data-value-list.alert,.data-value-list.alert ul{color:var(--color-error)}.security-note{align-items:flex-start;gap:var(--space-sm);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-md);margin-bottom:var(--space-lg);color:var(--color-text-muted);font-size:.75rem;display:flex}.security-note svg{color:var(--color-text-muted);flex-shrink:0;margin-top:2px}.error-message{align-items:center;gap:var(--space-sm);border-radius:var(--radius-md);padding:var(--space-md);margin-bottom:var(--space-md);color:var(--color-error);background:#ef44441a;border:1px solid #ef44444d;font-size:.875rem;display:flex}.ens-actions{gap:var(--space-md);display:flex}.ens-actions .btn{flex:1}.wallet-warning{text-align:center;color:var(--color-text-muted);margin-top:var(--space-md);font-size:.75rem}.spinner{color:var(--color-primary);animation:1s linear infinite spin}.close-btn{color:var(--color-text-muted);cursor:pointer;padding:var(--space-xs);border-radius:var(--radius-md);transition:all var(--transition-fast);background:0 0;border:none}.close-btn:hover{color:var(--color-primary);background:#98c1d933}@media (width<=480px){.ens-page,.ens-header{padding:var(--space-sm)}.ens-icon-large{width:40px;height:40px}.ens-title-info h1{font-size:1.125rem}}.ens-loading-container{text-align:center;padding:var(--space-xl);flex-direction:column;flex:1;justify-content:center;align-items:center;min-height:60vh;display:flex}.ens-loading-modal{background:var(--color-surface);border-radius:var(--radius-xl);width:100%;max-width:400px;padding:var(--space-xl);border:1px solid var(--color-border);text-align:center}.registering-icon{width:80px;height:80px;margin:0 auto var(--space-lg);color:var(--color-primary);background:linear-gradient(135deg,#3d5a8033 0%,#98c1d933 100%);border-radius:50%;justify-content:center;align-items:center;display:flex}.spinner-icon{animation:1s linear infinite spin}.registering-title{color:var(--color-text);margin-bottom:var(--space-sm);font-size:1.25rem;font-weight:600}.pet-name-display{color:var(--color-accent);margin-bottom:var(--space-lg);font-weight:500}.status-message-container{align-items:center;gap:var(--space-sm);margin-bottom:var(--space-lg);flex-direction:column;min-height:60px;display:flex}.status-dots{gap:6px;display:flex}.status-dot{background:var(--color-primary);border-radius:50%;width:8px;height:8px;animation:1.4s ease-in-out infinite dot-bounce}.status-dot:first-child{animation-delay:0s}.status-dot:nth-child(2){animation-delay:.2s}.status-dot:nth-child(3){animation-delay:.4s}.status-message{color:var(--color-text);min-height:1.4em;font-size:1rem;font-weight:600;animation:.3s ease-in-out fade-in}.loading-bar{background:var(--color-bg);border-radius:2px;width:100%;max-width:300px;height:4px;margin:0 auto;overflow:hidden}.loading-progress{background:linear-gradient(90deg, var(--color-primary), var(--color-secondary));border-radius:2px;width:30%;height:100%;animation:1.5s ease-in-out infinite loading}.record-details{padding:var(--space-md);scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:var(--color-border) transparent;height:100dvh;padding-bottom:80px;overflow-y:auto}@media (width>=1024px){.record-details{padding-bottom:var(--space-md)}}.record-details .back-btn{align-items:center;gap:var(--space-xs);color:var(--color-text-muted);cursor:pointer;margin-bottom:var(--space-sm);padding:var(--space-xs) 0;transition:color var(--transition-fast);background:0 0;border:none;font-size:.875rem;display:inline-flex}.record-details .back-btn:hover{color:var(--color-primary)}.record-details-content{background:var(--color-surface);border-radius:var(--radius-xl);padding:var(--space-md);border:1px solid var(--color-border);gap:var(--space-md);flex-direction:column;display:flex}.record-type-badge{align-items:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-md);color:#fff;text-transform:capitalize;border-radius:999px;width:fit-content;font-size:.75rem;font-weight:600;display:inline-flex}.record-date-section{align-items:center;gap:var(--space-xs);color:var(--color-text-muted);font-size:.875rem;display:flex}.record-vet-section{align-items:center;gap:var(--space-xs);color:var(--color-text);padding:var(--space-sm) var(--space-md);background:var(--color-bg);border-radius:var(--radius-md);border:1px solid var(--color-border);font-size:.875rem;display:flex}.record-vet-section .label{color:var(--color-text-muted);font-weight:600}.record-translation-section{background:var(--color-bg);border-radius:var(--radius-lg);padding:var(--space-md);border:1px solid var(--color-border)}.record-translation-section h3{margin:0 0 var(--space-sm) 0;color:var(--color-text);font-size:.875rem;font-weight:600}.record-translation-text{color:var(--color-text);white-space:pre-wrap;text-align:left;font-size:.875rem;line-height:1.6}.record-translation-text p{margin:0 0 var(--space-sm) 0}.record-translation-text p:last-child{margin-bottom:0}.record-extracted-section{background:var(--color-bg);border-radius:var(--radius-lg);padding:var(--space-md);border:1px solid var(--color-border)}.record-extracted-section h3{margin:0 0 var(--space-sm) 0;color:var(--color-text);font-size:.875rem;font-weight:600}.record-extracted-grid{gap:var(--space-sm);grid-template-columns:repeat(auto-fill,minmax(160px,1fr));display:grid}.record-extracted-item{padding:var(--space-sm);background:var(--color-surface);border-radius:var(--radius-md);border:1px solid var(--color-border);flex-direction:column;gap:2px;display:flex}.record-extracted-item .label{color:var(--color-text-muted);text-transform:capitalize;font-size:.625rem;font-weight:500}.record-extracted-item .value{color:var(--color-text);font-size:.8125rem;font-weight:500}.record-document-section{background:var(--color-bg);border-radius:var(--radius-lg);padding:var(--space-md);border:1px solid var(--color-border)}.record-document-section h3{margin:0 0 var(--space-sm) 0;color:var(--color-text);font-size:.875rem;font-weight:600}.document-loading,.document-error,.document-unavailable{align-items:center;gap:var(--space-sm);padding:var(--space-xl);color:var(--color-text-muted);text-align:center;background:var(--color-surface);border-radius:var(--radius-md);border:1px solid var(--color-border);flex-direction:column;display:flex}.document-loading .spinner,.spinner{color:var(--color-primary);animation:1s linear infinite spin}.document-preview{align-items:center;gap:var(--space-md);flex-direction:column;display:flex}.document-preview img{border-radius:var(--radius-md);border:1px solid var(--color-border);max-width:100%;max-height:300px;box-shadow:0 2px 8px #0000001a}.btn-download{align-items:center;gap:var(--space-xs);padding:var(--space-sm) var(--space-md);background:var(--color-primary);color:#fff;cursor:pointer;transition:all var(--transition-fast);border:none;border-radius:999px;font-size:.875rem;font-weight:500;display:flex}.btn-download:hover{background:var(--color-primary-dark);transform:scale(1.02)}.btn-download:active{transform:scale(.98)}.record-not-found{align-items:center;gap:var(--space-md);padding:var(--space-xl);text-align:center;background:var(--color-surface);border-radius:var(--radius-xl);border:1px solid var(--color-border);color:var(--color-text-muted);flex-direction:column;display:flex}.record-not-found h2{color:var(--color-text);margin:0;font-size:1.125rem}.record-not-found p{margin:0;font-size:.875rem}.record-not-found .btn{margin-top:var(--space-sm)}.btn{align-items:center;gap:var(--space-xs);padding:var(--space-sm) var(--space-md);cursor:pointer;transition:all var(--transition-fast);border:none;border-radius:999px;font-size:.875rem;font-weight:500;text-decoration:none;display:inline-flex}.btn-primary{background:var(--color-primary);color:#fff}.btn-primary:hover{background:var(--color-primary-dark)}@media (width<=480px){.record-details{padding:var(--space-sm);padding-bottom:80px}.record-extracted-grid{grid-template-columns:repeat(2,1fr)}.record-extracted-item .value{font-size:.75rem}}.page{padding:var(--space-md)}.page-header{margin-bottom:var(--space-lg);justify-content:space-between;align-items:center;display:flex}.empty-state{align-items:center;gap:var(--space-md);padding:var(--space-2xl);text-align:center;color:var(--color-text-muted);flex-direction:column;display:flex}.pet-grid{gap:var(--space-md);grid-template-columns:repeat(auto-fill,minmax(280px,1fr));display:grid}.home-current-pet{margin-top:var(--space-xl)}.home-current-pet h2{margin-bottom:var(--space-md)}.quick-stats{gap:var(--space-md);margin-top:var(--space-lg);display:flex}.stat-card{padding:var(--space-md);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);flex-direction:column;align-items:center;display:flex}.stat-value{color:var(--color-primary);font-size:2rem;font-weight:600}.stat-label{color:var(--color-text-muted);font-size:.875rem}.home-dashboard h2{margin-bottom:var(--space-lg)}.home-pets-overview{gap:var(--space-md);margin-bottom:var(--space-lg);flex-direction:column;display:flex}.home-pet-card{cursor:pointer}.home-pet-stats{gap:var(--space-md);margin-top:var(--space-sm);color:var(--color-text-muted);font-size:.875rem;display:flex}.suggestion-badge{background:var(--color-accent);color:#fff;border-radius:var(--radius-full);padding:2px 8px;font-size:.75rem}.home-section{margin-bottom:var(--space-xl)}.home-section h3{margin-bottom:var(--space-md);font-size:1rem}.home-actions{gap:var(--space-md);display:flex}.home-actions .btn{flex:1}.home-insights{gap:var(--space-sm);flex-direction:column;display:flex}.insight-item{gap:var(--space-sm);padding:var(--space-sm);background:var(--color-surface);border-radius:var(--radius-md);display:flex}.priority-high{color:var(--color-error)}.priority-medium{color:var(--color-accent)}.priority-low{color:var(--color-primary)}.home-records{gap:var(--space-xs);flex-direction:column;display:flex}.record-row{gap:var(--space-md);padding:var(--space-sm);background:var(--color-surface);border-radius:var(--radius-md);font-size:.875rem;display:flex}.record-pet{font-weight:500}.record-type{text-transform:capitalize;color:var(--color-primary)}.record-date{color:var(--color-text-muted);margin-left:auto}.add-pet-btn{margin-top:var(--space-lg)}