:root{--hambi-primary:#BFFF00;--hambi-primary-hover:#A8E600;--hambi-primary-active:#99D100;--hambi-primary-text:#1A1A1A;--hambi-accent:#FFB800;--hambi-accent-light:#FFF4CC;--hambi-text:#1A1A1A;--hambi-text-secondary:#666666;--hambi-text-muted:#999999;--hambi-background:#F5F5F5;--hambi-surface:#FFFFFF;--hambi-border:#E8E8E8;--hambi-success:#00C853;--hambi-error:#FF3B30;--hambi-warning:#FF9500;--hambi-shadow-sm:0 1px 3px rgba(0,0,0,0.08);--hambi-shadow-md:0 4px 12px rgba(0,0,0,0.1);--hambi-shadow-lg:0 8px 24px rgba(0,0,0,0.12);--hambi-xs:4px;--hambi-s:8px;--hambi-m:12px;--hambi-l:16px;--hambi-xl:24px;--hambi-xxl:32px;--hambi-radius-s:8px;--hambi-radius-m:12px;--hambi-radius-l:16px;--hambi-radius-xl:20px;--hambi-radius-full:100px;--hambi-font-xs:12px;--hambi-font-s:14px;--hambi-font-m:16px;--hambi-font-l:17px;--hambi-font-xl:20px;--hambi-font-xxl:24px;--hambi-line-xs:16px;--hambi-line-s:18px;--hambi-line-m:22px;--hambi-line-l:24px;--hambi-line-xl:28px}.dark{--hambi-primary:#BFFF00;--hambi-primary-hover:#D4FF4D;--hambi-primary-active:#A8E600;--hambi-primary-text:#1A1A1A;--hambi-accent:#FFB800;--hambi-accent-light:#4A3D00;--hambi-text:#FFFFFF;--hambi-text-secondary:#A0A0A0;--hambi-text-muted:#666666;--hambi-background:#1A1A1A;--hambi-surface:#2A2A2A;--hambi-border:#3A3A3A;--hambi-shadow-sm:0 1px 3px rgba(0,0,0,0.3);--hambi-shadow-md:0 4px 12px rgba(0,0,0,0.4);--hambi-shadow-lg:0 8px 24px rgba(0,0,0,0.5)}*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-text-size-adjust:100%;overflow-x:hidden}body.hambi-body{overflow-x:hidden;font-family:'Euclid Circular A',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;font-size:var(--hambi-font-m);line-height:var(--hambi-line-m);color:var(--hambi-text);background-color:var(--hambi-background);min-height:100vh;display:flex;flex-direction:column}.hambi-header{position:sticky;top:0;z-index:100;background-color:var(--hambi-background);border-bottom:1px solid var(--hambi-border);padding:var(--hambi-m) var(--hambi-l)}.hambi-header-content{display:flex;align-items:center;justify-content:space-between;max-width:600px;margin:0 auto}.hambi-logo{display:flex;align-items:center;gap:var(--hambi-s);text-decoration:none;color:var(--hambi-text);font-weight:600;font-size:var(--hambi-font-l)}.hambi-logo img{border-radius:var(--hambi-radius-s)}.hambi-nav{display:flex;align-items:center;gap:var(--hambi-m)}.hambi-nav-link{display:flex;align-items:center;gap:var(--hambi-xs);text-decoration:none;color:var(--hambi-text-secondary);font-size:var(--hambi-font-s);font-weight:500;padding:var(--hambi-xs) var(--hambi-s);border-radius:var(--hambi-radius-s);transition:color 0.2s,background-color 0.2s}.hambi-nav-link:hover{color:var(--hambi-text);background-color:var(--hambi-border)}.hambi-lang-selector{position:relative}.hambi-lang-btn{background:transparent;border:1px solid var(--hambi-border);border-radius:var(--hambi-radius-m);padding:var(--hambi-xs) var(--hambi-s);font-family:inherit;font-size:var(--hambi-font-s);color:var(--hambi-text);cursor:pointer;display:flex;align-items:center;gap:var(--hambi-xs)}.hambi-lang-dropdown{position:absolute;top:100%;right:0;margin-top:var(--hambi-xs);background:var(--hambi-background);border:1px solid var(--hambi-border);border-radius:var(--hambi-radius-m);overflow:hidden;box-shadow:0 4px 12px rgba(0,0,0,0.1);min-width:140px}.hambi-lang-option{display:flex;align-items:center;gap:var(--hambi-s);width:100%;padding:var(--hambi-s) var(--hambi-m);background:transparent;border:none;font-family:inherit;font-size:var(--hambi-font-s);color:var(--hambi-text);text-align:left;cursor:pointer}.hambi-lang-option:hover{background:var(--hambi-surface)}.hambi-lang-option.active{background:var(--hambi-primary);color:white}.hambi-lang-flag{flex-shrink:0}.hambi-header-actions{display:flex;align-items:center;gap:var(--hambi-m)}.hambi-close-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;background-color:#EEEEEE;color:#1A1A1A;text-decoration:none;transition:background-color 0.2s}.hambi-close-btn:hover{background-color:#E0E0E0}.dark .hambi-close-btn{background-color:#3A3A3A;color:#FFFFFF}.dark .hambi-close-btn:hover{background-color:#4A4A4A}.hambi-flash-container{padding:var(--hambi-m) var(--hambi-l);max-width:600px;margin:0 auto}.hambi-flash{display:flex;align-items:center;justify-content:space-between;padding:var(--hambi-m);border-radius:var(--hambi-radius-m);margin-bottom:var(--hambi-s);font-size:var(--hambi-font-s)}.hambi-flash-success{background:rgba(0,200,83,0.1);color:var(--hambi-success);border:1px solid var(--hambi-success)}.hambi-flash-error{background:rgba(255,59,48,0.1);color:var(--hambi-error);border:1px solid var(--hambi-error)}.hambi-flash-info{background:rgba(0,119,255,0.1);color:var(--hambi-primary);border:1px solid var(--hambi-primary)}.hambi-flash-close{background:transparent;border:none;font-size:20px;cursor:pointer;color:inherit;opacity:0.7}.hambi-flash-close:hover{opacity:1}.hambi-main{flex:1;padding:var(--hambi-l);max-width:600px;margin:0 auto;width:100%}.hambi-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--hambi-s);padding:var(--hambi-m) var(--hambi-xl);border:none;border-radius:var(--hambi-radius-l);font-family:inherit;font-size:var(--hambi-font-l);font-weight:600;line-height:var(--hambi-line-m);text-decoration:none;cursor:pointer;transition:all 0.15s ease;min-height:48px}.hambi-btn:active{transform:translateY(2px)}.hambi-btn-primary{background:linear-gradient(180deg,#CFFF33 0%,#BFFF00 50%,#B0EE00 100%);color:var(--hambi-primary-text);border-bottom:4px solid #8BC400;box-shadow:0 2px 8px rgba(139,196,0,0.3)}.hambi-btn-primary:hover{background:linear-gradient(180deg,#D4FF4D 0%,#CFFF33 50%,#BFFF00 100%);box-shadow:0 4px 12px rgba(139,196,0,0.4)}.hambi-btn-primary:active{background:linear-gradient(180deg,#B0EE00 0%,#A8E600 50%,#99D100 100%);border-bottom-width:2px;box-shadow:0 1px 4px rgba(139,196,0,0.3)}.hambi-btn-secondary{background-color:var(--hambi-surface);color:var(--hambi-text);border:1px solid var(--hambi-border)}.hambi-btn-secondary:hover{background-color:var(--hambi-background)}.hambi-btn-accent{background-color:var(--hambi-accent);color:var(--hambi-primary-text)}.hambi-btn-accent:hover{background-color:#E5A600}.hambi-btn-outline{background-color:transparent;color:var(--hambi-text);border:1px solid var(--hambi-border)}.hambi-btn-outline:hover{background-color:var(--hambi-surface)}.hambi-btn-danger{background-color:var(--hambi-error);color:#FFFFFF}.hambi-btn-danger:hover{background-color:#E5352B}.hambi-btn-ghost{background-color:transparent;color:var(--hambi-text)}.hambi-btn-ghost:hover{background-color:var(--hambi-surface)}.hambi-btn-full{width:100%}.hambi-btn-sm{min-height:36px;padding:var(--hambi-s) var(--hambi-l);font-size:var(--hambi-font-s)}.hambi-btn-lg{min-height:56px;padding:var(--hambi-l) var(--hambi-xxl);font-size:var(--hambi-font-xl)}.hambi-btn:disabled{opacity:0.5;cursor:not-allowed;box-shadow:none}.hambi-card{background:var(--hambi-surface);border-radius:var(--hambi-radius-xl);padding:var(--hambi-l);margin-bottom:var(--hambi-l);box-shadow:var(--hambi-shadow-sm)}.hambi-card-elevated{box-shadow:var(--hambi-shadow-md)}.hambi-card-promo{background:linear-gradient(135deg,var(--hambi-accent) 0%,#FFD366 100%);color:var(--hambi-primary-text)}.hambi-card-promo .hambi-card-title,.hambi-card-promo .hambi-card-text{color:var(--hambi-primary-text)}.hambi-card-title{font-size:var(--hambi-font-xl);font-weight:600;margin-bottom:var(--hambi-m);color:var(--hambi-text)}.hambi-card-text{font-size:var(--hambi-font-m);color:var(--hambi-text-secondary);line-height:var(--hambi-line-l)}.hambi-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--hambi-m)}.hambi-card-footer{margin-top:var(--hambi-l);padding-top:var(--hambi-m);border-top:1px solid var(--hambi-border)}.hambi-form-group{margin-bottom:var(--hambi-l)}.hambi-label{display:block;font-size:var(--hambi-font-s);font-weight:500;color:var(--hambi-text);margin-bottom:var(--hambi-xs)}.hambi-input{width:100%;padding:var(--hambi-m);border:1px solid var(--hambi-border);border-radius:var(--hambi-radius-m);font-family:inherit;font-size:var(--hambi-font-m);color:var(--hambi-text);background:var(--hambi-background);transition:border-color 0.2s}.hambi-input:focus{outline:none;border-color:var(--hambi-primary)}.hambi-input::placeholder{color:var(--hambi-text-secondary)}.hambi-checkbox{display:flex;align-items:flex-start;gap:var(--hambi-s);cursor:pointer}.hambi-checkbox input[type="checkbox"]{width:20px;height:20px;margin-top:2px;accent-color:var(--hambi-primary)}.hambi-checkbox-label{font-size:var(--hambi-font-s);color:var(--hambi-text);line-height:var(--hambi-line-s)}.hambi-checkbox-label a{color:var(--hambi-primary);text-decoration:none}.hambi-checkbox-label a:hover{text-decoration:underline}.hambi-file-upload{border:2px dashed var(--hambi-border);border-radius:var(--hambi-radius-l);padding:var(--hambi-xxl);text-align:center;cursor:pointer;transition:border-color 0.2s,background-color 0.2s}.hambi-file-upload:hover{border-color:var(--hambi-primary);background-color:rgba(0,119,255,0.05)}.hambi-file-upload-icon{font-size:48px;margin-bottom:var(--hambi-m)}.hambi-file-upload-text{font-size:var(--hambi-font-m);color:var(--hambi-text);margin-bottom:var(--hambi-xs)}.hambi-file-upload-hint{font-size:var(--hambi-font-s);color:var(--hambi-text-secondary)}.hambi-list{list-style:none}.hambi-list-item{display:flex;align-items:center;padding:var(--hambi-m);border-bottom:1px solid var(--hambi-border)}.hambi-list-item:last-child{border-bottom:none}.hambi-footer{padding:var(--hambi-l);text-align:center;border-top:1px solid var(--hambi-border);margin-top:auto}.hambi-footer-links{display:flex;justify-content:center;gap:var(--hambi-l);margin-bottom:var(--hambi-s)}.hambi-footer-links a,.hambi-footer-links span{color:var(--hambi-text-secondary);text-decoration:none;font-size:var(--hambi-font-s)}.hambi-footer-links a:hover{color:var(--hambi-primary)}.hambi-footer-copyright{font-size:var(--hambi-font-xs);color:var(--hambi-text-secondary)}.hambi-contact-btn{position:fixed;bottom:var(--hambi-l);right:var(--hambi-l);width:56px;height:56px;border-radius:50%;background-color:var(--hambi-primary);color:var(--hambi-primary-text);border:none;cursor:pointer;box-shadow:0 4px 12px rgba(191,255,0,0.4);display:flex;align-items:center;justify-content:center;font-size:24px;z-index:1000;transition:transform 0.2s,box-shadow 0.2s}.hambi-contact-btn:hover{transform:scale(1.1);box-shadow:0 6px 16px rgba(191,255,0,0.5)}.hambi-onboarding{text-align:center;padding:var(--hambi-xl) 0}.hambi-onboarding-icon{width:80px;height:80px;margin:0 auto var(--hambi-l)}.hambi-onboarding-title{font-size:var(--hambi-font-xxl);font-weight:700;margin-bottom:var(--hambi-m);color:var(--hambi-text)}.hambi-onboarding-text{font-size:var(--hambi-font-m);color:var(--hambi-text-secondary);margin-bottom:var(--hambi-xl);line-height:var(--hambi-line-l)}.hambi-steps{display:flex;justify-content:center;gap:var(--hambi-s);margin-bottom:var(--hambi-xl)}.hambi-step{width:8px;height:8px;border-radius:50%;background-color:var(--hambi-border)}.hambi-step.active{background-color:var(--hambi-primary);width:24px;border-radius:4px}.hambi-animal-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--hambi-m);margin-bottom:var(--hambi-l)}.hambi-animal-option{padding:var(--hambi-l);border:2px solid var(--hambi-border);border-radius:var(--hambi-radius-l);text-align:center;cursor:pointer;transition:border-color 0.2s,background-color 0.2s}.hambi-animal-option:hover{border-color:var(--hambi-primary)}.hambi-animal-option.selected{border-color:var(--hambi-primary);background-color:rgba(191,255,0,0.15)}.hambi-animal-icon{font-size:32px;margin-bottom:var(--hambi-s)}.hambi-animal-name{font-size:var(--hambi-font-m);font-weight:500;color:var(--hambi-text)}.hambi-faq-item{border-bottom:1px solid var(--hambi-border)}.hambi-faq-question{display:flex;align-items:center;justify-content:space-between;padding:var(--hambi-l) 0;cursor:pointer;font-size:var(--hambi-font-m);font-weight:500;color:var(--hambi-text)}.hambi-faq-answer{padding-bottom:var(--hambi-l);font-size:var(--hambi-font-s);color:var(--hambi-text-secondary);line-height:var(--hambi-line-l)}.hambi-tabs{display:flex;gap:var(--hambi-s);padding:var(--hambi-xs);background:var(--hambi-surface);border-radius:var(--hambi-radius-full);box-shadow:var(--hambi-shadow-sm);overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.hambi-tabs::-webkit-scrollbar{display:none}.hambi-tab{flex-shrink:0;padding:var(--hambi-s) var(--hambi-l);border:none;background:transparent;border-radius:var(--hambi-radius-full);font-family:inherit;font-size:var(--hambi-font-s);font-weight:500;color:var(--hambi-text-secondary);cursor:pointer;transition:all 0.2s;white-space:nowrap}.hambi-tab:hover{color:var(--hambi-text)}.hambi-tab.active{background:var(--hambi-surface);color:var(--hambi-text);box-shadow:var(--hambi-shadow-sm)}.hambi-tabs-outline{background:transparent;box-shadow:none;border:1px solid var(--hambi-border)}.hambi-tabs-outline .hambi-tab.active{background:var(--hambi-primary);color:var(--hambi-primary-text)}.hambi-stats{display:flex;gap:var(--hambi-l);justify-content:space-between;padding:var(--hambi-l);background:var(--hambi-surface);border-radius:var(--hambi-radius-xl);box-shadow:var(--hambi-shadow-sm)}.hambi-stat{text-align:center;flex:1}.hambi-stat-value{font-size:var(--hambi-font-xl);font-weight:700;color:var(--hambi-text);margin-bottom:var(--hambi-xs)}.hambi-stat-label{font-size:var(--hambi-font-xs);color:var(--hambi-text-secondary);line-height:var(--hambi-line-xs)}.hambi-feature-list{list-style:none}.hambi-feature-item{display:flex;align-items:center;gap:var(--hambi-m);padding:var(--hambi-m) 0}.hambi-feature-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--hambi-background);border-radius:var(--hambi-radius-m);font-size:20px;flex-shrink:0}.hambi-feature-text{font-size:var(--hambi-font-m);color:var(--hambi-text)}.hambi-price{font-size:var(--hambi-font-xxl);font-weight:700;color:var(--hambi-text)}.hambi-price-old{font-size:var(--hambi-font-s);color:var(--hambi-text-muted);text-decoration:line-through;margin-left:var(--hambi-s)}.hambi-price-period{font-size:var(--hambi-font-s);font-weight:400;color:var(--hambi-text-secondary)}.hambi-badge{display:inline-flex;align-items:center;padding:var(--hambi-xs) var(--hambi-s);border-radius:var(--hambi-radius-s);font-size:var(--hambi-font-xs);font-weight:600}.hambi-badge-primary{background:var(--hambi-primary);color:var(--hambi-primary-text)}.hambi-badge-accent{background:var(--hambi-accent);color:var(--hambi-primary-text)}.hambi-badge-success{background:rgba(0,200,83,0.15);color:var(--hambi-success)}.hambi-promo-banner{background:linear-gradient(135deg,var(--hambi-accent) 0%,#FFD366 100%);border-radius:var(--hambi-radius-xl);padding:var(--hambi-xl);color:var(--hambi-primary-text)}.hambi-promo-banner-title{font-size:var(--hambi-font-xl);font-weight:700;margin-bottom:var(--hambi-s)}.hambi-promo-banner-text{font-size:var(--hambi-font-m);opacity:0.9}.hambi-action-bar{position:fixed;bottom:0;left:0;right:0;padding:var(--hambi-l);padding-bottom:calc(var(--hambi-l) + env(safe-area-inset-bottom));background:var(--hambi-surface);border-top:1px solid var(--hambi-border);box-shadow:0 -4px 12px rgba(0,0,0,0.08);z-index:100}.hambi-action-bar-content{max-width:600px;margin:0 auto}.hambi-scroll-container{display:flex;gap:var(--hambi-m);overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-bottom:var(--hambi-s);margin:0 calc(-1 * var(--hambi-l));padding-left:var(--hambi-l);padding-right:var(--hambi-l)}.hambi-scroll-container::-webkit-scrollbar{display:none}.hambi-scroll-item{flex-shrink:0;width:280px}@media (max-width:480px){.hambi-header{padding:var(--hambi-s) var(--hambi-m)}.hambi-main{padding:var(--hambi-m)}.hambi-animal-grid{grid-template-columns:1fr}}@media (max-width:360px){.hambi-header{padding:var(--hambi-xs) var(--hambi-s)}.hambi-header-content{gap:var(--hambi-xs)}.hambi-logo{font-size:var(--hambi-font-m)}.hambi-logo img{width:28px;height:28px}.hambi-nav-link{font-size:var(--hambi-font-xs);padding:var(--hambi-xs) var(--hambi-xs)}.hambi-lang-dropdown{min-width:120px}.hambi-main{padding:var(--hambi-s)}.hambi-action-bar{padding:var(--hambi-m);padding-bottom:calc(var(--hambi-m) + env(safe-area-inset-bottom))}.hambi-scroll-item{width:260px}.hambi-btn{padding:var(--hambi-s) var(--hambi-l);font-size:var(--hambi-font-m);min-height:44px}}