:root{--surface-0: #faf7f1;--surface-1: #ffffff;--surface-2: #f5f1e9;--surface-3: #ece4d6;--surface-glass: rgba(255, 255, 255, .72);--text-strong: #1f2a22;--text: #283126;--text-muted: #7b8578;--border: #e4ddcf;--primary: #3f7f56;--primary-strong: #336947;--primary-weak: #e6f1e6;--accent: #86b889;--accent-soft: #eff7ee;--accent-weak: #ddeedd;--danger: #ef4444;--danger-weak: #fee2e2;--success: #22c55e;--warning: #f59e0b;--radius-s: 6px;--radius-m: 10px;--radius-l: 14px;--shadow-sm: 0 1px 3px rgba(15, 23, 42, .1);--shadow-md: 0 10px 28px rgba(15, 23, 42, .12);--shadow-lg: 0 20px 56px rgba(15, 23, 42, .16);--transition-fast: .12s ease;--transition-med: .2s ease;--gradient-primary: linear-gradient(135deg, #3f7f56 0%, #6fbf98 100%);--gradient-accent: linear-gradient(120deg, #86b889, #3f7f56);--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;--font-display: "Poppins", "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;--line-height: 1.6;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.5rem;--space-6: 2rem;--space-7: 2.5rem;--space-8: 3rem;--font-xs: .75rem;--font-sm: .85rem;--font-base: 1rem;--font-lg: 1.125rem;--font-xl: 1.25rem;--font-2xl: 1.75rem;--font-3xl: 2.25rem;--page-max: 1280px;--page-pad: 2rem}[data-theme=dark]{--surface-0: #0e1411;--surface-1: #111a15;--surface-2: #151f1a;--surface-3: #1c2620;--surface-glass: rgba(17, 24, 39, .8);--text-strong: #e6efe6;--text: #dfe7de;--text-muted: #93a191;--border: #243026;--primary: #7fcf9a;--primary-strong: #67b684;--primary-weak: #1b2a20;--accent: #5fbf80;--accent-soft: #16241b;--accent-weak: #1a2e21;--danger: #f87171;--danger-weak: #2f1b1b;--success: #34d399;--warning: #fbbf24;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .3);--shadow-md: 0 10px 28px rgba(0, 0, 0, .35);--shadow-lg: 0 20px 56px rgba(0, 0, 0, .4);--gradient-primary: linear-gradient(135deg, #3d8a5a 0%, #2f6b49 100%);--gradient-accent: linear-gradient(120deg, #5fbf80, #2f6b49)}body{background:var(--surface-0);color:var(--text)}.hh-glass{background:var(--surface-glass);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.hh-card{background:var(--surface-1);border:1px solid var(--border);border-radius:var(--radius-l);box-shadow:var(--shadow-sm);transition:transform var(--transition-med),box-shadow var(--transition-med),border-color var(--transition-med),background-color var(--transition-med)}.hh-card--sm{padding:1rem}.hh-card--md{padding:1.25rem}.hh-card--lg{padding:1.75rem}.hh-card--hoverable:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:#3f7f5659}.hh-card__header{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:.75rem}.hh-card__body{padding:0}.hh-card__title{font-weight:700;font-size:1.1rem;color:var(--text-strong);line-height:1.2}.hh-card__subtitle{color:var(--text-muted);font-size:.9rem;margin-top:.25rem}.hh-card__actions{display:flex;align-items:center;gap:.5rem;flex-shrink:0}.hh-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;border-radius:var(--radius-m);border:1px solid transparent;padding:.65rem 1rem;font-weight:600;cursor:pointer;transition:transform var(--transition-fast),box-shadow var(--transition-fast),opacity var(--transition-fast),background-color var(--transition-fast),border-color var(--transition-fast);box-shadow:var(--shadow-sm);background:var(--surface-2);color:var(--text-strong)}.hh-btn:hover{transform:translateY(-1px);box-shadow:var(--shadow-md)}.hh-btn.is-active{background:#fef3c7;color:#92400e;border-color:#fbbf24}.hh-btn:active{transform:translateY(0);box-shadow:var(--shadow-sm)}.hh-btn:disabled{opacity:.65;cursor:not-allowed;box-shadow:none;transform:none}.hh-btn--primary{background:var(--primary);color:#fff;border-color:#0000000f}.hh-btn--primary:hover{background:var(--primary-strong)}.hh-auth-page .hh-btn--primary{border-radius:14px;padding:.8rem 1rem;box-shadow:0 12px 24px #3f7f5633}.hh-btn--secondary{background:var(--surface-1);color:var(--text-strong);border-color:var(--border)}.hh-btn--ghost{background:transparent;color:var(--text);border-color:var(--border);box-shadow:none}.hh-btn--destructive{background:linear-gradient(135deg,#ef4444,#b91c1c);color:#fff;border-color:#ffffff1f}.hh-btn--sm{padding:.45rem .75rem;border-radius:var(--radius-s);font-weight:600;font-size:.9rem}.hh-btn--lg{padding:.85rem 1.3rem;font-size:1rem;border-radius:var(--radius-l)}.hh-btn--square{width:36px;height:36px;padding:0}.hh-btn__spinner{width:16px;height:16px;border-radius:999px;border:2px solid currentColor;border-top-color:transparent;animation:hh-spin .7s linear infinite}.hh-spinner--sm{width:14px;height:14px}.hh-spinner--md{width:16px;height:16px}.hh-spinner--lg{width:20px;height:20px}.hh-btn__check{width:16px;height:16px}.hh-input{width:100%;padding:.65rem .75rem;border-radius:var(--radius-m);border:1px solid var(--border);background:var(--surface-1);color:var(--text);transition:border-color var(--transition-fast),box-shadow var(--transition-fast),background-color var(--transition-fast)}.hh-input--with-icon{padding-right:3rem}.hh-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #3f7f5633;background:var(--surface-1)}.hh-input--error{border-color:var(--danger);box-shadow:0 0 0 3px #ef444426}.hh-input:disabled{opacity:.7;cursor:not-allowed}.hh-input--mono{font-family:var(--font-family-mono)}.hh-helper{font-size:.85rem;color:var(--text-muted);margin-top:.25rem}.hh-input-field{display:flex;flex-direction:column;gap:.35rem;width:100%}.hh-input-label{font-size:.9rem;font-weight:600;color:var(--text-strong)}.hh-input-required{color:var(--danger);margin-left:4px}.hh-helper--error{color:var(--danger)}.hh-skeleton{position:relative;overflow:hidden;background:var(--surface-2);border-radius:var(--radius-m)}.hh-skeleton:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.35),transparent);animation:hh-shimmer 1.2s infinite;opacity:.8}.hh-badge{display:inline-flex;align-items:center;gap:.35rem;padding:.35rem .6rem;border-radius:999px;font-size:.85rem;background:var(--surface-2);color:var(--text);border:1px solid var(--border)}.hh-badge--success{background:#22c55e26;color:#15803d;border-color:#22c55e40}.hh-badge--warning{background:#f59e0b26;color:#b45309;border-color:#f59e0b40}.hh-badge--danger{background:#ef444426;color:#b91c1c;border-color:#ef444440}.hh-pill{padding:.35rem .75rem;border-radius:999px;background:var(--surface-2);border:1px solid var(--border);color:var(--text);font-weight:600}.hh-gradient-chip{padding:.45rem .8rem;border-radius:var(--radius-m);background:var(--gradient-accent);color:#fff;font-weight:600;box-shadow:var(--shadow-sm)}.hh-empty{border:1px dashed var(--border);border-radius:var(--radius-l);padding:2rem;text-align:center;color:var(--text-muted);background:var(--surface-1)}.hh-empty__cta{margin-top:1rem}.hh-focus-ring:focus-visible{outline:none;box-shadow:0 0 0 3px #3f7f5659;border-color:var(--primary)}@keyframes hh-spin{to{transform:rotate(360deg)}}@keyframes hh-shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.hh-app{min-height:100vh;display:flex;flex-direction:column;background:var(--surface-0);background-image:url(/auth-bg.jpg);background-size:cover;background-position:center;background-repeat:no-repeat;position:relative;overflow:hidden}.hh-app:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#f6f7f1d9;pointer-events:none}.hh-shell{display:flex;min-height:100vh;position:relative;z-index:1}.hh-shell__main{flex:1;display:flex;flex-direction:column;min-width:0}.hh-sidebar{width:240px;flex-shrink:0;background:var(--surface-1);border-right:1px solid var(--border);padding:1.5rem 1rem;display:flex;flex-direction:column;gap:1.5rem}@media (min-width: 1025px){.hh-sidebar{position:fixed;left:0;top:0;bottom:0;overflow-y:auto;z-index:10}.hh-shell__main{margin-left:240px}}.hh-sidebar__brand{display:flex;align-items:center;gap:.5rem;font-weight:700;color:var(--text-strong);text-decoration:none;font-size:1rem}.hh-sidebar__brand-icon{width:28px;height:28px;border-radius:8px;background:var(--primary-weak);color:var(--primary-strong);display:inline-flex;align-items:center;justify-content:center;font-weight:700}.hh-nav{display:flex;flex-direction:column;gap:.35rem}.hh-nav-link{text-decoration:none;color:var(--text);padding:.6rem .75rem;border-radius:10px;display:flex;align-items:center;gap:.65rem;font-size:.95rem;transition:background-color var(--transition-fast),color var(--transition-fast)}.hh-nav-link:hover{background:var(--surface-2)}.hh-nav-link--active{background:var(--primary-weak);color:var(--primary-strong);font-weight:600}.hh-sidebar__footer{margin-top:auto;padding-top:.5rem;border-top:1px solid var(--border);display:flex;flex-direction:column;gap:.35rem}.hh-sidebar__logout{display:flex;align-items:center;gap:.65rem;padding:.6rem .75rem;border-radius:10px;font-size:.95rem;color:var(--text);background:none;border:none;cursor:pointer;text-align:left;width:100%;transition:background-color var(--transition-fast),color var(--transition-fast)}.hh-sidebar__logout:hover{background:var(--surface-2)}.hh-skip-link{position:absolute;top:.5rem;left:.5rem;padding:.5rem .75rem;background:var(--surface-1);color:var(--text-strong);border:1px solid var(--border);border-radius:8px;transform:translateY(-200%);transition:transform var(--transition-fast);z-index:200;text-decoration:none}.hh-skip-link:focus{transform:translateY(0);outline:none;box-shadow:0 0 0 3px #6366f140}.hh-header{--header-pad-x: 2rem;--header-pad-y: 1rem;background:var(--surface-1);padding:var(--header-pad-y) var(--header-pad-x);padding-top:calc(var(--header-pad-y) + env(safe-area-inset-top,0px));border-bottom:1px solid var(--border);box-shadow:none;display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;z-index:100;width:100%;box-sizing:border-box;overflow:visible;gap:1rem}.hh-header__left,.hh-header__right{display:flex;align-items:center;gap:1.5rem}.hh-header__left{flex:1;min-width:0}.hh-header__right{flex-shrink:0;gap:1rem}.hh-icon-btn{background:var(--surface-2);border:1px solid var(--border);color:var(--text);padding:.5rem .75rem;border-radius:8px;cursor:pointer;font-size:.95rem;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;transition:background-color var(--transition-fast),transform var(--transition-fast)}.hh-icon-btn--square{padding:.5rem;border-radius:6px;font-size:1.1rem}.hh-icon-btn:hover{background:var(--surface-3)}.hh-icon-btn.is-active{background:var(--primary-weak);color:var(--primary-strong)}.hh-icon-btn:active{transform:translateY(1px)}.hh-brand{text-decoration:none;color:var(--text-strong);flex-shrink:0;display:inline-flex;align-items:center;gap:.5rem}.hh-brand__title{margin:0;font-size:1.35rem;font-weight:700;color:var(--text-strong);white-space:nowrap}.hh-staging-badge{background-color:var(--warning);color:#422006;padding:.25rem .5rem;border-radius:4px;font-size:.75rem;font-weight:700;letter-spacing:.05em;box-shadow:0 2px 4px #0003}.hh-chip{padding:.5rem .75rem;background:var(--surface-2);border-radius:8px;color:var(--text);font-size:.85rem;font-weight:500;display:inline-flex;align-items:center;gap:.4rem;text-decoration:none;transition:background-color var(--transition-fast);max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hh-chip:hover{background:var(--surface-3)}.hh-search{position:relative;display:flex;gap:.5rem;align-items:center;z-index:1001;isolation:isolate}.hh-search__input-wrap{position:relative;width:250px;display:flex;gap:.5rem}.hh-search__input{width:100%;padding:.5rem .75rem;border-radius:8px;border:1px solid var(--border);background:var(--surface-2);color:var(--text);font-size:.9rem}.hh-search__input::placeholder{color:var(--text-muted)}.hh-search__results{position:absolute;top:calc(100% + .5rem);left:0;right:0;background:var(--surface-1);border-radius:10px;box-shadow:var(--shadow-md);max-height:400px;overflow:auto;z-index:1002;border:1px solid var(--border)}.hh-search__result{padding:1rem;border-bottom:1px solid var(--border);cursor:pointer;display:flex;align-items:flex-start;gap:.75rem}.hh-search__result-icon{font-size:1.2rem}.hh-search__result-body{flex:1;min-width:0}.hh-search__empty{padding:1rem;text-align:center;color:var(--text-muted)}.hh-search__filters-group{display:flex;flex-direction:column;gap:.5rem}.hh-search__result:hover{background:var(--surface-2)}.hh-search__result-title{font-weight:600;margin-bottom:.25rem}.hh-search__result-desc{font-size:.85rem;color:var(--text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hh-search__result-type{font-size:.75rem;color:#9ca3af;margin-top:.25rem;text-transform:capitalize}.hh-search__filters{padding:1rem;border-top:1px solid var(--border);background:var(--surface-2)}.hh-search__filters-title{margin-bottom:.75rem;font-weight:600;font-size:.9rem}.hh-filter-input{padding:.5rem;border-radius:6px;border:1px solid var(--border);font-size:.85rem;width:100%;background:var(--surface-1);color:var(--text)}.hh-filter-btn{padding:.5rem;background:var(--surface-2);border:1px solid var(--border);border-radius:6px;cursor:pointer;font-size:.85rem;color:var(--text)}.hh-filter-btn:hover{background:var(--surface-3)}.hh-filter-grid{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}.hh-mobile-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:101}.hh-mobile-menu{background:var(--surface-1);box-shadow:var(--shadow-md);max-width:320px;height:100%;overflow-y:auto;display:flex;flex-direction:column}.hh-mobile-header{padding:1rem 2rem;padding-top:calc(1rem + env(safe-area-inset-top,0px));display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border);flex-shrink:0}.hh-mobile-title{color:var(--text-strong);font-weight:600;font-size:1rem}.hh-mobile-content{padding:1rem;flex:1;overflow-y:auto}.hh-mobile-nav{display:flex;flex-direction:column;gap:.5rem}.hh-mobile-link{text-decoration:none;color:var(--text);padding:.75rem 1rem;border-radius:8px;font-weight:500;font-size:1rem;display:flex;align-items:center;gap:.75rem;background:transparent}.hh-mobile-link--active{color:var(--primary-strong);font-weight:600;background:var(--primary-weak)}.hh-mobile-section{margin-top:1rem;padding-top:1rem;border-top:1px solid var(--border)}.hh-mobile-chip{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;color:var(--text);font-size:.9rem;margin-bottom:.5rem;text-decoration:none;border-radius:8px;background:var(--surface-2);transition:background-color var(--transition-fast)}.hh-mobile-chip:hover{background:var(--surface-3)}.hh-mobile-logout{width:100%;padding:.75rem 1rem;background:var(--danger);color:#fff;border:none;border-radius:8px;cursor:pointer;font-weight:600;font-size:.9rem}.hh-main{flex:1;padding:0;background:transparent}@media (max-width: 1024px){.hh-header{--header-pad-x: 1rem;--header-pad-y: .75rem}.hh-shell{flex-direction:column}.hh-sidebar{display:none}.hh-header__left,.hh-header__right{gap:.75rem}.hh-header__right{gap:.5rem}.hh-brand__title{font-size:1.25rem}.hh-search__input-wrap{width:180px}.hh-mobile-header{padding:.75rem 1rem;padding-top:calc(.75rem + env(safe-area-inset-top,0px))}}@media (min-width: 1025px){.hh-header__left .hh-icon-btn,.hh-header__left .hh-brand{display:none}}.hh-page{max-width:var(--page-max);margin:0 auto;padding:var(--page-pad);display:flex;flex-direction:column;gap:var(--space-6)}.hh-page--narrow{max-width:1000px}@media (max-width: 1024px){.hh-page{padding:var(--space-4)}}.hh-page__header{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-4)}.hh-title{margin:0;font-size:var(--font-2xl);font-weight:700;color:var(--text-strong)}.hh-subtitle{margin-top:var(--space-1);color:var(--text-muted);font-size:var(--font-sm)}.hh-section{display:flex;flex-direction:column;gap:var(--space-4)}.hh-section__header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.hh-toolbar{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);flex-wrap:wrap}.hh-toolbar__group{display:flex;align-items:center;gap:var(--space-2)}.hh-toolbar__group--start{justify-content:flex-start}.hh-toolbar__group--center{justify-content:center}.hh-toolbar__group--end{justify-content:flex-end}.hh-toolbar__group.is-wrap{flex-wrap:wrap}.hh-tag{display:inline-flex;align-items:center;gap:.35rem;padding:.35rem .6rem;border-radius:999px;font-size:var(--font-sm);border:1px solid var(--border);background:var(--surface-2);color:var(--text);font-weight:600;cursor:default;transition:transform var(--transition-fast),box-shadow var(--transition-fast),background-color var(--transition-fast),color var(--transition-fast)}button.hh-tag{cursor:pointer}.hh-tag:hover{transform:translateY(-1px);box-shadow:var(--shadow-sm)}.hh-tag--sm{font-size:var(--font-xs);padding:.25rem .5rem}.hh-tag--accent{background:#14b8a626;color:#0f766e;border-color:#14b8a659}.hh-tag--success{background:#22c55e26;color:#15803d;border-color:#22c55e59}.hh-tag--warning{background:#f59e0b26;color:#b45309;border-color:#f59e0b59}.hh-tag--danger{background:#ef444426;color:#b91c1c;border-color:#ef444459}.hh-tag.is-selected{background:var(--gradient-accent);color:#fff;border-color:transparent}.hh-calendar{overflow:hidden}.hh-calendar__header{display:grid;grid-template-columns:repeat(7,1fr);background:var(--surface-2);border-bottom:1px solid var(--border)}.hh-calendar__header-cell{padding:var(--spacing-s);text-align:center;font-weight:var(--font-weight-semibold);color:var(--text-muted);font-size:var(--font-size-sm)}.hh-calendar__grid{display:grid;grid-template-columns:repeat(7,1fr)}.hh-calendar__day{min-height:120px;padding:var(--spacing-xs);border:1px solid var(--border);background:var(--surface-1);position:relative}.hh-calendar__day.is-clickable{cursor:pointer}.hh-calendar__day.is-disabled{cursor:default}.hh-calendar__day--muted{background:var(--surface-2);color:var(--text-muted);cursor:default}.hh-calendar__day--today{background:var(--primary-weak)}.hh-calendar__date{font-size:var(--font-size-sm);margin-bottom:var(--spacing-xxs);color:var(--text-strong);font-weight:var(--font-weight-medium)}.hh-calendar__date--today{color:var(--primary);font-weight:var(--font-weight-bold)}.hh-calendar__items{display:flex;flex-direction:column;gap:var(--spacing-xxs)}.hh-calendar__item{padding:.25rem .5rem;border-radius:var(--radius-xs);font-size:var(--font-size-xs);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#fff}.hh-calendar__item--event{background:var(--gradient-primary)}.hh-calendar__item--success{background:var(--success)}.hh-calendar__item--warning{background:var(--warning)}.hh-calendar__item--danger{background:var(--danger)}.hh-calendar__more{font-size:var(--font-size-xs);color:var(--text-muted);padding:.25rem .5rem}.hh-checkbox{display:inline-flex;align-items:center;gap:.5rem;font-size:var(--font-size-sm);color:var(--text);cursor:pointer}.hh-checkbox input{accent-color:var(--primary)}.hh-album-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--spacing-lg)}.hh-photo-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--spacing-md)}.hh-photo-overlay{position:absolute;inset:auto 0 0 0;background:linear-gradient(transparent,#000000b3);padding:2rem .5rem .5rem;display:flex;align-items:center;justify-content:space-between;gap:.5rem;color:#fff;font-size:var(--font-size-xs)}.hh-photo-overlay__stats{display:flex;gap:.5rem;color:#fff;font-size:var(--font-size-sm)}.hh-photo-placeholder{display:flex;align-items:center;justify-content:center;background:var(--surface-2)}.hh-photo-placeholder__icon{font-size:2rem;opacity:.5}.hh-photo-toggle{display:inline-flex;gap:.25rem;background:var(--surface-2);border-radius:var(--radius-m);padding:.25rem}.hh-photo-toggle__btn{padding:.5rem 1rem;border:none;border-radius:var(--radius-s);background:transparent;color:var(--text-muted);cursor:pointer;font-weight:500;transition:background var(--transition-fast),color var(--transition-fast)}.hh-photo-toggle__btn.is-active{background:var(--surface-1);color:var(--text-strong)}.hh-photo-breadcrumb{display:flex;align-items:center;gap:.5rem;margin-bottom:var(--spacing-lg)}.hh-photo-breadcrumb__divider{color:var(--text-muted)}.hh-photo-breadcrumb__current{color:var(--text-strong);font-weight:var(--font-weight-semibold)}.hh-album-card{overflow:hidden;cursor:pointer}.hh-album-cover{height:180px;background:var(--surface-2);display:flex;align-items:center;justify-content:center;position:relative}.hh-album-cover__icon{font-size:4rem;opacity:.5}.hh-album-info{padding:1rem}.hh-album-title{margin:0 0 .25rem;font-size:1.1rem;font-weight:600;color:var(--text-strong);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hh-album-meta{font-size:.85rem;color:var(--text-muted)}.hh-album-description{font-size:.9rem;color:var(--text-muted);margin-top:.5rem;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.hh-photo-card{overflow:hidden;cursor:pointer;aspect-ratio:1;position:relative}.hh-photo-cover{width:100%;height:100%;object-fit:cover}.hh-photo-detail{display:flex;flex-direction:column;gap:var(--spacing-md)}.hh-photo-detail__sidebar{width:350px;max-height:100%;overflow:auto}@media (max-width: 768px){.hh-photo-detail__sidebar{width:100%;max-height:50vh;border-radius:var(--radius-l) var(--radius-l) 0 0}}.hh-photo-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000e6;display:flex;align-items:center;justify-content:center;z-index:1000}.hh-photo-modal{display:flex;max-width:1200px;width:100%;height:90vh}.hh-photo-modal.is-mobile{flex-direction:column}.hh-photo-modal__media{flex:1;display:flex;align-items:center;justify-content:center;position:relative}.hh-photo-modal__media.is-mobile{min-height:40vh}.hh-photo-modal__image{max-width:100%;max-height:100%;object-fit:contain}.hh-photo-modal__close{position:absolute;top:1rem;left:1rem;background:#00000080;border:none;border-radius:var(--radius-m);color:#fff;width:40px;height:40px;font-size:1.5rem;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.hh-photo-private{position:absolute;top:.5rem;right:.5rem}@media (max-width: 768px){.hh-album-grid{grid-template-columns:1fr}.hh-photo-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 480px){.hh-photo-grid{grid-template-columns:1fr}}.hh-recipe-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--spacing-lg)}.hh-recipe-card{border:1px solid var(--border);border-radius:var(--radius-l);overflow:hidden;background:var(--surface-1);box-shadow:var(--shadow-sm);transition:transform var(--transition-med),box-shadow var(--transition-med);cursor:pointer}.hh-recipe-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-md)}.hh-recipe-card__image{height:160px;display:flex;align-items:center;justify-content:center;position:relative;background:linear-gradient(135deg,#fed7aa,#fecaca)}.hh-recipe-card__favorite{position:absolute;top:.75rem;right:.75rem;width:36px;height:36px;border-radius:50%;background:var(--surface-1);border:none;cursor:pointer;font-size:1.1rem;box-shadow:var(--shadow-sm);display:flex;align-items:center;justify-content:center}.hh-recipe-card__rating{position:absolute;bottom:.75rem;left:.75rem;background:#000000b3;color:#fff;padding:.25rem .5rem;border-radius:var(--radius-xs);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);display:inline-flex;align-items:center;gap:.25rem}.hh-recipe-card__content{padding:var(--spacing-md)}.hh-recipe-card__title{margin:0 0 var(--spacing-xs) 0;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--text-strong)}.hh-recipe-card__meta{display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm);font-size:var(--font-size-sm);color:var(--text-muted)}.hh-recipe-card__tags{display:flex;gap:var(--spacing-xs);flex-wrap:wrap;margin-bottom:var(--spacing-sm)}.hh-recipe-card__footer{display:flex;justify-content:space-between;align-items:center;padding-top:var(--spacing-sm);border-top:1px solid var(--border)}.hh-form-group{display:flex;flex-direction:column;gap:var(--spacing-xs);margin-bottom:var(--spacing-md)}.hh-form-label{font-weight:var(--font-weight-semibold);color:var(--text-strong);font-size:var(--font-size-sm)}.hh-form-help{font-size:var(--font-size-sm);color:var(--text-muted)}.hh-form-row{display:grid;gap:var(--spacing-md)}.hh-form-row--2{grid-template-columns:repeat(2,minmax(0,1fr))}.hh-form-row--3{grid-template-columns:repeat(3,minmax(0,1fr))}.hh-form-row--4{grid-template-columns:repeat(4,minmax(0,1fr))}.hh-form-inline{display:flex;gap:var(--spacing-xs);flex-wrap:wrap;align-items:center}.hh-form-actions{display:flex;gap:var(--spacing-sm);justify-content:flex-end}.hh-dropzone{border:2px dashed var(--border);border-radius:var(--radius-m);padding:var(--spacing-xl);text-align:center;cursor:pointer;background:var(--surface-2);transition:border-color var(--transition-fast),background var(--transition-fast),transform var(--transition-fast)}.hh-dropzone:hover{border-color:var(--primary);background:var(--surface-1);transform:translateY(-1px)}.hh-pill{display:inline-flex;align-items:center;gap:.35rem;padding:.3rem .6rem;border-radius:999px;background:var(--surface-2);border:1px solid var(--border);font-size:var(--font-size-xs);color:var(--text)}.hh-pill--spaced{justify-content:space-between;width:100%}.hh-scroll-list{display:flex;flex-direction:column;gap:.5rem;max-height:150px;overflow:auto}.text-warning{color:var(--warning)}.text-primary{color:var(--primary)}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.hh-note{padding:.75rem;border-radius:8px;margin-bottom:.5rem;border-left:3px solid}.hh-note--tip{background:#f0fdf4;border-color:#22c55e}.hh-note--variation{background:#f0f9ff;border-color:#3b82f6}.hh-note--substitution{background:#fefce8;border-color:#eab308}.hh-note--warning{background:#fef2f2;border-color:#ef4444}.hh-rating-card{padding:.75rem;background:var(--surface-2);border-radius:8px}.hh-rating-stars{color:var(--warning)}.hh-language-switcher{position:relative}.hh-language-trigger{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:transparent;border:1px solid rgba(255,255,255,.3);border-radius:8px;color:#fff;cursor:pointer;font-size:.9rem;transition:background var(--transition-fast)}.hh-language-trigger:hover{background:#ffffff1a}.hh-language-caret{font-size:.7rem}.hh-language-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:999}.hh-language-menu{position:absolute;top:100%;right:0;margin-top:.5rem;background:var(--surface-1);border-radius:8px;box-shadow:var(--shadow-md);z-index:1000;min-width:150px;overflow:hidden}.hh-language-option{width:100%;padding:.75rem 1rem;background:transparent;border:none;cursor:pointer;display:flex;align-items:center;gap:.75rem;font-size:.9rem;color:var(--text-strong);transition:background var(--transition-fast);text-align:left}.hh-language-option:hover{background:var(--surface-2)}.hh-language-option.is-active{background:var(--surface-3)}.hh-popover{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:var(--surface-1);padding:1.5rem;border-radius:12px;box-shadow:var(--shadow-lg);z-index:10}.hh-popover__list{display:flex;flex-direction:column;gap:.5rem}.hh-star{font-size:2rem;background:none;border:none;cursor:pointer;color:#d1d5db;transition:transform var(--transition-fast)}.hh-star.is-active{color:var(--warning)}.hh-star:hover{transform:scale(1.2)}.hh-hidden{display:none}.hh-icon-xl{font-size:2rem}.hh-icon-2xl{font-size:3rem}.flex-row{display:flex;align-items:center}.flex-between{display:flex;align-items:center;justify-content:space-between}.flex-col{display:flex;flex-direction:column}.flex-wrap{flex-wrap:wrap}.cursor-pointer{cursor:pointer}.flex-1{flex:1}.flex-2{flex:2}.w-80{width:80px}.w-90{width:90px}.w-120{width:120px}.min-w-180{min-width:180px}.min-w-40{min-width:40px}.hh-photo-comments{max-height:200px;overflow:auto}.hh-comments-list{max-height:400px;overflow:auto;margin-bottom:var(--space-6)}.hh-scroll-200{max-height:200px;overflow:auto}.hh-comment-thread{border-left:3px solid var(--primary);padding-left:var(--space-4)}.hh-comment-card{background:var(--surface-2);padding:var(--space-4);border-radius:var(--radius-s)}.hh-comment-meta{display:flex;justify-content:space-between;margin-bottom:var(--space-2)}.hh-comment-author{font-weight:600}.hh-comment-date{font-size:var(--font-xs);color:var(--text-muted)}.hh-comment-replies{margin-top:var(--space-4);padding-left:var(--space-4);border-left:2px solid var(--border)}.hh-comment-reply{margin-bottom:var(--space-3);padding:var(--space-3);background:var(--surface-1);border-radius:var(--radius-s)}.hh-comment-empty{text-align:center;padding:var(--space-6);color:var(--text-muted)}.hh-reply-banner{margin-bottom:var(--space-2);padding:var(--space-2);background:var(--primary-weak);border-radius:var(--radius-s);font-size:var(--font-sm)}.hh-photo-comment{margin-bottom:.75rem}.hh-photo-comment--reply{padding-left:1rem}.hh-photo-reply{margin-top:.5rem;padding-left:1rem;border-left:2px solid var(--border)}@media (max-width: 768px){.hh-form-row--2,.hh-form-row--3,.hh-form-row--4{grid-template-columns:1fr}}.hh-heading{margin:0;font-size:var(--font-xl);font-weight:700;color:var(--text-strong)}.hh-text-muted{color:var(--text-muted)}.hh-text-sm{font-size:var(--font-sm)}.hh-text-xs{font-size:var(--font-xs)}.text-muted{color:var(--text-muted)}.text-strong{color:var(--text-strong)}.text-danger{color:var(--danger)}.text-success{color:var(--success)}.text-white{color:#fff}.text-sm{font-size:var(--font-sm)}.text-md{font-size:var(--font-md)}.text-lg{font-size:var(--font-lg)}.text-xs{font-size:var(--font-xs)}.font-semibold{font-weight:600}.font-bold{font-weight:700}.font-mono{font-family:var(--font-family-mono)}.text-center{text-align:center}.text-left{text-align:left}.lh-relaxed{line-height:1.6}.lh-loose{line-height:1.8}.pre-wrap{white-space:pre-wrap}.break-all{word-break:break-all}.line-through{text-decoration:line-through}.opacity-60{opacity:.6}.resize-vertical{resize:vertical}.mt-0{margin-top:0}.mb-0{margin-bottom:0}.mt-xs{margin-top:var(--space-2)}.mt-sm{margin-top:var(--space-3)}.mt-md{margin-top:var(--space-4)}.mt-lg{margin-top:var(--space-5)}.mt-xl{margin-top:var(--space-6)}.mb-xs{margin-bottom:var(--space-2)}.mb-sm{margin-bottom:var(--space-3)}.mb-md{margin-bottom:var(--space-4)}.mb-lg{margin-bottom:var(--space-5)}.mb-xl{margin-bottom:var(--space-6)}.mb-xxl{margin-bottom:var(--space-8)}.ml-xs{margin-left:var(--space-2)}.ml-sm{margin-left:var(--space-3)}.ml-auto{margin-left:auto}.pt-sm{padding-top:var(--space-3)}.pl-lg{padding-left:var(--space-5)}.p-md{padding:var(--space-4)}.p-xl{padding:var(--space-6)}.gap-xs{gap:var(--space-2)}.gap-sm{gap:var(--space-3)}.gap-md{gap:var(--space-4)}.min-w-120{min-width:120px}.w-full{width:100%}.min-w-0{min-width:0}.border-t{border-top:1px solid var(--border)}.hidden{display:none}.hh-surface-box{padding:var(--space-4);background:var(--surface-2);border-radius:var(--radius-m)}.hh-surface-box--success{background:var(--success-weak);border:1px solid var(--success)}.hh-surface-box--warning{background:var(--warning-weak);border:1px solid var(--warning)}.hh-surface-box--danger{background:var(--danger-weak);border:1px solid var(--danger)}.hh-table-status{padding:var(--space-3);border-radius:var(--radius-m);background:var(--surface-2);border:1px solid var(--success);display:flex;align-items:center;gap:.5rem}.hh-table-status--missing{border-color:var(--danger)}.hh-table-status__name{font-family:var(--font-family-mono);font-size:var(--font-sm)}.hh-banner{padding:var(--space-4);border-radius:var(--radius-m);border:1px solid var(--border)}.hh-banner--warning{background:var(--warning-weak);border-color:var(--warning);color:var(--warning-strong)}.hh-banner--danger{background:var(--danger-weak);border-color:var(--danger);color:var(--danger-strong)}.hh-grid--tables{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.hh-grid{display:grid;gap:var(--space-4)}.hh-grid--stats{grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.hh-grid--cards{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.hh-tabs{display:flex;gap:.25rem;margin-bottom:var(--space-5);border-bottom:2px solid var(--border)}.hh-tab{padding:.75rem 1.5rem;background:transparent;color:var(--text-muted);border:none;border-radius:8px 8px 0 0;cursor:pointer;font-weight:500;margin-bottom:-2px;transition:background var(--transition-fast),color var(--transition-fast)}.hh-tab.is-active{background:var(--surface-1);color:var(--primary);border:2px solid var(--border);border-bottom:2px solid var(--surface-1);font-weight:600}.hh-list{margin:0;padding-left:1.25rem}.hh-skeleton--w-220{width:220px}.hh-skeleton--w-100p{width:100%}.hh-skeleton--w-80p{width:80%}.hh-skeleton--w-70p{width:70%}.hh-skeleton--w-60p{width:60%}.hh-skeleton--w-50p{width:50%}.hh-skeleton--w-40p{width:40%}.hh-skeleton--w-35p{width:35%}.hh-skeleton--w-30p{width:30%}.hh-skeleton--h-12{height:12px}.hh-skeleton--h-14{height:14px}.hh-skeleton--h-18{height:18px}.hh-skeleton--h-20{height:20px}.hh-skeleton--h-24{height:24px}.hh-skeleton--h-28{height:28px}.hh-skeleton--h-36{height:36px}.hh-skeleton--radius-10{border-radius:10px}@media (max-width: 700px){.hh-grid--stats{grid-template-columns:repeat(2,minmax(0,1fr))}}.stat-card{background:var(--surface-1);border:1px solid var(--border);border-radius:var(--radius-l);padding:var(--space-4);box-shadow:var(--shadow-sm);cursor:default;transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.stat-card.is-clickable{cursor:pointer}.stat-card.is-clickable:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.stat-card__label{font-size:var(--font-xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;margin-bottom:var(--space-1)}.stat-card__value{font-size:var(--font-2xl);font-weight:700;color:var(--text-strong)}.stat-card--danger{border-color:#ef444459}.stat-card--warning{border-color:#f59e0b59}.stat-card--danger .stat-card__value{color:var(--danger)}.stat-card--warning .stat-card__value{color:var(--warning)}.hh-card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:var(--space-4)}@media (max-width: 900px){.hh-card-grid{grid-template-columns:1fr}}.hh-list-card{display:block;padding:var(--space-4);border-radius:var(--radius-l);border:1px solid var(--border);text-decoration:none;color:inherit;background:var(--surface-1);box-shadow:var(--shadow-sm);transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.hh-list-panel{padding:1.5rem;border-radius:16px;box-shadow:var(--shadow-sm);border:1px solid rgba(0,0,0,.1);min-height:200px;display:flex;flex-direction:column;gap:1rem;transition:transform var(--transition-fast),box-shadow var(--transition-fast);position:relative}.hh-list-panel:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.hh-list-panel--pinned{border:2px solid #fbbf24}.hh-list-panel--c-ffffff{background:#fff}.hh-list-panel--c-f28b82{background:#f28b82}.hh-list-panel--c-fbbc04{background:#fbbc04}.hh-list-panel--c-fff475{background:#fff475}.hh-list-panel--c-ccff90{background:#ccff90}.hh-list-panel--c-a7ffeb{background:#a7ffeb}.hh-list-panel--c-cbf0f8{background:#cbf0f8}.hh-list-panel--c-aecbfa{background:#aecbfa}.hh-list-panel--c-d7aefb{background:#d7aefb}.hh-list-panel--c-fdcfe8{background:#fdcfe8}.hh-list-panel--c-e6c9a8{background:#e6c9a8}.hh-list-panel--c-e8eaed{background:#e8eaed}.hh-list-panel__pin{position:absolute;top:.75rem;right:.75rem;font-size:1.2rem}.hh-list-card__header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-2);margin-bottom:var(--space-2)}.hh-dropdown{position:relative;display:inline-block}.hh-dropdown__trigger{cursor:pointer}.hh-dropdown__menu{position:absolute;top:100%;z-index:1000;min-width:160px;padding:var(--space-2) 0;margin-top:4px;background:var(--surface-1);border:1px solid var(--border);border-radius:var(--radius-m);box-shadow:var(--shadow-lg)}.hh-dropdown__menu--right{right:0}.hh-dropdown__menu--left{left:0}.hh-dropdown__item{display:flex;align-items:center;width:100%;padding:var(--space-2) var(--space-4);background:none;border:none;font-size:var(--font-sm);color:var(--text-strong);text-align:left;cursor:pointer;transition:background var(--transition-fast);gap:var(--space-2)}.hh-dropdown__item:hover{background:var(--surface-2)}.hh-dropdown__item.is-destructive{color:var(--danger)}.hh-dropdown__item.is-destructive:hover{background:var(--danger-weak)}.hh-dropdown__icon,.hh-list-card__icon{font-size:1.1rem}.hh-list-card__title{margin:0;font-size:var(--font-sm);font-weight:600;color:var(--text-strong);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hh-clamp-2{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.hh-list-card__meta{display:flex;align-items:center;justify-content:space-between;font-size:var(--font-xs);color:var(--text-muted)}.hh-list-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.hh-link{font-size:var(--font-sm);color:var(--primary);text-decoration:none;font-weight:600}.hh-link:hover{color:var(--primary-strong)}.hh-activity-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);border-radius:var(--radius-m);background:var(--surface-2);border:1px solid var(--border);text-decoration:none;color:inherit;transition:transform var(--transition-fast),background-color var(--transition-fast)}.hh-activity-icon{font-size:1.5rem}.hh-activity-body{flex:1;min-width:0}.hh-activity-title{font-weight:600;margin-bottom:.25rem}.hh-activity-title--read{font-weight:400}.hh-activity-meta{display:flex;align-items:center;justify-content:space-between}.hh-result-card{padding:var(--space-3);background:var(--surface-1);border-radius:var(--radius-s);border:1px solid var(--border)}.hh-result-card--success{border-color:var(--success)}.hh-result-card--danger{border-color:var(--danger)}.hh-chat{display:flex;height:calc(100vh - 180px);background:var(--surface-2);border-radius:var(--radius-l);overflow:hidden;box-shadow:var(--shadow-sm)}.hh-chat__sidebar{width:320px;border-right:1px solid var(--border);background:var(--surface-1);display:flex;flex-direction:column}.hh-chat__sidebar-header{padding:1.5rem;border-bottom:1px solid var(--border);background:var(--gradient-primary)}.hh-chat__sidebar-title{margin:0;color:#fff;font-size:1.25rem;font-weight:700}.hh-chat__list{flex:1;overflow:auto}.hh-chat__item{padding:1rem 1.25rem;border-bottom:1px solid var(--border);cursor:pointer;background:var(--surface-1);transition:background var(--transition-fast)}.hh-chat__item.is-active,.hh-chat__item:hover{background:var(--surface-2)}.hh-chat__item-content{display:flex;gap:.75rem;align-items:flex-start}.hh-chat__avatar{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.25rem;flex-shrink:0}.hh-chat__avatar--sm{width:40px;height:40px;font-size:1.1rem}.hh-chat__avatar--group{background:linear-gradient(135deg,#a855f7,#6366f1)}.hh-chat__avatar--direct{background:linear-gradient(135deg,#3b82f6,#06b6d4)}.hh-chat__item-title{font-weight:600;color:var(--text-strong);font-size:.95rem}.hh-chat__item-time{font-size:.75rem;color:var(--text-muted)}.hh-chat__item-preview{display:flex;justify-content:space-between;align-items:center;gap:.5rem;font-size:.85rem;color:var(--text-muted)}.hh-chat__panel{flex:1;display:flex;flex-direction:column;background:var(--surface-2)}.hh-chat__panel-header{padding:1.25rem 1.5rem;border-bottom:1px solid var(--border);background:var(--surface-1);display:flex;align-items:center;justify-content:space-between;gap:1rem}.hh-chat__panel-title{margin:0;font-size:1.1rem;font-weight:600;color:var(--text-strong)}.hh-chat__messages{flex:1;overflow:auto;padding:1.5rem;display:flex;flex-direction:column;gap:1rem}.hh-chat__messages-empty{text-align:center;color:var(--text-muted);padding:2rem}.hh-chat__message{display:flex;flex-direction:column}.hh-chat__message--own{align-items:flex-end}.hh-chat__message--other{align-items:flex-start}.hh-chat__reply{font-size:.75rem;color:var(--text-muted);margin-bottom:.25rem;padding:.25rem .5rem;background:var(--surface-2);border-radius:var(--radius-xs);max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hh-chat__bubble-row{display:flex;gap:.5rem;align-items:flex-end;max-width:70%}.hh-chat__bubble-row--own{flex-direction:row-reverse}.hh-chat__avatar-sm{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,#94a3b8,#64748b);display:flex;align-items:center;justify-content:center;font-size:.75rem;color:#fff;font-weight:600;flex-shrink:0}.hh-chat__bubble{display:flex;flex-direction:column;gap:.25rem;padding:.75rem 1rem;border-radius:16px;box-shadow:var(--shadow-sm);cursor:pointer;background:var(--surface-1);border:1px solid var(--border)}.hh-chat__bubble--own{background:var(--gradient-primary);color:#fff;border-color:transparent;border-radius:16px 16px 4px}.hh-chat__bubble--other{color:var(--text-strong);border-radius:16px 16px 16px 4px}.hh-chat__bubble-text{margin:0;font-size:.95rem;white-space:pre-wrap;word-break:break-word}.hh-chat__edited{font-size:.65rem;opacity:.7;display:block;margin-top:.25rem}.hh-chat__edit-row{display:flex;gap:.5rem}.hh-chat__edit-input{flex:1}.hh-chat__edit-cancel{padding:.5rem}.hh-chat__meta{display:flex;align-items:center;gap:.5rem}.hh-chat__meta--own{justify-content:flex-end;margin-right:.5rem}.hh-chat__meta--other{justify-content:flex-start;margin-left:.5rem}.hh-chat__actions{display:flex;gap:.25rem}.hh-chat__action-btn{background:none;border:none;cursor:pointer;padding:.125rem;font-size:.8rem;opacity:.5;transition:opacity .15s}.hh-chat__action-btn:hover{opacity:1}.hh-chat__reactions{display:flex;gap:.25rem;margin-top:.25rem;flex-wrap:wrap}.hh-chat__reaction{background:var(--surface-2);padding:.125rem .375rem;border-radius:999px;font-size:.75rem}.hh-chat__empty{flex:1;display:flex;align-items:center;justify-content:center;flex-direction:column;color:var(--text-muted)}.hh-chat__composer{padding:1rem 1.5rem;border-top:1px solid var(--border);background:var(--surface-1)}.hh-chat__textarea{flex:1;resize:none;max-height:120px;min-height:44px}.hh-chat__reply-banner{padding:.5rem 1.5rem;background:var(--surface-2);border-top:1px solid var(--border);display:flex;justify-content:space-between;align-items:center}.hh-choice-group{display:flex;gap:.75rem}.hh-choice-btn{flex:1;padding:1rem;border:none;border-radius:.75rem;cursor:pointer;font-weight:600;font-size:.9rem;background:var(--surface-2);color:var(--text-muted)}.hh-choice-btn.is-active{background:var(--gradient-primary);color:#fff}.hh-gradient-text{background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.hh-member-list{display:flex;flex-direction:column;gap:.5rem;max-height:200px;overflow:auto;padding:.5rem;background:var(--surface-2);border-radius:.75rem}.hh-member-option{display:flex;align-items:center;gap:.75rem;cursor:pointer;padding:.75rem;background:var(--surface-1);border-radius:.5rem;transition:background var(--transition-fast)}.hh-member-option.is-selected{background:var(--primary-weak)}.hh-member-avatar{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,#94a3b8,#64748b);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:.9rem}.hh-member-name{font-weight:600;color:var(--text-strong)}.hh-member-role{font-size:.8rem;color:var(--text-muted)}.hh-reminder-pill{padding:.25rem .75rem;border-radius:6px;background:#fef3c7;color:#92400e;font-size:.85rem;font-weight:500;display:flex;align-items:center;gap:.25rem}.hh-filter-pill{padding:.5rem 1rem;border-radius:8px;border:1px solid var(--border);background:var(--surface-1);color:var(--text-muted);font-size:.85rem;display:inline-flex;align-items:center;gap:.5rem;cursor:pointer;transition:background var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast)}.hh-filter-pill.is-active{border-color:#fbbf24;background:#fef3c7;color:#92400e;font-weight:600}.hh-tasks-hero{background:var(--gradient-primary);color:#fff;padding:1.5rem;border-radius:18px;box-shadow:0 12px 30px #0f172a2e;margin-bottom:1.5rem}.hh-tasks-hero__subtitle{opacity:.85;font-size:.9rem}.hh-tasks-hero__title{margin-top:.3rem;font-size:1.85rem}.hh-toggle-btn{padding:.55rem 1rem;border-radius:8px;border:1px solid rgba(255,255,255,.25);background:#ffffff1f;color:#fff;cursor:pointer;font-size:.9rem;text-transform:capitalize}.hh-toggle-btn.is-active{background:#ffffff4d;font-weight:600}.hh-tasks-settings-btn{padding:.55rem .9rem;border-radius:8px;border:1px solid rgba(255,255,255,.35);background:#ffffff1f;color:#fff;cursor:pointer;font-weight:600;font-size:.9rem}.hh-tasks-metric{text-align:right}.hh-tasks-metric__label{opacity:.85;font-size:.85rem}.hh-tasks-metric__value{font-size:1.25rem;font-weight:700}.hh-tasks-settings{background-color:var(--surface-1);border-radius:16px;padding:1.25rem;box-shadow:0 10px 30px #0f172a14;margin-bottom:1.25rem}.hh-tasks-settings__header{display:flex;justify-content:space-between;gap:1rem;align-items:center;margin-bottom:1rem;flex-wrap:wrap}.hh-tasks-settings__title{margin:0;font-size:1rem;color:var(--text-strong)}.hh-tasks-settings__subtitle{margin:.25rem 0 0;color:var(--text-muted);font-size:.9rem}.hh-tasks-settings__reset{padding:.55rem .9rem;border-radius:10px;border:1px solid var(--border);background:var(--surface-2);color:var(--text-strong);cursor:pointer}.hh-tasks-settings__list{display:flex;flex-direction:column;gap:.5rem;margin-bottom:.25rem}.hh-tasks-settings__row{display:grid;grid-template-columns:1fr auto auto auto;align-items:center;gap:.5rem;padding:.5rem 0}.hh-tasks-settings__row+.hh-tasks-settings__row{border-top:1px solid var(--border)}.hh-tasks-settings__label{display:flex;flex-direction:column;gap:.2rem}.hh-tasks-settings__label-text{font-size:.85rem;color:var(--text-muted)}.hh-tasks-settings__input{padding:.5rem .65rem;border-radius:10px;border:1px solid var(--border);background:var(--surface-2)}.hh-tasks-settings__toggle{display:flex;align-items:center;gap:.4rem;color:var(--text);font-size:.9rem}.hh-tasks-settings__actions{display:flex;gap:.35rem}.hh-tasks-settings__move{padding:.45rem .65rem;border-radius:10px;border:1px solid var(--border);background:var(--surface-1);color:var(--text-strong)}.hh-tasks-settings__move:disabled{cursor:not-allowed;opacity:.5}.hh-tasks-field{display:flex;flex-direction:column;gap:.35rem}.hh-tasks-label{font-size:.85rem;color:var(--text-muted)}.hh-tasks-input{padding:.65rem .75rem;border-radius:10px;border:1px solid var(--border);background:var(--surface-2)}.hh-tasks-panel{background-color:var(--surface-1);border-radius:16px;padding:1.25rem;box-shadow:0 10px 30px #0f172a14;margin-bottom:1.25rem}.hh-tasks-panel--actions{display:flex;gap:1rem;align-items:center}.hh-tasks-primary-action{flex:1;padding:.8rem 1.1rem;border-radius:12px;border:none;background:var(--primary);color:#fff;font-weight:700;font-size:1.05rem;cursor:pointer;box-shadow:0 6px 20px #3f7f5640;transition:all .2s ease}.hh-settings-btn{padding:.8rem 1.25rem;border-radius:12px;border:1px solid var(--border);background:var(--surface-2);color:var(--text-strong);font-weight:600;cursor:pointer;transition:all .2s ease;white-space:nowrap}.hh-settings-btn:hover{background:var(--surface-3);border-color:var(--text-muted)}.hh-task-column{background-color:var(--surface-1);border-radius:16px;padding:1rem;box-shadow:0 10px 30px #0f172a0f;border:1px solid var(--border)}.hh-task-column__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.hh-task-column__title{margin:0;text-transform:capitalize;font-size:1.1rem;color:var(--text-strong)}.hh-task-column__count{margin:.25rem 0 0;color:var(--text-muted);font-size:.9rem}.hh-task-column__dot{width:10px;height:10px;border-radius:50%;flex-shrink:0;display:inline-block}.hh-task-column--open .hh-task-column__dot{background-color:var(--primary)}.hh-task-column--in_progress .hh-task-column__dot{background-color:var(--warning)}.hh-task-column--done .hh-task-column__dot{background-color:var(--success)}.hh-task-column__list{display:flex;flex-direction:column;gap:.65rem}.hh-task-column__empty{border:1px dashed var(--border);border-radius:12px;padding:.85rem;text-align:center;color:var(--text-muted);background:var(--surface-2)}.hh-task-card{background-color:var(--surface-1);border-radius:14px;padding:.85rem;border:1px solid var(--border)}.hh-task-card__header{display:flex;flex-direction:row-reverse;justify-content:space-between;align-items:flex-start;gap:var(--space-2)}.hh-task-card__title-row{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap}.hh-task-card__title{margin:0;color:var(--text-strong)}.hh-task-badge{padding:.2rem .55rem;border-radius:999px;font-size:.75rem;font-weight:600}.hh-task-badge--priority-low{border:1px solid rgba(63,127,86,.25);background:var(--accent-soft);color:var(--primary-strong)}.hh-task-badge--priority-medium{border:1px solid rgba(134,184,137,.35);background:var(--accent-weak);color:var(--primary-strong)}.hh-task-badge--priority-high{border:1px solid rgba(239,68,68,.35);background:var(--danger-weak);color:var(--danger)}.hh-task-badge--recurring{border:1px solid rgba(63,127,86,.25);background:var(--primary-weak);color:var(--primary-strong)}.hh-task-badge--instance{border:1px solid var(--border);background:var(--surface-2);color:var(--text-muted)}.hh-task-assignee{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.hh-task-assignee__label{font-size:.82rem;color:var(--text-muted)}.hh-task-select{padding:.35rem .5rem;border-radius:10px;border:1px solid var(--border);background:var(--surface-1)}.hh-task-action{padding:.35rem .75rem;border-radius:10px;border:none;color:#fff;font-size:.85rem;cursor:pointer;box-shadow:0 6px 16px #3f7f5640}.hh-task-action--open{background:var(--primary)}.hh-task-action--in_progress{background:var(--warning)}.hh-task-action--done{background:var(--success)}.hh-task-card__actions{display:flex;gap:.5rem;align-items:center}.hh-task-icon-btn{background:none;border:none;cursor:pointer;font-size:.85rem}.hh-task-delete-btn{background:none;border:none;color:var(--danger);cursor:pointer;font-size:1.1rem;line-height:1}.hh-task-meta-row{display:flex;gap:.5rem;align-items:center;margin-top:.65rem;justify-content:space-between}.hh-task-meta-badges{display:flex;gap:.5rem;align-items:center}.hh-task-status-badge{padding:.2rem .55rem;border-radius:8px;font-size:.78rem;font-weight:600}.hh-task-status-badge--open{background-color:var(--primary-weak);color:var(--primary-strong);border:1px solid rgba(63,127,86,.25)}.hh-task-status-badge--in_progress{background-color:#f59e0b2e;color:var(--warning);border:1px solid rgba(245,158,11,.3)}.hh-task-status-badge--done{background-color:#22c55e2e;color:var(--success);border:1px solid rgba(34,197,94,.3)}.hh-task-due-badge{padding:.2rem .55rem;border-radius:8px;background-color:#f59e0b2e;color:#8a5a12;border:1px solid rgba(245,158,11,.35);font-size:.78rem;font-weight:600}.hh-chores-section{margin-top:0}.hh-chores-section.is-offset{margin-top:2rem}.hh-chores-title{margin-bottom:1rem;font-size:1.5rem;color:var(--text-strong)}.hh-chores-panel{background-color:var(--surface-1);border-radius:16px;padding:1.25rem;box-shadow:0 10px 30px #0f172a14;margin-bottom:1.25rem}.hh-chores-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1rem}.hh-chores-empty{text-align:center;padding:3rem 2rem;background:var(--surface-2);border-radius:16px;border:2px dashed var(--border)}.hh-chores-empty__icon{font-size:2.5rem;margin-bottom:1rem}.hh-chores-empty__title{font-size:1.1rem;font-weight:600;color:var(--text-muted);margin-bottom:.5rem}.hh-chores-empty__subtitle{color:var(--text-muted)}.hh-chore-card{background:#fff;border-radius:12px;padding:1rem;box-shadow:0 2px 8px #00000014;border:1px solid #e2e8f0;cursor:pointer;transition:transform .2s,box-shadow .2s;display:flex;flex-direction:column}.hh-chore-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001f}.hh-chore-card__header{display:flex;justify-content:space-between;align-items:start;margin-bottom:.75rem}.hh-chore-card__title{margin:0 0 .25rem;font-size:1rem;font-weight:700;color:#0f172a;line-height:1.3}.hh-chore-card__desc{margin:0 0 .5rem;color:#64748b;font-size:.8rem;line-height:1.4;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.hh-chore-card__badges{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap;margin-bottom:.5rem}.hh-chore-badge{padding:.2rem .5rem;border-radius:4px;font-size:.75rem;font-weight:600}.hh-chore-badge--freq{background:#e0f2fe;color:#0369a1}.hh-chore-badge--overdue{background:#fef2f2;color:#dc2626}.hh-chore-assignees{margin-top:.5rem}.hh-chore-assignees__label{font-size:.75rem;color:#64748b;margin-bottom:.25rem;font-weight:500}.hh-chore-assignees__list{display:flex;flex-wrap:wrap;gap:.25rem}.hh-chore-assignee{padding:.15rem .5rem;border-radius:12px;background:#f1f5f9;color:#475569;font-size:.75rem;font-weight:500}.hh-chore-assignees__empty{font-size:.75rem;color:#94a3b8;font-style:italic;margin-top:.5rem}.hh-chore-rotation{margin-top:.75rem;padding:.5rem;background:#f0f9ff;border-radius:6px;border:1px solid #bae6fd}.hh-chore-rotation__title{font-size:.75rem;color:#0369a1;font-weight:600;margin-bottom:.25rem}.hh-chore-rotation__date{font-size:.75rem;color:#0c4a6e}.hh-chore-recent{margin-top:.75rem}.hh-chore-recent__title{font-size:.7rem;color:#94a3b8;margin-bottom:.25rem;font-weight:500}.hh-chore-recent__list{display:flex;flex-direction:column;gap:.25rem}.hh-chore-recent__item{font-size:.7rem;color:#64748b;display:flex;align-items:center;gap:.25rem}.hh-chore-recent__muted{color:#94a3b8}.hh-chore-actions{display:flex;gap:.25rem;align-items:center;flex-shrink:0}.hh-chore-delete{padding:.35rem;background:transparent;color:#ef4444;border:none;border-radius:4px;cursor:pointer;font-size:1rem;display:flex;align-items:center;justify-content:center;width:24px;height:24px}.hh-dialog{border:none;padding:0;max-width:500px;width:90%;max-height:90vh;overflow:auto}.hh-dialog--sm{max-width:400px}.hh-dialog__panel{background:#fff;border-radius:.5rem;padding:2rem;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;min-height:fit-content}.hh-form-stack{display:flex;flex-direction:column;gap:1rem}.hh-inline-row{display:flex;gap:.5rem;align-items:center}.hh-help-text{font-size:.875rem;color:#6b7280}.hh-rotation-list{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:.75rem}.hh-rotation-chip{padding:.5rem .75rem;border-radius:.5rem;border:1px solid #d1d5db;background:#fff;cursor:pointer;font-weight:400;display:flex;align-items:center;gap:.25rem}.hh-rotation-chip.is-selected{border:2px solid #6366f1;background:#eef2ff;font-weight:600}.hh-rotation-chip__index{color:#6366f1}.hh-rotation-order{background:#f8fafc;border-radius:.5rem;padding:.75rem;border:1px solid #e2e8f0}.hh-rotation-order__title{font-size:.875rem;color:#0f172a;font-weight:600;margin-bottom:.5rem}.hh-rotation-order__item{display:flex;align-items:center;gap:.5rem;padding:.5rem;background:#fff;border-radius:.375rem;margin-bottom:.25rem}.hh-rotation-order__index{font-weight:600;color:#6366f1;min-width:2rem}.hh-rotation-order__name{flex:1;font-size:.875rem}.hh-rotation-order__actions{display:flex;gap:.25rem}.hh-input--compact{width:80px}.hh-modal-title{margin-top:0;margin-bottom:1.5rem}.hh-modal-actions{display:flex;gap:1rem;margin-top:1rem}.hh-modal-actions--end{justify-content:flex-end}.hh-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.text-required{color:#ef4444}.hh-textarea--md{min-height:80px}.hh-help-page{max-width:1200px;margin:0 auto;padding:1.5rem}.hh-help-header{margin-bottom:2rem}.hh-help-title{margin:0 0 .5rem;font-size:1.75rem;font-weight:700;color:var(--text)}.hh-help-subtitle{margin:0;color:var(--text-secondary)}.hh-help-layout{display:flex;gap:2rem;align-items:flex-start}.hh-help-sidebar{width:220px;flex-shrink:0;position:sticky;top:80px}.hh-help-nav{background:var(--surface-1);border-radius:12px;padding:.5rem;border:1px solid var(--border)}.hh-help-nav-btn{width:100%;padding:.75rem 1rem;background:transparent;color:var(--text);border:none;border-radius:8px;text-align:left;cursor:pointer;display:flex;align-items:center;gap:.75rem;font-size:.9rem;font-weight:400;transition:all .2s}.hh-help-nav-btn.is-active{background:var(--primary);color:#fff;font-weight:600}.hh-help-content{flex:1;min-width:0}.hh-help-section-title{margin:0 0 1rem;font-size:1.5rem;font-weight:700;color:var(--text)}.hh-help-section-subtitle{margin:0 0 1rem;font-size:1.2rem;font-weight:600;color:var(--text)}.hh-help-text{color:var(--text-secondary);line-height:1.7;margin-bottom:2rem;font-size:1.05rem}.hh-help-text--md{color:var(--text-secondary);line-height:1.6;margin:0 0 1rem}.hh-help-card{background:var(--surface-1);border-radius:12px;padding:1.5rem;border:1px solid var(--border);margin-bottom:1rem}.hh-help-card__header{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}.hh-help-card__icon{font-size:1.5rem}.hh-help-card__title{margin:0;font-size:1.1rem;font-weight:600;color:var(--text)}.hh-help-card__desc{color:var(--text-secondary);line-height:1.6;margin:0 0 1rem}.hh-help-card__subhead{margin:0 0 .5rem;font-size:.9rem;font-weight:600;color:var(--text)}.hh-help-card__list{margin:0;padding-left:1.25rem;color:var(--text-secondary)}.hh-help-card__list-item{margin-bottom:.5rem;line-height:1.5}.hh-help-tip{background:var(--surface-2);border-radius:8px;padding:.75rem 1rem;border-left:3px solid var(--primary)}.hh-help-tip__title{margin:0 0 .5rem;font-size:.85rem;font-weight:600;color:var(--primary)}.hh-help-tip__list{margin:0;padding-left:1.25rem;color:var(--text-secondary);font-size:.9rem}.hh-help-tip__item{margin-bottom:.25rem}.hh-help-link{display:inline-flex;align-items:center;gap:.5rem;margin-top:1rem;color:var(--primary);text-decoration:none;font-weight:500;font-size:.9rem}.hh-help-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem;margin-bottom:2rem}.hh-help-grid-card{background:var(--surface-1);border-radius:12px;padding:1.25rem;border:1px solid var(--border);cursor:pointer;transition:transform .2s,box-shadow .2s}.hh-help-grid-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.hh-help-grid-card__icon{font-size:2rem;margin-bottom:.75rem}.hh-help-grid-card__title{margin:0 0 .5rem;font-weight:600;color:var(--text)}.hh-help-grid-card__desc{margin:0;color:var(--text-secondary);font-size:.9rem;line-height:1.5}.hh-help-cta{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;padding:1.5rem;color:#fff}.hh-help-cta__title{margin:0 0 .75rem;font-weight:600}.hh-help-cta__desc{margin:0 0 1rem;opacity:.9}.hh-help-cta__btn{background:#fff;color:#667eea;border:none;padding:.75rem 1.5rem;border-radius:8px;font-weight:600;cursor:pointer}.hh-help-step{display:flex;gap:1rem;margin-bottom:1.5rem;padding:1.25rem;background:var(--surface-1);border-radius:12px;border:1px solid var(--border)}.hh-help-step.is-done{background:var(--surface-2);opacity:.7}.hh-help-step__badge{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;font-size:1.25rem;flex-shrink:0;color:#fff;font-weight:700}.hh-help-step__badge.is-done{background:#10b981}.hh-help-step__body{flex:1}.hh-help-step__title{margin:0 0 .5rem;font-weight:600;color:var(--text);display:flex;align-items:center;gap:.5rem}.hh-help-step__desc{margin:0;color:var(--text-secondary);line-height:1.6}.hh-help-step__action{display:inline-block;margin-top:.75rem;padding:.5rem 1rem;background:var(--primary);color:#fff;border-radius:6px;text-decoration:none;font-size:.9rem;font-weight:500}.hh-faq-list{display:flex;flex-direction:column;gap:.5rem}.hh-faq-item{background:var(--surface-1);border-radius:12px;border:1px solid var(--border);overflow:hidden}.hh-faq-button{width:100%;padding:1rem 1.25rem;background:none;border:none;text-align:left;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:1rem}.hh-faq-question{font-weight:600;color:var(--text);line-height:1.4}.hh-faq-icon{font-size:1.25rem;color:var(--text-secondary);transition:transform .2s;flex-shrink:0}.hh-faq-icon.is-expanded{transform:rotate(180deg)}.hh-faq-answer{padding:1rem 1.25rem;color:var(--text-secondary);line-height:1.6;border-top:1px solid var(--border);margin-top:-1px}.hh-help-cta-card{margin-top:2rem;padding:1.5rem;background:var(--surface-2);border-radius:12px;text-align:center}.hh-help-cta-card__title{margin:0 0 .5rem;color:var(--text)}.hh-help-cta-card__desc{margin:0 0 1rem;color:var(--text-secondary)}.hh-page-loading{display:flex;justify-content:center;align-items:center;min-height:400px}.hh-account-page{max-width:600px;margin:0 auto}.hh-account-hero{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:2rem;border-radius:18px;box-shadow:0 12px 30px #0f172a2e;margin-bottom:2rem}.hh-account-hero__title{margin:0;font-size:2rem;font-weight:700}.hh-account-hero__subtitle{margin:.5rem 0 0;opacity:.9;font-size:.95rem}.hh-account-card{background-color:#fff;border-radius:16px;padding:2rem;box-shadow:0 10px 30px #0f172a14}.hh-account-section{margin-top:2.5rem;padding-top:2.5rem;border-top:2px solid #e2e8f0}.hh-account-section__title{margin:0 0 1.5rem;font-size:1.25rem;font-weight:600;color:#0f172a}.hh-account-help{margin:.5rem 0 0;color:#64748b;font-size:.85rem}.hh-account-help--md{margin:0 0 1rem;color:#64748b;font-size:.9rem}.hh-input--disabled{background-color:#f8fafc;color:#64748b;cursor:not-allowed}.hh-backoffice-page{min-height:60vh;background:var(--surface-1)}.hh-backoffice-search{max-width:320px}.hh-btn--block{width:100%}.hh-gamification-card{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:16px;padding:24px;box-shadow:0 10px 30px #667eea4d;color:#fff}.hh-households-page{padding:1.5rem 1.25rem;max-width:1200px;margin:0 auto}.hh-households-loading{display:flex;flex-direction:column;gap:1rem}.hh-households-hero{background:linear-gradient(135deg,#0ea5e9,#6366f1);color:#fff;padding:1.5rem;border-radius:18px;box-shadow:0 12px 30px #0f172a2e;margin-bottom:1.5rem}.hh-households-hero__title{margin:0;font-size:1.85rem}.hh-households-hero__subtitle{margin-top:.5rem;opacity:.85;font-size:.9rem}.hh-households-hero__actions{display:flex;gap:1rem;align-items:center}.hh-households-hero__active{text-align:right}.hh-households-hero__active-label{opacity:.85;font-size:.85rem}.hh-households-hero__active-name{font-size:1.25rem;font-weight:700}.hh-alert{margin-bottom:1.25rem;padding:.85rem 1rem;border-radius:12px;display:flex;align-items:center;gap:.5rem;font-size:.95rem}.hh-alert--success{background-color:#dcfce7;color:#166534;border:1px solid #bbf7d0}.hh-alert--error{background-color:#fef2f2;color:#b91c1c;border:1px solid #fecaca}.hh-households-panel{background-color:#fff;border-radius:16px;padding:1.25rem;box-shadow:0 10px 30px #0f172a14;margin-bottom:1.25rem}.hh-households-panel__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.hh-households-panel__title{margin:0;font-size:1.25rem;color:#0f172a}.hh-households-panel__count{font-size:.85rem;color:#64748b}.hh-households-empty{border:1px dashed #cbd5e1;border-radius:12px;padding:2rem;text-align:center;color:#94a3b8;background:#f8fafc}.hh-households-empty__title{margin:0 0 .5rem;font-size:1rem;font-weight:500}.hh-households-empty__subtitle{margin:0;font-size:.9rem;color:#64748b}.hh-households-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:1rem}.hh-household-card{background-color:#f8fafc;border-radius:14px;padding:1.25rem;border:2px solid #e2e8f0;transition:all .2s ease;cursor:pointer}.hh-household-card:hover{background-color:#f1f5f9;box-shadow:0 4px 12px #00000014}.hh-household-card.is-active{background-color:#f0f9ff;border-color:#0ea5e9}.hh-household-card.is-active:hover{background-color:#e0f2fe}.hh-household-card__header{display:flex;justify-content:space-between;align-items:start;margin-bottom:.75rem}.hh-household-card__title{margin:0;font-size:1.1rem;color:#0f172a;flex:1}.hh-household-card__title-row{display:flex;align-items:center;gap:.5rem;margin-bottom:.25rem}.hh-household-card__actions{display:flex;gap:.35rem}.hh-household-card__meta{display:flex;gap:.5rem;align-items:center;margin-top:.5rem}.hh-household-badge{padding:.2rem .55rem;border-radius:8px;font-size:.75rem;font-weight:600;border:1px solid transparent}.hh-household-badge--members{background-color:#e0f2fe;color:#0369a1;border-color:#bae6fd}.hh-household-badge--active{background-color:#dcfce7;color:#166534;border-color:#bbf7d0}.hh-household-settings{margin-top:.75rem}.hh-household-settings__label{font-size:.8rem;color:#64748b;margin-bottom:.35rem}.hh-household-select{width:100%;padding:.5rem;border-radius:10px;border:1px solid #e2e8f0;background:#fff;color:#0f172a;font-size:.9rem}.hh-household-select.is-disabled{background:#f8fafc}.hh-household-members{margin-top:.75rem;padding-top:.75rem;border-top:1px solid #e2e8f0}.hh-household-members__label{font-size:.85rem;color:#64748b;margin-bottom:.5rem}.hh-household-members__list{display:flex;flex-direction:column;gap:.4rem}.hh-household-member{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.hh-household-member__info{display:flex;align-items:center;gap:.5rem;flex:1}.hh-role-badge{padding:.15rem .45rem;border-radius:6px;font-size:.7rem;font-weight:600;text-transform:capitalize;border:1px solid transparent}.hh-role-badge--owner{background-color:#fef3c7;color:#92400e;border-color:#fde68a}.hh-role-badge--adult{background-color:#dbeafe;color:#1e40af;border-color:#93c5fd}.hh-role-badge--child{background-color:#fce7f3;color:#9f1239;border-color:#f9a8d4}.hh-role-badge--guest{background-color:#f3f4f6;color:#374151;border-color:#d1d5db}.hh-household-member__name{font-size:.85rem;color:#475569}.hh-household-member__you{font-size:.75rem;color:#94a3b8;font-style:italic}.hh-household-action-btn{padding:.35rem .5rem;border-radius:8px;border:1px solid #e2e8f0;background:#fff;color:#64748b;cursor:pointer;font-size:.85rem;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.hh-household-action-btn:hover{background:#f1f5f9;color:#0f172a}.hh-household-action-btn--danger{border-color:#fee2e2;color:#dc2626}.hh-household-action-btn--danger:hover{background:#fef2f2;color:#b91c1c;border-color:#fecaca}.hh-household-action-btn.is-disabled{cursor:not-allowed;opacity:.5}.hh-household-remove-btn{padding:.25rem .4rem;border-radius:6px;border:1px solid #fee2e2;background:#fff;color:#dc2626;cursor:pointer;font-size:.75rem;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.hh-household-remove-btn:hover{background:#fef2f2;color:#b91c1c}.hh-household-edit-row{display:flex;gap:.5rem;align-items:center;margin-bottom:.25rem}.hh-household-edit-input{flex:1;padding:.5rem .65rem;border-radius:10px;border:1px solid #e2e8f0;background:#fff;font-size:1.1rem;font-weight:600}.hh-household-edit-btn{padding:.5rem .75rem;border-radius:10px;border:none;cursor:pointer;font-weight:600;color:#fff}.hh-household-edit-btn--save{background:linear-gradient(135deg,#22c55e,#16a34a);box-shadow:0 4px 12px #22c55e4d}.hh-household-edit-btn--cancel{background:#fff;color:#64748b;border:1px solid #e2e8f0}.hh-household-form{display:flex;gap:.75rem;align-items:end}.hh-household-form__field{flex:1;display:flex;flex-direction:column;gap:.35rem}.hh-household-form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr));gap:.75rem}.hh-household-form-label{font-size:.85rem;color:#475569;font-weight:500}.hh-household-form-help{font-size:.75rem;color:#ef4444;margin-top:-.25rem}.hh-household-form-hint{margin-left:.25rem;font-size:.75rem;color:#94a3b8}.hh-household-collapse{display:flex;justify-content:space-between;align-items:center;margin-bottom:0;cursor:pointer;padding:.5rem;border-radius:8px;transition:background-color .2s}.hh-household-collapse.is-open{margin-bottom:1rem}.hh-household-collapse:hover{background-color:#f8fafc}.hh-household-collapse__title{margin:0;font-size:1.25rem;color:#0f172a;-webkit-user-select:none;user-select:none}.hh-household-collapse__subtitle{margin:.25rem 0 0;font-size:.85rem;color:#64748b;-webkit-user-select:none;user-select:none}.hh-household-collapse__icon{font-size:1.2rem;color:#64748b;-webkit-user-select:none;user-select:none}.hh-household-token{margin-top:1rem;padding:1rem;border:1px solid #e2e8f0;border-radius:12px;background:#f8fafc}.hh-household-token__label{font-size:.85rem;color:#475569;margin-bottom:.25rem}.hh-household-token__value{padding:.65rem;border-radius:8px;background-color:#fff;border:1px solid #e2e8f0;font-family:monospace;font-size:.9rem;color:#0f172a;word-break:break-all}.hh-household-token__meta{margin-bottom:.5rem;font-size:.9rem;color:#475569}.hh-household-token__status{color:#166534}.hh-household-token__status--error{color:#b91c1c;margin-left:.5rem}.hh-progress{width:100%;height:.625rem;border-radius:999px;overflow:hidden;-webkit-appearance:none;-moz-appearance:none;appearance:none}.hh-progress::-webkit-progress-bar{background:#fff3;border-radius:999px}.hh-progress::-webkit-progress-value{background:linear-gradient(90deg,#facc15,#f97316);border-radius:999px;transition:width .5s ease}.hh-progress::-moz-progress-bar{background:linear-gradient(90deg,#facc15,#f97316);border-radius:999px;transition:width .5s ease}.hh-docs-icon-lg{font-size:2rem;margin-bottom:1rem}.hh-docs-icon-xl{font-size:3rem;margin-bottom:1rem}.hh-docs-error-title{font-weight:600;margin-bottom:.5rem}.hh-docs-drag-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#6366f11a;border:3px dashed var(--primary);border-radius:var(--radius-l);display:flex;align-items:center;justify-content:center;z-index:999;pointer-events:none}.hh-docs-drag-overlay__content{text-align:center;color:var(--primary)}.hh-docs-drag-overlay__icon{font-size:4rem;margin-bottom:1rem}.hh-docs-drag-overlay__title{font-size:1.5rem;font-weight:600}.hh-docs-actions{display:flex;gap:.5rem;flex-wrap:wrap}.hh-docs-breadcrumbs{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem;flex-wrap:wrap}.hh-docs-breadcrumb-item{display:flex;align-items:center;gap:.5rem}.hh-docs-breadcrumb-btn{background:transparent;border:none;color:var(--primary);cursor:pointer;font-weight:400;text-decoration:underline;padding:.25rem .5rem;border-radius:var(--radius-s);transition:all .2s ease}.hh-docs-breadcrumb-btn.is-current{color:var(--text-strong);cursor:default;font-weight:600;text-decoration:none}.hh-docs-breadcrumb-btn.is-dragover{background:var(--primary-light);border:2px dashed var(--primary)}.hh-docs-breadcrumb-sep{color:var(--text-muted)}.hh-docs-toolbar{display:flex;gap:1rem;align-items:center;flex-wrap:wrap}.hh-docs-search{flex:1;min-width:250px;position:relative}.hh-docs-search-icon{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:var(--text-muted)}.hh-input--icon-left{padding-left:2.5rem}.hh-docs-view-toggle{display:flex;gap:.25rem;background-color:var(--surface-2);border-radius:var(--radius-m);padding:.25rem}.hh-docs-view-btn{padding:.5rem 1rem;border:none;border-radius:var(--radius-s);background-color:transparent;color:var(--text-muted);cursor:pointer;font-weight:500;transition:all .2s}.hh-docs-view-btn.is-active{background-color:var(--surface-1);color:var(--text-strong)}.hh-docs-section{margin-bottom:2rem}.hh-docs-section__title{margin-bottom:1rem;font-size:1.1rem;font-weight:600;color:var(--text-strong)}.hh-docs-folder-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1rem}.hh-docs-folder-grid.is-mobile{grid-template-columns:1fr}.hh-docs-folder-card{transition:all .2s ease}.hh-docs-folder-card.is-dragover{border:2px dashed var(--primary);background-color:var(--primary-light);transform:scale(1.02)}.hh-docs-folder-row{display:flex;align-items:center;gap:.75rem;position:relative}.hh-docs-folder-main{cursor:pointer;display:flex;align-items:center;gap:.75rem;flex:1;min-width:0}.hh-docs-folder-icon{font-size:2rem}.hh-docs-folder-meta{flex:1;min-width:0}.hh-docs-folder-name{font-weight:600;margin-bottom:.25rem;color:var(--text-strong);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:flex;align-items:center;gap:.5rem}.hh-docs-folder-count{font-size:.85rem;color:var(--text-muted)}.hh-docs-icon-btn{background:none;border:none;cursor:pointer;font-size:1.2rem;padding:.25rem;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-s);transition:background .2s ease;color:var(--text-muted)}.hh-docs-icon-btn:hover{background:var(--surface-2);color:var(--text-strong)}.hh-docs-root-drop{border:1px solid var(--border);background-color:var(--surface-1);transition:all .2s ease;opacity:.8}.hh-docs-root-drop.is-dragover{border:2px dashed var(--primary);background-color:var(--primary-light);opacity:1}.hh-docs-root-drop__row{display:flex;align-items:center;gap:.75rem;padding:.5rem}.hh-docs-root-drop__title{font-weight:600;color:var(--text-strong);margin-bottom:.25rem}.hh-docs-root-drop__subtitle{font-size:.85rem;color:var(--text-muted)}.hh-docs-modal{max-width:550px;width:100%;max-height:90vh;overflow:auto}.hh-docs-modal--sm{max-width:500px}.hh-docs-modal--xs{max-width:450px}.hh-docs-upload-dropzone{text-align:center;padding:2rem}.hh-docs-upload-icon{font-size:3rem;margin-bottom:.5rem}.hh-docs-upload-title{font-weight:600;color:var(--text-strong);margin-bottom:.25rem}.hh-docs-upload-title--success{color:var(--success);font-size:1.1rem}.hh-docs-upload-subtitle{font-size:.9rem;color:var(--text-muted)}.hh-docs-upload-note{font-size:.85rem;color:var(--text-muted);margin-top:.5rem}.hh-docs-checkbox-card{margin-bottom:1.5rem;padding:1rem;background-color:var(--surface-2);border-radius:var(--radius-m)}.hh-docs-checkbox-label{display:flex;align-items:center;gap:.75rem;cursor:pointer}.hh-docs-checkbox-input{width:18px;height:18px;cursor:pointer}.hh-docs-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1rem}.hh-docs-grid.is-mobile{grid-template-columns:1fr}.hh-doc-card{cursor:default;transition:opacity .2s ease,transform .2s ease,border-color .2s ease,box-shadow .2s ease;position:relative;user-select:none;-webkit-user-select:none}.hh-doc-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.hh-doc-card.is-dragging{cursor:grabbing;border:2px solid var(--primary);box-shadow:0 4px 12px #6366f14d;transform:scale(1.02);background-color:var(--primary-weak)}.hh-doc-card__body{display:flex;flex-direction:column;height:100%}.hh-doc-card__header{display:flex;align-items:flex-start;gap:1rem;margin-bottom:1rem}.hh-doc-card__info{display:flex;align-items:flex-start;gap:1rem;flex:1;min-width:0}.hh-doc-card__icon{font-size:2.5rem}.hh-doc-card__title{margin:0 0 .5rem;font-size:1.05rem;display:flex;align-items:center;gap:.5rem;color:var(--text-strong);font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hh-doc-card__meta{font-size:.85rem;color:var(--text-muted)}.hh-doc-card__actions{margin-top:auto;display:flex;gap:.5rem;flex-wrap:wrap}.hh-doc-card__actions .hh-doc-card__primary{margin-left:auto}.hh-doc-list{display:flex;flex-direction:column}.hh-doc-row{display:flex;align-items:center;gap:1rem;padding:1rem;transition:background-color .2s,opacity .2s,border-color .2s ease,box-shadow .2s ease;cursor:pointer;user-select:none;-webkit-user-select:none}.hh-doc-row.is-dragging{cursor:grabbing;border-left:3px solid var(--primary);background-color:var(--primary-weak)}.hh-doc-row:hover{background-color:var(--surface-2)}.hh-doc-row__icon{font-size:1.5rem}.hh-doc-row__info{flex:1;min-width:0}.hh-doc-row__title{font-weight:600;color:var(--text-strong);margin-bottom:.25rem;display:flex;align-items:center;gap:.5rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hh-doc-row__meta{font-size:.85rem;color:var(--text-muted)}.hh-doc-row__actions{display:flex;gap:.5rem;flex-shrink:0}.hh-docs-info-card{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem;padding:1rem;background-color:var(--surface-2);border-radius:var(--radius-m)}.hh-docs-info-icon{font-size:2rem}.hh-docs-info-meta{font-size:.85rem;color:var(--text-muted)}.hh-docs-version-list{display:flex;flex-direction:column;gap:1rem}.hh-docs-version-card{padding:1rem;background:var(--surface-2);border-radius:var(--radius-m);border:1px solid var(--border)}.hh-docs-version-card--current{padding:1.25rem;background:var(--primary-weak);border-radius:var(--radius-m);border:2px solid var(--primary)}.hh-docs-version-header{display:flex;justify-content:space-between;align-items:center;gap:1rem}.hh-docs-version-title{font-weight:600;margin-bottom:.5rem;color:var(--text-strong);font-size:1.05rem}.hh-docs-version-meta{font-size:.9rem;color:var(--text-muted)}.hh-docs-empty{text-align:center;padding:3rem 2rem;color:var(--text-muted)}.hh-docs-move-option{padding:.75rem;border:1px solid var(--border);border-radius:var(--radius-m);cursor:pointer;background-color:var(--surface-1);display:flex;align-items:center;gap:.75rem}.hh-docs-move-option.is-selected{border:2px solid var(--primary);background-color:var(--primary-weak)}.hh-docs-move-icon{font-size:1.5rem}.hh-docs-move-label{font-weight:400;color:var(--text-strong);display:flex;align-items:center;gap:.5rem}.hh-docs-move-label.is-selected{font-weight:600}.hh-docs-move-list{display:flex;flex-direction:column;gap:.5rem}.hh-rotation-move-btn{padding:.25rem .5rem;background:#f1f5f9;border:1px solid #cbd5e1;border-radius:.25rem;cursor:pointer;font-size:.75rem}.hh-assign-list{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:.5rem}.hh-assign-chip{padding:.5rem 1rem;border-radius:20px;border:none;background:#f1f5f9;color:#0f172a;font-weight:500;cursor:pointer;font-size:.875rem}.hh-assign-chip.is-selected{background:#10b981;color:#fff}.hh-list-divider{margin-top:.5rem;padding-top:.75rem;border-top:1px solid rgba(0,0,0,.1)}.hh-list-item-editor{padding:.75rem;background:#0000000d;border-radius:8px;display:flex;flex-direction:column;gap:.5rem}.hh-list-item{display:flex;align-items:flex-start;gap:.75rem;padding:.75rem;background:#00000008;border-radius:8px;transition:background var(--transition-fast)}.hh-list-item:hover{background:#0000000d}.hh-list-item__drag-handle{display:flex;align-items:center;justify-content:center;padding:.25rem;margin:-.25rem 0;color:var(--text-muted);cursor:grab;border:none;background:none;border-radius:4px;flex-shrink:0}.hh-list-item__drag-handle:active{cursor:grabbing}.hh-list-item__drag-handle:hover{color:var(--text);background:#0000000f}.hh-list-item--is-dragging{opacity:.85;box-shadow:0 4px 12px #00000026;background:var(--surface-1);z-index:1;position:relative}.hh-list-items-draggable .hh-list-item{transition:transform .2s ease,box-shadow .2s ease,opacity .2s ease}.hh-icon-trash{color:#c53030}.hh-list-item__quantity{font-size:.85rem;padding:.2rem .5rem;background:#dbeafe;color:#1e40af;border-radius:4px;font-weight:600}.hh-list-item__quantity-cell{flex-shrink:0;display:flex;align-items:center}.hh-list-item__quantity-pill{font-size:.8125rem;padding:.25rem .5rem;min-width:2.5rem;text-align:center;background:#0000000f;color:var(--text);border:1px solid var(--border);border-radius:6px;cursor:pointer;transition:background .15s ease,border-color .15s ease}.hh-list-item__quantity-pill:hover{background:#0000001a;border-color:var(--text-muted)}.hh-list-item__quantity-edit{display:flex;align-items:center;gap:.25rem}.hh-list-item__qty-input{width:3.5rem;padding:.2rem .35rem;font-size:.8125rem}.hh-list-item__unit-select{min-width:3rem;padding:.2rem .35rem;font-size:.8125rem}.hh-list-item__badge{font-size:.75rem;padding:.2rem .5rem;background:#fef3c7;color:#92400e;border-radius:4px;font-weight:600}.hh-color-picker{display:flex;gap:.5rem;flex-wrap:wrap}.hh-color-swatch{width:28px;height:28px;border-radius:50%;border:2px solid #dadce0;cursor:pointer;transition:transform .2s,border-color .2s}.hh-color-swatch.is-selected{border:3px solid #1a73e8}.hh-color-swatch:hover{border-color:#1a73e8;transform:scale(1.1)}.hh-color-tile{width:40px;height:40px;border-radius:8px;border:2px solid #e2e8f0;cursor:pointer;transition:transform .2s,border-color .2s}.hh-color-tile--sm{width:32px;height:32px;border-radius:6px}.hh-color-tile.is-selected{border:3px solid #0f172a}.hh-color-tile--667eea{background:#667eea}.hh-color-tile--f56565{background:#f56565}.hh-color-tile--48bb78{background:#48bb78}.hh-color-tile--ed8936{background:#ed8936}.hh-color-tile--ecc94b{background:#ecc94b}.hh-color-tile--9f7aea{background:#9f7aea}.hh-color-tile--ed64a6{background:#ed64a6}.hh-color-tile--38b2ac{background:#38b2ac}.hh-activity-item:hover{transform:translate(4px);background:var(--surface-3)}.hh-activity-item--highlight{background:#f59e0b26;border-color:#f59e0b66}.hh-activity-item--highlight:hover{background:#f59e0b40}.hh-activity-dot{width:8px;height:8px;border-radius:999px;background:var(--warning)}.hh-notify-panel{background:var(--surface-1);border-radius:var(--radius-l);padding:var(--space-5);box-shadow:var(--shadow-md);border:1px solid var(--border)}.hh-notify-item{padding:var(--space-4);background:#f59e0b26;border-radius:var(--radius-m);border:1px solid rgba(245,158,11,.4);display:flex;justify-content:space-between;align-items:center;gap:var(--space-4)}.hh-select{padding:.5rem .75rem;border-radius:8px;border:1px solid var(--border);background:var(--surface-1);color:var(--text-strong);cursor:pointer;font-weight:600;font-size:var(--font-sm)}.hh-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a80;display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--space-5)}.hh-modal{background:var(--surface-1);border-radius:var(--radius-l);padding:var(--space-5);max-width:720px;width:100%;max-height:80vh;overflow:hidden;display:flex;flex-direction:column;box-shadow:var(--shadow-lg)}.hh-modal--sm{max-width:420px}.hh-modal--md{max-width:600px}.hh-modal--lg{max-width:800px}.hh-modal--xl{max-width:960px}.hh-modal__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-4)}.hh-modal__header-actions{display:flex;align-items:center;gap:var(--space-2)}.hh-modal__title{margin:0;font-size:1.5rem;font-weight:700}.hh-modal__body{flex:1;overflow-y:auto;padding-right:var(--space-2);display:flex;flex-direction:column;gap:var(--space-3)}.hh-modal-item{display:block;padding:var(--space-4);border-radius:var(--radius-m);border:1px solid var(--border);background:var(--surface-2);text-decoration:none;color:inherit;transition:transform var(--transition-fast),background-color var(--transition-fast)}.hh-modal-item__row{display:flex;align-items:flex-start;gap:.75rem}.hh-modal-item__icon{font-size:1.25rem}.hh-modal-item__title{font-weight:600;margin-bottom:.25rem}.hh-modal-item__title--danger{color:var(--danger)}.hh-modal-item__title--warning{color:var(--warning)}.hh-modal-item:hover{transform:translate(4px);background:var(--surface-3)}.hh-modal-item--warning{background:#f59e0b26;border-color:#f59e0b66}.hh-modal-item--warning:hover{background:#f59e0b40}.hh-modal-item--danger{background:#ef44441f;border-color:#ef444466}.hh-modal-item--danger:hover{background:#ef444433}.hh-notification-row{display:flex;align-items:center;gap:var(--space-3)}.hh-notification-row__content{flex:1;min-width:0}.hh-notification-row__link{display:block;color:inherit;text-decoration:none}.hh-notification-row__link:hover{color:inherit;text-decoration:underline}.hh-notification-row__actions{flex-shrink:0}.hh-notification-row__clear{opacity:0;padding:var(--space-1) var(--space-2);font-size:.8125rem;border-radius:var(--radius-s);border:1px solid var(--border);background:var(--surface-2);color:var(--text);cursor:pointer;transition:opacity var(--transition-fast),background-color var(--transition-fast)}.hh-notification-row:hover .hh-notification-row__clear{opacity:1}@media (hover: none){.hh-notification-row .hh-notification-row__clear{opacity:1}}.hh-notification-row__clear:hover{background:var(--surface-3)}.hh-notification-row__clear:disabled{opacity:.6;cursor:not-allowed}.hh-modal-close{background:transparent;border:none;font-size:1.5rem;cursor:pointer;color:var(--text-muted);padding:.25rem;line-height:1}.hh-dashboard{border-radius:var(--radius-l)}.hh-dashboard__controls{display:flex;align-items:center;gap:var(--space-2)}.hh-dashboard--clean .hh-dashboard__header{padding:var(--space-4);border-radius:var(--radius-l);background:linear-gradient(120deg,#22c55e1f,#10b9810f);border:1px solid rgba(34,197,94,.18)}.hh-dashboard--clean .stat-card{border-top:3px solid rgba(34,197,94,.25)}.hh-dashboard--clean .hh-list-card{border-color:#22c55e33}.hh-dashboard--soft{background:#14b8a60d;border:1px solid rgba(20,184,166,.12);box-shadow:var(--shadow-sm)}.hh-dashboard--soft .hh-card,.hh-dashboard--soft .stat-card,.hh-dashboard--soft .hh-list-card{border-radius:18px;box-shadow:0 12px 30px #0f766e14;border-color:#14b8a62e}.hh-dashboard--soft .hh-card__title{color:#0f766e}.hh-dashboard--bold .hh-dashboard__header{padding:var(--space-5);border-radius:var(--radius-l);background:var(--gradient-accent);color:#fff;box-shadow:0 18px 40px #3b82f647}.hh-dashboard--bold .hh-title,.hh-dashboard--bold .hh-subtitle{color:#fff}.hh-dashboard--bold .hh-subtitle{opacity:.85}.hh-dashboard--bold .hh-dashboard__controls label{color:#ffffffe6}.hh-dashboard--bold .hh-select{background:#ffffff2e;border-color:#ffffff59;color:#fff}.hh-dashboard--bold .hh-select option{color:#111827}.hh-dashboard--bold .stat-card{background:linear-gradient(135deg,#6366f138,#0e74901f);border-color:#6366f159;box-shadow:0 14px 30px #1e40af33}.hh-dashboard--bold .stat-card__value{color:#111827}.hh-dashboard--bold .stat-card--danger{border-color:#ef444473;background:linear-gradient(135deg,#ef44442e,#fbbf2414)}.hh-dashboard--bold .stat-card--warning{border-color:#f59e0b80;background:linear-gradient(135deg,#f59e0b33,#0e749014)}.hh-dashboard--calm{background:#f8fafca6;border:1px solid rgba(148,163,184,.25);box-shadow:0 18px 40px #0f172a14;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.hh-dashboard--calm .hh-card,.hh-dashboard--calm .stat-card,.hh-dashboard--calm .hh-list-card{background:#ffffffbf;border-color:#94a3b84d;box-shadow:0 12px 30px #0f172a14}.hh-dashboard--calm .hh-section__header{padding-bottom:var(--space-1);border-bottom:1px solid rgba(148,163,184,.3)}.hh-auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:#dfe9db;background-image:url(/auth-bg.jpg);background-size:cover;background-position:center;background-repeat:no-repeat;padding:var(--space-6);position:relative;overflow:hidden}.hh-auth-page:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(120deg,#213d2e73,#ebf4ea33);opacity:1;pointer-events:none}.hh-auth-page:after{content:none}.hh-auth-card{background:#fff;padding:2.75rem 2.5rem 2.25rem;border-radius:20px;box-shadow:0 25px 60px #14321e26;width:100%;max-width:440px;position:relative;border:1px solid rgba(130,160,135,.3)}.hh-auth-switcher{position:absolute;top:1.5rem;right:1.5rem}.hh-auth-header{text-align:center;margin-bottom:2rem}.hh-auth-title{margin:0 0 .5rem;font-size:1.9rem;font-weight:700;color:#3f7f56}.hh-auth-subtitle{margin:0;color:#7b8578;font-size:.95rem}.hh-auth-error{background-color:#fef2f2;color:#dc2626;padding:.875rem 1rem;border-radius:12px;margin-bottom:1.5rem;border:1px solid #fecaca;font-size:.9rem;display:flex;align-items:center;gap:.5rem}.hh-auth-success{background-color:#f0fdf4;color:#16a34a;padding:.875rem 1rem;border-radius:12px;margin-bottom:1.5rem;border:1px solid #bbf7d0;font-size:.9rem}.hh-auth-info{background-color:#eff6ff;color:#1d4ed8;padding:.875rem 1rem;border-radius:12px;margin-bottom:1.5rem;border:1px solid #bfdbfe;font-size:.9rem}.hh-auth-warning{background-color:#fef3c7;color:#92400e;padding:1rem;border-radius:12px;margin-bottom:1.5rem;border:1px solid #fde68a;font-size:.85rem}.hh-auth-form{display:flex;flex-direction:column;gap:1rem}.hh-auth-page .hh-input{border-radius:12px;border-color:#d0dcd2e6}.hh-auth-page .hh-input:focus{border-color:#3f7f56;box-shadow:0 0 0 3px #3f7f562e}.hh-auth-field{display:flex;flex-direction:column;gap:.5rem}.hh-input-wrapper{position:relative}.hh-password-toggle{position:absolute;right:.75rem;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;padding:.5rem;color:#3f7f56;font-size:1.1rem;display:inline-flex;align-items:center}.hh-auth-actions{display:flex;flex-direction:column;gap:.75rem;margin-top:.5rem}.hh-auth-link{color:#3f7f56;text-decoration:none;font-weight:600}.hh-auth-link:hover{text-decoration:underline}.hh-auth-divider{display:flex;align-items:center;gap:1rem;margin:1rem 0}.hh-auth-divider:before,.hh-auth-divider:after{content:"";flex:1;height:1px;background:#d0dcd2e6}.hh-auth-divider span{font-size:.85rem;color:#7b8578}.hh-google-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;border:1px solid rgba(0,0,0,.15);background:#fff;color:#3c4043}.hh-google-btn:hover{background:#f8f9fa;border-color:#0003}.hh-google-btn-icon{font-size:1.1rem;font-weight:700;color:#4285f4;font-family:inherit}.hh-auth-footer{margin-top:1.5rem;text-align:center;font-size:.95rem;color:var(--text-muted);border-top:1px solid rgba(208,220,210,.9);padding-top:1.5rem}.keep-lists-page{max-width:1200px;margin:0 auto;padding:var(--space-4) var(--space-4) var(--space-8);min-height:100%}.keep-lists-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--space-3);margin-bottom:var(--space-4)}.keep-lists-title{font-size:1.375rem;font-weight:500;color:var(--text-strong);letter-spacing:-.02em}.keep-take-note-bar{background:var(--surface-1);border-radius:8px;box-shadow:0 1px 3px #0000001f;margin-bottom:var(--space-5);margin-left:auto;margin-right:auto;max-width:600px;transition:box-shadow .2s ease;border:1px solid var(--border)}.keep-take-note-bar:hover{box-shadow:0 2px 6px #00000026}.keep-take-note-bar.is-expanded{box-shadow:0 4px 12px #00000026;padding:var(--space-3)}.keep-take-note-trigger{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);width:100%;background:none;border:none;border-radius:8px;color:var(--text-muted);font-size:.9375rem;text-align:left;cursor:pointer}.keep-take-note-trigger:hover{background:var(--surface-2);color:var(--text)}.keep-take-note-trigger-icon{font-size:1.25rem;opacity:.8}.keep-notes-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:var(--space-4);align-content:start}@media (min-width: 600px){.keep-notes-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}}@media (min-width: 900px){.keep-notes-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}}.keep-note-card{background:var(--surface-1);border-radius:8px;box-shadow:0 1px 3px #0000001f;padding:var(--space-3) var(--space-4);min-height:120px;display:flex;flex-direction:column;cursor:pointer;transition:box-shadow .2s ease,transform .15s ease;border:1px solid transparent;position:relative;overflow:hidden}.keep-note-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--keep-card-accent, #fff475)}.keep-note-card:hover{box-shadow:0 2px 8px #0000002e;transform:translateY(-1px)}.keep-note-card__pin-btn{position:absolute;top:var(--space-2);right:var(--space-2);width:28px;height:28px;border-radius:50%;border:none;background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--text-muted);opacity:0;transition:opacity .15s ease,background .15s ease,color .15s ease;z-index:1;padding:0}.keep-note-card:hover .keep-note-card__pin-btn,.keep-note-card__pin-btn.is-pinned{opacity:1}.keep-note-card__pin-btn.is-pinned{color:#f59e0b}.keep-note-card__pin-btn:hover{background:var(--surface-2);color:var(--text)}.keep-note-card__pin-btn.is-pinned:hover{color:var(--text-muted)}.keep-note-card__title{font-size:.9375rem;font-weight:600;color:var(--text-strong);margin-bottom:var(--space-1);overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.35;padding-left:var(--space-2)}.keep-note-card__preview{font-size:.8125rem;color:var(--text-muted);overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;line-height:1.4;flex:1;padding-left:var(--space-2)}.keep-note-card__items{padding-left:var(--space-2);margin-top:var(--space-1)}.keep-note-card__item-line{font-size:.8125rem;color:var(--text);display:flex;align-items:center;gap:var(--space-2);margin-bottom:2px}.keep-note-card__item-line.is-checked{text-decoration:line-through;color:var(--text-muted)}.keep-note-card__item-line input[type=checkbox]{flex-shrink:0;cursor:pointer}.keep-note-card__meta{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--space-1);margin-top:auto;padding-top:var(--space-2);padding-left:var(--space-2)}.keep-note-card__tags{display:flex;flex-wrap:wrap;gap:2px}.keep-note-card__actions{display:flex;align-items:center;gap:2px;opacity:.75}.keep-note-card__actions button{background:none;border:none;padding:var(--space-1) var(--space-2);border-radius:4px;cursor:pointer;color:inherit;font-size:1rem}.keep-note-card__actions button:hover{background:var(--surface-2);opacity:1}.keep-reminder-pill{font-size:.6875rem;color:var(--text-muted);display:flex;align-items:center;gap:4px}.keep-expanded-wrapper{grid-column:1 / -1}.keep-filter-row{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap;margin-bottom:var(--space-3)}.keep-filter-row .hh-select{min-width:140px}.hh-list-pin-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;border:none;background:transparent;cursor:pointer;color:var(--text-muted);transition:background .15s ease,color .15s ease;padding:0;flex-shrink:0}.hh-list-pin-btn:hover{background:#00000014;color:var(--text)}.hh-list-pin-btn.is-pinned{color:#f59e0b}.hh-list-pin-btn.is-pinned:hover{color:var(--text-muted)}.keep-color-dots{display:flex;gap:6px;flex-wrap:wrap}.keep-tag-search{width:100%;padding:4px 8px;border:1px solid var(--border);border-radius:6px;font-size:.8125rem;background:var(--surface-1);color:var(--text);outline:none;transition:border-color .15s ease}.keep-tag-search:focus{border-color:var(--color-primary, #667eea)}.keep-tag-search-container{display:flex;flex-direction:column;gap:6px}.keep-tag-search-results{display:flex;flex-wrap:wrap;gap:4px;max-height:96px;overflow-y:auto}.keep-color-dot{width:24px;height:24px;border-radius:50%;border:2px solid transparent;cursor:pointer;transition:transform .15s ease}.keep-color-dot:hover{transform:scale(1.1)}.keep-color-dot.is-selected{border-color:var(--text-strong);box-shadow:0 0 0 1px var(--surface-1)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-sans);line-height:var(--line-height);-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--surface-0);color:var(--text);padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px);padding-left:env(safe-area-inset-left,0px);padding-right:env(safe-area-inset-right,0px)}[dir=rtl]{direction:rtl;text-align:right}[dir=rtl] input,[dir=rtl] textarea,[dir=rtl] select{text-align:right}[dir=rtl] .tasks-form{direction:rtl}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}#root{min-height:100vh}.tasks-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.tasks-form{display:grid;grid-template-columns:2fr 2fr 1fr 1fr auto;gap:.75rem;align-items:end}.tasks-input,.tasks-select{outline:none;transition:box-shadow .15s ease,border-color .15s ease,background-color .15s ease,transform .1s ease}.tasks-input:focus,.tasks-select:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f126;background-color:#fff}.tasks-button,.tasks-action-btn{outline:none;transition:box-shadow .15s ease,transform .1s ease,opacity .15s ease}.tasks-button:focus-visible,.tasks-action-btn:focus-visible{box-shadow:0 0 0 3px #6366f140}.tasks-button:active,.tasks-action-btn:active{transform:translateY(1px)}.tasks-hero-row{display:flex;justify-content:space-between;align-items:center;gap:1rem}@media (max-width: 900px){.tasks-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 640px){.tasks-grid,.tasks-form{grid-template-columns:1fr}.tasks-button{width:100%}.tasks-hero-row{flex-direction:column;align-items:flex-start}}