.icon{vertical-align:-.2em;flex-shrink:0;width:1.25em;height:1.25em;display:inline-block}.dev-banner{height:var(--dev-banner-height,22px);z-index:1050;box-sizing:border-box;background-color:var(--color-tertiary-fixed);color:var(--color-on-tertiary-fixed);border-top:1px solid var(--color-tertiary-fixed-dim);letter-spacing:.1em;text-transform:uppercase;pointer-events:none;justify-content:center;align-items:center;padding:0 .5rem;font-family:inherit;font-size:.6875rem;font-weight:700;display:flex;position:fixed;bottom:0;left:0;right:0}.nav-drawer-overlay{background-color:var(--color-scrim);z-index:1100;cursor:pointer;border:none;position:fixed;inset:0}.nav-drawer{background-color:var(--color-surface);width:min(320px,100vw);max-width:100%;color:var(--color-on-surface);box-shadow:var(--elevation-2);z-index:1200;flex-direction:column;display:flex;position:fixed;top:0;bottom:0;right:0;overflow:hidden auto}.nav-drawer-header{border-bottom:1px solid var(--color-outline-variant);justify-content:space-between;align-items:center;padding:1rem 1.25rem;display:flex}.nav-drawer-brand{color:var(--color-primary);align-items:center;gap:.5rem;font-size:1.125rem;font-weight:700;display:inline-flex}.nav-drawer-close{width:2.5rem;height:2.5rem;color:var(--color-on-surface);border-radius:var(--radius-sm,4px);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;display:inline-flex}.nav-drawer-close:hover{background-color:var(--color-surface-container-high)}.nav-drawer-content{flex-direction:column;flex:1;padding:1rem 0;display:flex}.nav-drawer-section{flex-direction:column;gap:.25rem;padding:0 .75rem;display:flex}.nav-drawer-user{color:var(--color-primary);background-color:var(--color-surface-container-low);border-radius:var(--radius-md,8px);align-items:center;gap:.75rem;margin-bottom:.5rem;padding:.75rem 1rem;font-weight:600;display:flex}.nav-drawer-link,.nav-drawer-button{color:var(--color-on-surface);border-radius:var(--radius-md,8px);cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:.75rem;width:100%;padding:.75rem 1rem;font-family:inherit;font-size:1rem;text-decoration:none;display:inline-flex}.nav-drawer-link:hover,.nav-drawer-button:hover{background-color:var(--color-surface-container-high)}.nav-drawer-divider{border:none;border-top:1px solid var(--color-outline-variant);margin:1rem 0}.app-shell--dev{--dev-banner-height:22px;padding-bottom:var(--dev-banner-height);box-sizing:border-box}.app-menu-toggle{cursor:pointer;border-radius:var(--radius-sm,4px);background:0 0;border:none;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:2.5rem;height:2.5rem;padding:0;display:inline-flex}.app-menu-toggle:hover{background-color:var(--color-surface-container-high)}.app-menu-bar{background-color:var(--color-on-surface);border-radius:1px;width:1.25rem;height:2px;display:block}.rain-loader{justify-content:center;align-items:flex-end;width:140px;height:170px;margin:0 auto;display:flex;position:relative}.cloud{background:var(--color-surface-dim);border-radius:20px;width:60px;height:25px;animation:8s infinite cloudCycle;position:absolute;top:10px}.cloud:before,.cloud:after{content:"";background:var(--color-surface-dim);border-radius:50%;position:absolute}.cloud:before{width:25px;height:25px;top:-10px;left:-10px}.cloud:after{width:30px;height:30px;top:-15px;right:-10px}@keyframes cloudCycle{0%,30%{opacity:1;transform:scale(1)}55%,90%{opacity:0;transform:scale(.4)}to{opacity:1;transform:scale(1)}}.sun{background:var(--color-tertiary-fixed-dim);opacity:0;border-radius:50%;width:28px;height:28px;animation:8s infinite sunCycle;position:absolute;top:10px}@keyframes sunCycle{0%,35%{opacity:0;transform:scale(.4)}45%,85%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.4)}}.rain{width:70px;height:40px;animation:8s infinite rainCycle;position:absolute;top:45px}@keyframes rainCycle{0%,30%{opacity:1}40%,to{opacity:0}}.rain span{background:var(--color-secondary-fixed-dim);opacity:.7;width:2px;height:10px;animation:1s linear infinite drop;position:absolute}.rain span:first-child{left:10%}.rain span:nth-child(2){animation-delay:.2s;left:30%}.rain span:nth-child(3){animation-delay:.4s;left:50%}.rain span:nth-child(4){animation-delay:.1s;left:70%}.rain span:nth-child(5){animation-delay:.3s;left:90%}@keyframes drop{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(40px)}}.soil{background:var(--color-tertiary-container);border-radius:6px;width:70px;height:10px;position:absolute;bottom:0}.plant{width:40px;height:70px;position:absolute;bottom:10px;left:50%;transform:translate(-50%)}.seed{background:var(--color-on-tertiary-fixed-variant);border-radius:50%;width:6px;height:6px;animation:8s infinite seedGrow;position:absolute;bottom:0;left:50%;transform:translate(-50%)}@keyframes seedGrow{0%{opacity:1;transform:translate(-50%)scale(1)}20%{opacity:1;bottom:8px}30%{bottom:0;left:40%}35%{opacity:0;transform:translate(-50%)scale(.7)}to{opacity:0}}.stem{background:var(--color-secondary);border-radius:2px;width:4px;height:0;animation:8s infinite grow;position:absolute;bottom:0;left:50%;transform:translate(-50%)}@keyframes grow{0%{height:0}45%{height:40px}90%{opacity:1}to{opacity:0;height:40px}}.leaf{background:var(--color-surface-tint);opacity:0;border-radius:0 100%;width:14px;height:14px;position:absolute}.leaf.left{animation:8s infinite leafLeft}@keyframes leafLeft{0%{opacity:0;bottom:0;left:50%;transform:translate(-50%)rotate(-30deg)scale(0)}25%{opacity:.8}45%{opacity:1;bottom:24px;left:-2px;transform:rotate(-30deg)scale(1)}85%{opacity:1;bottom:24px;left:-2px;transform:rotate(-30deg)scale(1)}to{opacity:0;bottom:8px;left:-1px;transform:rotate(25deg)scale(.8)}}.leaf.right{animation:8s infinite leafRight}@keyframes leafRight{0%{opacity:0;bottom:0;right:50%;transform:translate(50%)rotate(120deg)scale(0)}25%{opacity:.8;background:var(--color-surface-tint)}45%{opacity:1;background:var(--color-tertiary-fixed-dim);bottom:15px;right:-2px;transform:rotate(120deg)scale(1)}85%{opacity:1}to{opacity:0;background:var(--color-tertiary-container);bottom:0;right:-2px;transform:rotate(180deg)scale(.8)}}.flower{opacity:0;animation:8s infinite bloom;position:absolute;bottom:44px;left:48%;transform:translate(-50%)scale(0)}@keyframes bloom{0%,45%{opacity:0;bottom:40px;transform:translate(-50%)scale(0)}55%{opacity:1;transform:translate(-50%)scale(.25)}90%{opacity:1;bottom:50px;transform:translate(-50%)scale(1.2)}to{opacity:0;transform:translate(-50%)scale(.6)}}.petal{background:var(--color-tertiary-fixed);border-radius:50%;width:10px;height:14px;position:absolute}.p1{transform:rotate(0)translateY(-8px)}.p2{transform:rotate(90deg)translateY(-8px)}.p3{transform:rotate(180deg)translateY(-8px)}.p4{transform:rotate(270deg)translateY(-8px)}.p5{transform:rotate(45deg)translateY(-8px)}.p6{transform:rotate(135deg)translateY(-8px)}.p7{transform:rotate(225deg)translateY(-8px)}.p8{transform:rotate(315deg)translateY(-8px)}.center{background:var(--color-tertiary-fixed-dim);border-radius:50%;width:8px;height:8px;position:absolute;top:2px;left:2px}.falling-seed{background:var(--color-on-tertiary-fixed-variant);opacity:0;border-radius:50%;width:6px;height:6px;animation:8s infinite dropSeed;position:absolute;bottom:46px;left:50%;transform:translate(-50%)}@keyframes dropSeed{0%,82%{opacity:0;transform:translate(-50%)translateY(0)}85%{opacity:1;transform:translate(-50%)translateY(0)}to{opacity:1;transform:translate(-50%)translateY(45px)}}@media (prefers-reduced-motion:reduce){.rain-loader *,.rain-loader :before,.rain-loader :after{transition:none!important;animation:none!important}.cloud,.soil,.stem,.leaf,.flower{opacity:1}.stem{height:40px}.leaf.left{bottom:24px;left:-2px;transform:rotate(-30deg)}.leaf.right{bottom:15px;right:-2px;transform:rotate(120deg)}.flower{bottom:50px;transform:translate(-50%)scale(1)}.rain,.sun,.seed,.falling-seed{display:none}}.error-response{border:1px solid var(--color-error);background:var(--color-error-container);color:var(--color-on-error-container);padding:var(--space-md);border-radius:var(--radius-lg);align-items:flex-start;gap:var(--space-sm);flex-direction:column;display:flex}.error-response__message{font:var(--type-label-lg);margin:0}.error-response__action{font:var(--type-label-lg);color:var(--color-on-error);background:var(--color-error);border-radius:var(--radius-full);padding:var(--space-sm) var(--space-md);cursor:pointer;border:none;text-decoration:none}.error-response__action:hover{background:var(--color-on-error-container)}.not-found{max-width:40rem;margin:var(--space-xl) auto;padding:var(--space-lg);align-items:flex-start;gap:var(--space-md);background:var(--color-surface-container-low);border-radius:var(--radius-xl);color:var(--color-on-surface);flex-direction:column;display:flex}.not-found__title{font:var(--type-headline-lg);color:var(--color-primary);margin:0}.not-found__message{font:var(--type-body-lg);color:var(--color-on-surface-variant);margin:0}.not-found__back{font:var(--type-label-lg);color:var(--color-on-primary);background:var(--color-primary);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-full);text-decoration:none}.not-found__back:hover{background:var(--color-primary-container)}.section-error{margin:var(--space-md) 0;padding:var(--space-md);border:1px dashed var(--color-outline);border-radius:var(--radius-lg);background:var(--color-surface-container-low);color:var(--color-on-surface-variant);font:var(--type-body-md)}.badge{align-items:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-full);font:var(--type-label-md);letter-spacing:var(--tracking-label-md);border:1px solid var(--color-outline-variant);background:var(--color-surface-container-low);color:var(--color-on-surface-variant);display:inline-flex}.badge--family,.badge--scientific{background:var(--color-secondary-container);border-color:var(--color-secondary-fixed-dim);color:var(--color-on-secondary-container)}.badge--unavailable{color:var(--color-on-surface-variant);border:1px dashed var(--color-outline-variant);background:0 0}.badge--deleted{color:var(--color-on-error-container);background:var(--color-error-container);border-color:var(--color-on-error-container)}.scientific-name{font:var(--type-taxonomy-scientific);letter-spacing:var(--tracking-taxonomy-scientific)}.scientific-name--title{font:inherit;letter-spacing:inherit;font-family:var(--font-display);font-style:italic}.family-hero{gap:var(--space-sm);padding-bottom:var(--space-md);border-bottom:1px solid var(--color-outline-variant);display:grid}.family-hero h1,.family-hero p{margin:0}.family-hero-grid{grid-template-columns:1fr 1fr 1fr;align-items:start;display:grid}.family-hero__scientific{font:var(--type-body-lg);color:var(--color-on-surface);margin:0}.family-hero__scientific strong{font:var(--type-label-lg);color:var(--color-on-surface-variant)}.family-hero__aliases{gap:var(--space-xs);margin-top:var(--space-xs);flex-wrap:wrap;align-items:baseline;display:flex}.family-hero__label{font:var(--type-label-lg);color:var(--color-on-surface-variant);margin-right:var(--space-xs)}.body-section{margin-top:var(--space-md);padding:0 var(--space-lg) var(--space-md);border-radius:var(--radius-lg);background:var(--color-surface-container-lowest);border:1px solid var(--color-outline-variant);box-shadow:var(--elevation-1)}.body-section__title{font:var(--type-headline-md);margin-bottom:var(--space-sm)}.body-section__content{gap:var(--space-sm);flex-direction:column;display:flex}.body-section p{margin:0}.body-section ul{padding-left:var(--space-md);margin:0}.body-section li{margin:var(--space-xs) 0}.family-detail{max-width:900px;padding:var(--space-xs);margin:0 auto}.family-detail__cta-link{align-items:center;gap:var(--space-xs);font:var(--type-label-lg);color:var(--color-surface-tint);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-lg);text-decoration:none;transition:background .15s,transform .15s;display:inline-flex}.family-detail__cta-link:hover{background:var(--color-surface-container-high);transform:translate(2px)}.family-list{margin:0;padding:0;list-style:none}.family-list li{align-items:center;gap:var(--space-sm);padding:var(--space-sm);border-radius:var(--radius-lg);background:var(--color-surface-container-low);border:1px solid var(--color-outline-variant);font:var(--type-body-md);display:flex}.family-list li:last-child{margin-bottom:0}.family-plants__grid{gap:var(--space-sm);grid-template-columns:repeat(auto-fill,minmax(180px,1fr));display:grid}.family-plants__grid-item{padding:var(--space-sm);border-radius:var(--radius-lg);background:var(--color-surface-container-lowest);color:inherit;box-shadow:var(--elevation-1);text-decoration:none;transition:transform .15s,box-shadow .15s}.family-plants__grid-item:hover{box-shadow:var(--elevation-1-hover);transform:translateY(-2px)}.family-plants__count{margin:0 0 var(--space-sm) 0;font:var(--type-body-md);color:var(--color-on-surface-variant)}.family-plants__empty{margin:var(--space-sm) 0;font:var(--type-body-md);color:var(--color-on-surface-variant)}.plant-safety-indicators{gap:var(--space-xs);flex-shrink:0;align-items:center;display:inline-flex}.plant-detail__sticky-header{top:var(--app-header-height,64px);z-index:200;background:var(--color-surface-translucent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);gap:var(--space-sm);padding-bottom:var(--space-sm);border-bottom:1px solid var(--color-outline-variant);flex-direction:column;display:flex;position:sticky}.plant-detail__sticky-title{overflow-wrap:anywhere;min-width:0;font:var(--type-headline-lg);margin:0}.plant-detail__sticky-aliases{gap:var(--space-xs);margin-top:var(--space-xs);flex-wrap:wrap;align-items:baseline;display:flex}.plant-detail__sticky-heading{gap:var(--space-sm);align-items:center;min-width:0;display:flex}.plant-hero{gap:var(--space-sm);padding-bottom:var(--space-md);border-bottom:1px solid var(--color-outline-variant);display:grid}.plant-hero__image{object-fit:cover;border-radius:var(--radius-lg);width:100%;max-height:320px}.plant-hero__scientific{font:var(--type-body-lg);color:var(--color-on-surface);margin:0}.plant-hero__scientific strong{font:var(--type-label-lg);color:var(--color-on-surface-variant)}.plant-hero__family-link{overflow-wrap:anywhere;max-width:100%;text-decoration:none;display:inline-flex}.plant-hero__family-link .badge{overflow-wrap:anywhere;white-space:normal;max-width:100%}.info-row{gap:var(--space-sm);padding:var(--space-sm) 0;border-bottom:1px solid var(--color-outline-variant);align-items:baseline;display:flex}.info-row__label{font:var(--type-label-lg);color:var(--color-on-surface-variant)}.info-row__label:after{content:":";margin-left:var(--space-xs)}.info-row__value{font:var(--type-body-lg);color:var(--color-on-surface);flex:1}@media (width<=768px){.info-row{gap:var(--space-xs);flex-direction:column}.info-row__label{flex:unset}.info-row__value{width:100%}}.calendar-row{gap:var(--space-sm);padding:var(--space-sm) 0;border-bottom:1px solid var(--color-outline-variant);flex-direction:column;display:flex}.calendar-row__label{font:var(--type-label-md);letter-spacing:var(--tracking-label-md);color:var(--color-on-surface-variant)}.calendar-row__value{flex-wrap:wrap;justify-content:center;display:flex}.hemisphere-toggle{border:1px solid var(--color-outline);border-radius:var(--radius-full);align-self:flex-start;width:fit-content;display:inline-flex}.hemisphere-toggle__btn{padding:var(--space-xs) var(--space-sm);font:var(--type-label-lg);cursor:pointer;color:var(--color-on-surface-variant);text-align:center;background:0 0;border:none;flex:1;min-width:70px;transition:background-color .15s}.hemisphere-toggle__btn:first-child{border-start-start-radius:var(--radius-full);border-end-start-radius:var(--radius-full)}.hemisphere-toggle__btn:last-child{border-start-end-radius:var(--radius-full);border-end-end-radius:var(--radius-full)}.hemisphere-toggle__btn:hover{background:var(--color-surface-container-high)}.hemisphere-toggle__btn--active,.hemisphere-toggle__btn--active:hover{background:var(--color-primary-container);color:var(--color-on-primary-container)}.month-chips{gap:var(--space-xs);flex-wrap:wrap;display:flex}.month-chip{padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-default);border:1px solid var(--color-outline);background:var(--color-surface-container-lowest);color:var(--color-on-surface-variant);font:var(--type-label-md);letter-spacing:var(--tracking-label-md)}.month-chip--active{background:var(--color-primary-container);color:var(--color-on-primary-container);border-color:var(--color-primary-container)}.plant-calendar__controls{margin-bottom:var(--space-sm);justify-content:center;display:flex}.plant-calendar__grid{gap:var(--space-sm);grid-template-columns:1fr 1fr;display:grid}@media (width<=768px){.plant-calendar__grid{grid-template-columns:1fr}}.plant-safety__row--warning{padding-inline:var(--space-sm);border-radius:var(--radius-default);background:var(--color-error-container);color:var(--color-on-error-container)}.plant-safety__row--warning .info-row__label,.plant-safety__row--warning .info-row__label:after{color:inherit}.plant-safety__subtitle{margin:0 0 var(--space-xs);font:var(--type-headline-sm);color:var(--color-on-surface)}.plant-safety__notes{white-space:pre-line;overflow-wrap:anywhere}.plant-safety__source{font:var(--type-body-md);color:var(--color-on-surface-variant)}.cultivation-basic{gap:var(--space-sm);margin-bottom:var(--space-md);display:grid}.cultivation-section{margin-top:var(--space-md);padding-top:var(--space-sm);border-top:1px solid var(--color-outline-variant)}.cultivation-section__title{font:var(--type-headline-sm);margin-bottom:var(--space-sm);color:var(--color-on-surface)}.propagation-grid,.pruning-grid{gap:var(--space-sm);display:grid}.plant-list--ecology li,.plant-list--notes li{align-items:baseline;gap:var(--space-xs);display:flex}.plant-resources__tabs{gap:var(--space-sm);margin-bottom:var(--space-sm);display:flex}.plant-resources__content{transition:height .2s;overflow:hidden}.plant-resources__videos{gap:var(--space-sm);grid-template-columns:repeat(auto-fit,minmax(240px,1fr));display:grid}.plant-video{aspect-ratio:16/9;border-radius:var(--radius-lg);width:100%;box-shadow:var(--elevation-1);border:none}.plant-resources__tabs button{padding:var(--space-xs) var(--space-sm);border:1px solid var(--color-outline);background:var(--color-surface-container-lowest);color:var(--color-on-surface);border-radius:var(--radius-lg);cursor:pointer;font:var(--type-label-lg);transition:background .15s,border-color .15s}.plant-resources__tabs button:hover{background:var(--color-surface-container-high)}.plant-resources__tabs button.active,.plant-resources__tabs button.active:hover{background:var(--color-secondary-container);color:var(--color-on-secondary-container)}.plant-resources__articles{gap:var(--space-sm);flex-direction:column;display:flex}.plant-article{align-items:center;gap:var(--space-sm);padding:var(--space-sm);border:1px solid var(--color-outline-variant);border-radius:var(--radius-lg);color:inherit;text-decoration:none;transition:background .15s,border-color .15s;display:flex}.plant-article:hover{background:var(--color-surface-container-high);border-color:var(--color-outline)}.plant-detail{max-width:900px;padding:var(--space-xs);margin:0 auto}.plant-list{margin:0;padding:0;list-style:none}.plant-list li{align-items:center;gap:var(--space-sm);padding:var(--space-sm);border-radius:var(--radius-lg);background:var(--color-surface-container-low);border:1px solid var(--color-outline-variant);font:var(--type-body-md);display:flex}.plant-list li:last-child{margin-bottom:0}.drawer-overlay{background:var(--color-scrim);z-index:1200;position:fixed;inset:0}.drawer-panel{height:100vh;width:var(--drawer-width);background:var(--color-surface-container-lowest);box-shadow:var(--elevation-2);overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding:var(--space-md);z-index:1210;transition:transform .25s;position:fixed;top:0;overflow-y:auto}.drawer-left{border-right:1px solid var(--color-outline-variant);border-start-end-radius:var(--radius-xl);border-end-end-radius:var(--radius-xl);left:0}.drawer-right{border-left:1px solid var(--color-outline-variant);border-start-start-radius:var(--radius-xl);border-end-start-radius:var(--radius-xl);right:0}.drawer-open{transform:translate(0)}.drawer-left.drawer-closed{transform:translate(-100%)}.drawer-right.drawer-closed{transform:translate(100%)}.plant-filters{gap:var(--space-xs);display:grid}.plant-filters__group{border:0;min-inline-size:0;margin:0;padding:0;display:grid}.plant-filters__group-label,.plant-filters__label{font:var(--type-label-lg);color:var(--color-on-surface-variant)}.plant-filters__input{width:100%;padding:var(--space-sm);border:1px solid var(--color-outline);border-radius:var(--radius-default);background:var(--color-surface-container-lowest);color:var(--color-on-surface);font:var(--type-body-lg)}.plant-filters__error{align-items:center;gap:var(--space-sm);margin-top:var(--space-xs);flex-wrap:wrap;display:flex}.plant-filters__error-message{font:var(--type-body-md);color:var(--color-error);margin:0}.plant-filters__buttons{flex-wrap:wrap;display:flex}.plant-filters__toggle,.plant-filters__clear{border-radius:var(--radius-lg);border:1px solid var(--color-outline);background:var(--color-surface-container-lowest);color:var(--color-on-surface);font:var(--type-label-lg);cursor:pointer}.plant-filters__toggle{padding:var(--space-xs) var(--space-sm)}.plant-filters__clear{padding:var(--space-sm)}.plant-filters__toggle:hover,.plant-filters__clear:hover{background:var(--color-surface-container-high)}.plant-filters__toggle--active,.plant-filters__toggle--active:hover{background:var(--color-secondary-container);color:var(--color-on-secondary-container)}.plant-filters__label-row{justify-content:space-between;align-items:center;gap:var(--space-sm);display:flex}.plant-filters__slider-clear{border:1px solid var(--color-outline-variant);border-radius:var(--radius-full);background:var(--color-surface-container);cursor:pointer;padding:var(--space-2xs);justify-content:center;align-items:center;transition:background-color .15s,border-color .15s,transform .1s;display:inline-flex}.plant-filters__slider-clear:hover{background:var(--color-error-container);border-color:var(--color-error);transform:scale(1.08)}.plant-filters__hint{font:var(--type-body-sm);color:var(--color-on-surface-variant);margin:0}.plant-filters__header{justify-content:space-between;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-sm);display:flex}.plant-filters__active-count{font:var(--type-label-md);color:var(--color-on-surface-variant)}.plant-filters__quick-search{padding:var(--space-sm);background:var(--color-surface-container-high);border:1px solid var(--color-primary);border-radius:var(--radius-default)}.page-size{align-items:center;gap:var(--space-sm);display:inline-flex}.page-size__label{font:var(--type-label-lg);color:var(--color-on-surface-variant)}.page-size__segments{border:1px solid var(--color-outline);border-radius:var(--radius-full);display:inline-flex;overflow:hidden}.page-size__segment{padding:var(--space-xs) var(--space-md);background:var(--color-surface-container-lowest);color:var(--color-on-surface);font:var(--type-label-lg);cursor:pointer;border:none}.page-size__segment:not(:last-child){border-right:1px solid var(--color-outline)}.page-size__segment--active{background:var(--color-primary);color:var(--color-on-primary)}.pagination{align-items:center;gap:var(--space-xs);flex-wrap:wrap;display:flex}.pagination__button{min-width:34px;height:34px;padding:0 var(--space-sm);border-radius:var(--radius-lg);color:var(--color-on-surface);font:var(--type-label-lg);cursor:pointer;background:0 0;border:none;transition:background-color .15s}.pagination__button:hover{background:var(--color-surface-container-high)}.pagination__button:disabled{cursor:default;opacity:.6}.pagination__button--active,.pagination__button--active:hover{opacity:1;border-radius:var(--radius-full);background:var(--color-primary-container);color:var(--color-on-primary-container)}.pagination__ellipsis{padding:0 var(--space-xs);color:var(--color-on-surface-variant);-webkit-user-select:none;user-select:none}.applied-filters{align-items:center;gap:var(--space-sm);margin-bottom:var(--space-md);flex-wrap:wrap;display:flex}.applied-filters__title{font:var(--type-label-lg);color:var(--color-on-surface-variant)}.applied-filters__list{gap:var(--space-xs);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.applied-filters__chip{align-items:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-sm);background:var(--color-surface-container-low);color:var(--color-on-surface);border:1px solid var(--color-outline);border-radius:var(--radius-full);font:var(--type-label-md);display:inline-flex}.applied-filters__remove{color:var(--color-on-surface-variant);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:0;display:inline-flex}.applied-filters__remove:hover{color:var(--color-on-surface)}.applied-filters__clear-all{font:var(--type-label-lg);color:var(--color-primary);cursor:pointer;background:0 0;border:none}.applied-filters__clear-all:hover{text-decoration:underline}.catalog-header{gap:var(--space-2xs);margin-bottom:var(--space-sm);flex-direction:column;display:flex}.catalog-header__count{font:var(--type-title-md);color:var(--color-on-surface);margin:0}.catalog-header__summary{font:var(--type-body-md);color:var(--color-on-surface-variant);margin:0}.view-toggle{align-items:center;gap:var(--space-sm);display:inline-flex}.view-toggle__label{font:var(--type-label-lg);color:var(--color-on-surface-variant)}.view-toggle__segments{border:1px solid var(--color-outline);border-radius:var(--radius-full);display:inline-flex;overflow:hidden}.view-toggle__segment{padding:var(--space-xs) var(--space-md);background:var(--color-surface-container-lowest);color:var(--color-on-surface);font:var(--type-label-lg);cursor:pointer;border:none}.view-toggle__segment:not(:last-child){border-right:1px solid var(--color-outline)}.view-toggle__segment--active{background:var(--color-primary);color:var(--color-on-primary)}.plant-card{background:var(--color-surface-container-lowest);border-radius:var(--radius-lg);border:1px solid var(--color-outline-variant);box-shadow:var(--elevation-1);padding:var(--space-sm) var(--space-md) var(--space-md);gap:var(--space-sm);flex-direction:column;height:100%;transition:box-shadow .15s;display:flex}.plant-card:hover{box-shadow:var(--elevation-1-hover)}.plant-card__heading{gap:var(--space-sm);justify-content:space-between;align-items:center;min-width:0;display:flex}.plant-card h3{overflow-wrap:anywhere;min-width:0;margin:0}.plant-aliases{gap:var(--space-xs);margin-top:var(--space-xs);flex-wrap:wrap;display:flex}.plant-card img{object-fit:cover;border-radius:var(--radius-lg);width:100%;height:180px;display:block}.plant-controls{gap:var(--space-sm);margin-bottom:var(--space-xs);font:var(--type-body-md);flex-wrap:wrap;align-items:baseline;display:flex}.plant-controls select{padding:var(--space-sm);border:1px solid var(--color-outline);border-radius:var(--radius-default);background:var(--color-surface-container-lowest);color:var(--color-on-surface);font:var(--type-body-lg);cursor:pointer}.plant-list__empty{margin:var(--space-lg) 0;padding:var(--space-lg);align-items:flex-start;gap:var(--space-md);background:var(--color-surface-container-low);border-radius:var(--radius-xl);flex-direction:column;display:flex}.plant-list__empty-message{font:var(--type-body-lg);color:var(--color-on-surface-variant);margin:0}.plant-list__empty-action{font:var(--type-label-lg);color:var(--color-on-primary);background:var(--color-primary);border-radius:var(--radius-full);padding:var(--space-sm) var(--space-md);cursor:pointer;border:none}.plant-list__empty-action:hover{background:var(--color-primary-container)}.plant-grid.plant-grid--list{gap:var(--space-xs);flex-direction:column;grid-template-columns:none;display:flex}.plant-grid--list .plant-card{align-items:center;gap:var(--space-sm) var(--space-md);height:auto;padding:var(--space-sm) var(--space-md);flex-flow:wrap}.plant-grid--list .plant-card img{display:none}.plant-grid--list .plant-card__heading{justify-content:flex-start;gap:var(--space-sm)}.plant-grid--list .plant-scientific-name,.plant-grid--list .plant-aliases{margin:0}.plants-layout{margin:calc(-1 * var(--space-lg));flex:1;display:flex}.plants-main{min-width:0;padding:var(--space-lg);flex:1;overflow:visible}.plants-sidebar{top:var(--app-header-height,64px);width:320px;height:calc(100vh - var(--app-header-height,64px));height:calc(100dvh - var(--app-header-height,64px));overscroll-behavior:contain;box-sizing:border-box;background:var(--color-surface-container-lowest);border-right:1px solid var(--color-outline-variant);padding:var(--space-md);flex-shrink:0;align-self:flex-start;position:sticky;overflow-y:auto}.plants-fab{bottom:calc(var(--space-md) + var(--dev-banner-height,0px));right:var(--space-md);z-index:1100;padding:var(--space-sm) var(--space-md);border-radius:var(--radius-full);background:var(--color-primary-container);color:var(--color-on-primary-container);font:var(--type-label-lg);box-shadow:var(--elevation-2);cursor:pointer;border:none;transition:transform .15s;position:fixed}.plants-fab:hover{transform:scale(1.05)}@media (width<=768px){.plants-layout{display:block}.plants-main{padding:var(--space-md)}}.route-error{max-width:40rem;margin:var(--space-xl) auto;padding:var(--space-lg);align-items:flex-start;gap:var(--space-md);background:var(--color-surface-container-low);border-radius:var(--radius-xl);flex-direction:column;display:flex}.route-error__title{font:var(--type-headline-lg);color:var(--color-primary);margin:0}.route-error__message{font:var(--type-body-lg);color:var(--color-on-surface-variant);margin:0}.route-error__action{font:var(--type-label-lg);color:var(--color-on-primary);background:var(--color-primary);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-full);text-decoration:none}.route-error__action:hover{background:var(--color-primary-container)}.app-error{min-height:100vh;padding:var(--space-xl) var(--margin-inline);justify-content:center;align-items:center;gap:var(--space-md);text-align:center;background:var(--color-background);color:var(--color-on-background);flex-direction:column;display:flex}.app-error__title{font:var(--type-headline-lg);color:var(--color-primary);margin:0}.app-error__message{max-width:32rem;font:var(--type-body-lg);color:var(--color-on-surface-variant);margin:0}.app-error__actions{justify-content:center;gap:var(--space-sm);flex-wrap:wrap;display:flex}.app-error__reload,.app-error__home{font:var(--type-label-lg);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-full);cursor:pointer;text-decoration:none}.app-error__reload{color:var(--color-on-primary);background:var(--color-primary);border:none}.app-error__home{border:1px solid var(--color-outline);color:var(--color-primary);background:var(--color-surface-container-lowest)}:root{--color-primary:#002718;--color-on-primary:#fff;--color-primary-container:#133e2b;--color-on-primary-container:#7da990;--color-primary-fixed:#bfedd2;--color-primary-fixed-dim:#a3d1b6;--color-on-primary-fixed:#002113;--color-on-primary-fixed-variant:#254f3a;--color-inverse-primary:#a3d1b6;--color-surface-tint:#3d6751;--color-secondary:#486551;--color-on-secondary:#fff;--color-secondary-container:#caebd1;--color-on-secondary-container:#4e6b56;--color-secondary-fixed:#caebd1;--color-secondary-fixed-dim:#aeceb6;--color-on-secondary-fixed:#042011;--color-on-secondary-fixed-variant:#314d3a;--color-tertiary:#341b00;--color-on-tertiary:#fff;--color-tertiary-container:#502f09;--color-on-tertiary-container:#c69667;--color-tertiary-fixed:#ffdcbd;--color-tertiary-fixed-dim:#f0bd8b;--color-on-tertiary-fixed:#2c1600;--color-on-tertiary-fixed-variant:#623f18;--color-error:#ba1a1a;--color-on-error:#fff;--color-error-container:#ffdad6;--color-on-error-container:#93000a;--color-background:#f3fbf6;--color-on-background:#151d1a;--color-surface:#f3fbf6;--color-on-surface:#151d1a;--color-surface-dim:#d3dcd7;--color-surface-bright:#f3fbf6;--color-surface-container-lowest:#fff;--color-surface-container-low:#edf6f1;--color-surface-container:#e7f0eb;--color-surface-container-high:#e2eae5;--color-surface-container-highest:#dce4e0;--color-surface-variant:#dce4e0;--color-on-surface-variant:#414943;--color-outline:#717973;--color-outline-variant:#c1c8c1;--color-inverse-surface:#2a322f;--color-inverse-on-surface:#eaf3ee;--color-scrim:color-mix(in srgb, var(--color-on-surface) 40%, transparent);--color-surface-translucent:color-mix(in srgb, var(--color-surface) 80%, transparent);--elevation-1:0 1px 3px #133e2b0a, 0 6px 16px #133e2b08;--elevation-1-hover:0 8px 24px #133e2b14;--elevation-2:0 12px 32px #133e2b1f;--font-display:"Newsreader", "Newsreader Fallback", "Newsreader Fallback Android", Georgia, serif;--font-ui:"Manrope", "Manrope Fallback", "Manrope Fallback Android", system-ui, sans-serif;--type-headline-xl:500 2.5rem/3rem var(--font-display);--type-headline-lg:500 1.75rem/2.25rem var(--font-display);--type-headline-md:600 1.375rem/1.75rem var(--font-display);--type-headline-sm:600 1.125rem/1.5rem var(--font-display);--type-taxonomy-scientific:italic 400 .875rem/1.25rem var(--font-display);--tracking-taxonomy-scientific:.015em;--type-body-lg:400 1rem/1.5rem var(--font-ui);--type-body-md:400 .875rem/1.375rem var(--font-ui);--type-body-sm:400 .75rem/1.125rem var(--font-ui);--type-label-lg:600 .875rem/1.25rem var(--font-ui);--type-label-md:600 .75rem/1rem var(--font-ui);--tracking-label-md:.025em;--type-label-sm:700 .6875rem/.875rem var(--font-ui);--tracking-label-sm:.05em;--radius-sm:.125rem;--radius-default:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--radius-full:9999px;--space-xs:.25rem;--space-sm:.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2.5rem;--gutter:1.25rem;--margin-inline:1rem;--margin-inline-desktop:3rem}@media (width<=768px){:root{--type-headline-xl:500 2rem/2.5rem var(--font-display)}}@media (width>=769px){:root{--margin-inline:2rem}}@font-face{font-family:Manrope;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/manrope-latin-400-normal-PaqtzbVb.woff2)format("woff2"),url(/assets/manrope-latin-400-normal-8tf8FM3T.woff)format("woff")}@font-face{font-family:Manrope;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/manrope-latin-600-normal-4f0koTD-.woff2)format("woff2"),url(/assets/manrope-latin-600-normal-BqgrALkZ.woff)format("woff")}@font-face{font-family:Manrope;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/manrope-latin-700-normal-BZp_XxE4.woff2)format("woff2"),url(/assets/manrope-latin-700-normal-DGRFkw-m.woff)format("woff")}@font-face{font-family:Newsreader;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/newsreader-latin-500-normal-B66TYsaK.woff2)format("woff2"),url(/assets/newsreader-latin-500-normal-DFwuUcdu.woff)format("woff")}@font-face{font-family:Newsreader;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/newsreader-latin-600-normal-30OJ_TG_.woff2)format("woff2"),url(/assets/newsreader-latin-600-normal-DUnT2r2g.woff)format("woff")}@font-face{font-family:Newsreader;font-style:italic;font-display:swap;font-weight:400;src:url(/assets/newsreader-latin-400-italic-CEihAR-f.woff2)format("woff2"),url(/assets/newsreader-latin-400-italic-CNZoH1hn.woff)format("woff")}@font-face{font-family:Newsreader;font-style:italic;font-display:swap;font-weight:600;src:url(/assets/newsreader-latin-600-italic-BXGU4hd9.woff2)format("woff2"),url(/assets/newsreader-latin-600-italic-QBRrDGPr.woff)format("woff")}@font-face{font-family:Manrope Fallback;src:local(Arial),local(ArialMT);ascent-override:103.31%;descent-override:29.074%;line-gap-override:0%;size-adjust:103.185%}@font-face{font-family:Manrope Fallback Android;src:local(Roboto Regular),local(Roboto-Regular);ascent-override:103.083%;descent-override:29.0103%;line-gap-override:0%;size-adjust:103.412%}@font-face{font-family:Newsreader Fallback;src:local(Times New Roman),local(TimesNewRomanPSMT);ascent-override:69.6835%;descent-override:25.124%;line-gap-override:0%;size-adjust:105.477%}@font-face{font-family:Newsreader Fallback Android;src:local(Noto Serif Regular),local(NotoSerif-Regular);ascent-override:82.5053%;descent-override:29.7468%;line-gap-override:0%;size-adjust:89.0852%}*{box-sizing:border-box}html,body,#root{min-height:100vh;margin:0;padding:0}body{font:var(--type-body-lg);background:var(--color-background);color:var(--color-on-background)}h1{font:var(--type-headline-xl)}h2{font:var(--type-headline-md)}h3{font:var(--type-headline-sm)}button,input,select,textarea{font:inherit}:where(a,button,input,select,textarea,summary,[tabindex]):focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}:focus:not(:focus-visible){outline:none}a{color:inherit;text-decoration:none}.app-shell{--app-header-height:64px;flex-direction:column;min-height:100dvh;display:flex}.app-header{z-index:1000;height:var(--app-header-height);background:var(--color-surface-container-lowest);border-bottom:1px solid var(--color-outline-variant);padding:0 var(--space-lg);justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.app-brand{font:var(--type-headline-sm)}.app-nav{gap:var(--space-md);font:var(--type-label-lg);display:flex}.app-nav a{padding:var(--space-sm);border-radius:var(--radius-lg)}.app-nav a:hover{background:var(--color-surface-container-high)}.app-content{padding:var(--space-lg);flex-direction:column;flex:1;display:flex}.plant-grid{gap:var(--space-sm);margin:var(--space-md) 0;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));display:grid}.plant-scientific-name{color:var(--color-on-surface-variant)}.plant-filters{margin-top:var(--space-lg)}.plant-filters input{width:100%;max-width:400px;padding:var(--space-sm);border:1px solid var(--color-outline);border-radius:var(--radius-default);font:var(--type-body-lg)}.plant-detail{max-width:700px}.plant-detail h1{margin-bottom:var(--space-xs)}.plant-detail section{margin-top:var(--space-lg);padding:var(--space-md);background:var(--color-surface-container-lowest);border:1px solid var(--color-outline-variant);border-radius:var(--radius-lg)}.plant-detail h2{margin-top:0}.family-grid{gap:var(--space-md);margin-top:var(--space-lg);grid-template-columns:repeat(auto-fill,minmax(260px,1fr));display:grid}.family-card{padding:var(--space-md);background:var(--color-surface-container-lowest);border:1px solid var(--color-outline-variant);border-radius:var(--radius-lg);box-shadow:var(--elevation-1);color:inherit;text-decoration:none;display:block}.family-card:hover{box-shadow:var(--elevation-1-hover)}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}