:root{--color-bg: #F5F3F0;--color-surface: white;--color-surface-dk: #F1EEEA;--color-border: rgba(128, 128, 128, .15);--color-hover: hsl(from var(--color-bg) h s 98);--color-hover-variant: rgb(from var(--color-seed) r g b / .4);--color-primary-light: #83D500;--color-primary-dark: #017D00;--color-primary-gradient: linear-gradient(to bottom left, var(--color-primary-light), var(--color-primary-dark));--color-pot: #D97E00;--color-seed: #5C4916;--color-water-light: #52ABFF;--color-water-dark: #1A64FF;--color-text-primary: rgba(0, 0, 0, .8);--color-text-secondary: rgba(0, 0, 0, .5);--color-text-primary-inverted: white;--alpha-water-empty: .4;--corner-radius-small: .5rem;--corner-radius-medium: .75rem;--corner-radius-large: 1.25rem;--spacing-diminutive: .25rem;--spacing-tiny: .5rem;--spacing-small: 1rem;--spacing-medium: 2rem;--spacing-p: var(--spacing-small);--spacing-section: var(--spacing-medium);--spacing-edge: var(--spacing-small);--size-logo-header: 2.1rem;--width-border: .1rem;--width-border-wide: .2rem;--width-column: 46rem;--width-mobile: 36rem;--height-composer: 3rem;--font: Karla, -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";--font-size-h1: 2rem;--font-size-h2: 1.6rem;--font-size-h3: 1.3rem;--font-size-body: 1.125rem;--font-size-widget: 1.125rem;--font-size-caption: 1rem;--transition: .1s ease-out;--transition-fast: .04s ease-out;--outline: var(--width-border) solid var(--color-border)}body{margin:0;font-family:var(--font);line-height:1.5;font-weight:450;background-color:var(--color-bg)}.input-btn-row{display:flex;flex-direction:row;gap:var(--spacing-tiny)}input,button{font-family:var(--font);font-weight:425;font-size:var(--font-size-widget);padding:var(--spacing-tiny);padding-left:var(--spacing-small);padding-right:var(--spacing-small);border:none;border-radius:var(--corner-radius-small);background-color:var(--color-surface);outline:var(--outline);transition:var(--transition-fast)}button>svg{transition:var(--transition-fast)}input::placeholder{color:var(--color-text-secondary)}input:disabled,button:disabled{background-color:var(--color-hover);color:var(--color-text-secondary);outline:none}button{color:var(--color-text-primary)}input:focus{outline-color:var(--color-hover-variant)}button:enabled:hover{color:var(--color-text-primary-inverted);background-color:var(--color-hover-variant);outline-color:var(--color-hover-variant)}p{margin-top:var(--spacing-p);margin-bottom:var(--spacing-p)}.caption{color:var(--color-text-secondary);font-size:var(--font-size-caption)}p,li{font-size:var(--font-size-body);color:var(--color-text-primary)}h1,h2,h3,h4,h5,h6{line-height:1.2;margin-top:var(--spacing-section);margin-bottom:var(--spacing-p);color:var(--color-text-primary);font-weight:700}h1{margin-top:0;margin-bottom:var(--spacing-section);font-size:var(--font-size-h1);text-align:center}h2{font-size:var(--font-size-h2)}h3{font-size:var(--font-size-h3)}a{color:var(--color-text-primary);text-decoration-line:none;text-decoration-thickness:.08em}#app,.app-view{min-height:100vh}main{padding-bottom:var(--spacing-edge)}.column{max-width:min(var(--width-column),calc(100vw - 2 * var(--spacing-edge)));margin-left:auto;margin-right:auto}.hidden{visibility:hidden}header{margin-bottom:var(--spacing-section)}.header__content{display:flex;justify-content:space-between;padding-top:var(--spacing-tiny);padding-bottom:var(--spacing-tiny)}.header__nav{position:relative;display:flex;flex-direction:row;gap:0;align-items:center}.header__nav>a{color:var(--color-text-secondary);padding:var(--spacing-tiny) var(--spacing-small);border-radius:var(--corner-radius-small);font-size:var(--font-size-widget);transition:var(--transition-fast)}.header__nav>a:hover{background-color:var(--color-hover)}.header__logo{border-radius:var(--corner-radius-small);width:var(--size-logo-header);height:var(--size-logo-header);padding:var(--spacing-tiny);transition:var(--transition-fast)}.header__logo:hover{background-color:var(--color-hover)}.header__logo__image{width:var(--size-logo-header);height:var(--size-logo-header)}.stack{display:grid;gap:var(--spacing-small);grid-template-columns:repeat(4,minmax(0,1fr))}@media screen and (max-width:48rem){.stack{grid-template-columns:repeat(3,minmax(0,1fr))}}@media screen and (max-width:36rem){.stack{grid-template-columns:repeat(2,minmax(0,1fr))}}.item{padding:var(--spacing-small);border-radius:var(--corner-radius-medium);transition:var(--transition)}.item:hover{background-color:var(--color-hover)}.item>:first-child{margin-top:0}.item>:last-child{margin-bottom:0}.plant{width:100%;height:fit-content;transition:var(--transition)}.item:hover>.plant{width:105%;margin:-5% -2.5% -1.6%}.plant__leaves{position:relative;width:100%;aspect-ratio:1;margin-bottom:-33%;z-index:1}.plant__pot{width:100%;height:fit-content}.plant__pot__front,.plant__pot__back{position:relative;display:flex;width:100%}.plant__pot__front{z-index:2}.plant__pot__back{margin-bottom:-1px;z-index:0}.composer{width:100%;height:auto;margin-bottom:var(--spacing-section);align-items:center}.composer__input{width:calc(100% - 2 * var(--height-composer) - var(--spacing-tiny));height:var(--height-composer);padding:0;padding-left:calc(var(--height-composer) * .5);padding-right:calc(var(--height-composer) * .5);border-radius:calc(var(--height-composer) * .5);color:var(--color-text-primary)}.composer__button{display:grid;align-items:center;justify-items:center;aspect-ratio:1;width:var(--height-composer);padding:0;border-radius:calc(var(--height-composer) * .5);background-color:var(--color-surface);border:none;outline:var(--outline)}.plant__container{width:100%;display:flex;justify-content:center;margin-bottom:var(--spacing-section);margin-top:var(--spacing-small);position:relative;z-index:-1}.plant--detail{width:15rem}.idea-growth{padding:var(--spacing-medium);border-radius:var(--corner-radius-large);background-color:rgb(from var(--color-hover) r g b / .98)}.idea-growth__bg{padding:var(--width-border-wide);padding-bottom:0;border-radius:calc(var(--corner-radius-large) + var(--width-border-wide))}.idea-growth__bg__hang{position:relative;z-index:-1;margin:calc(-1 * var(--width-border));padding:var(--width-border)}.idea-growth__bg__hang__svg--desktop{margin-top:-16%}.idea-growth__bg__hang__svg--mobile{display:none;margin-top:-25%}@media screen and (max-width:36rem){.idea-growth__bg__hang__svg--mobile{display:block}.idea-growth__bg__hang__svg--desktop{display:none}}.idea__result{margin-top:0;margin-bottom:0}.idea__prompt{height:fit-content}.idea__prompt__text{padding:var(--spacing-small);padding-top:var(--spacing-tiny);padding-bottom:var(--spacing-tiny);border-radius:var(--corner-radius-medium);width:fit-content;background-color:var(--color-hover);margin-bottom:var(--spacing-tiny);outline:var(--outline)}.idea__date{padding-left:var(--spacing-tiny);margin-top:var(--spacing-tiny);width:fit-content}.idea__seed{height:2rem;border-radius:50%;aspect-ratio:1;background-color:var(--color-seed)}