:root{--color-bg: #F5F3F0;--color-surface: white;--color-border: rgba(128, 128, 128, .15);--color-hover: hsl(36, 20%, 98%);--color-hover-button: rgba(92, 73, 22, .4);--color-hover-growth: hsla(36, 20%, 98%, .98);--color-text-primary: rgba(0, 0, 0, .8);--color-text-secondary: rgba(0, 0, 0, .5);--color-text-primary-inverted: white;--color-text-secondary-inverted: rgba(255, 255, 255, .8);--color-primary: #41A800;--color-primary-light: #83D500;--color-primary-dark: #017D00;--color-success: var(--color-primary-dark);--color-error: red;--gradient-unread: linear-gradient(to bottom left, rgb(255, 112, 255), rgb(212, 70, 212));--color-pot: #D97E00;--color-soil: #8E6225;--color-seed: #5C4916;--color-water: #3687FF;--color-water-light: #52ABFF;--color-water-dark: #1A64FF;--gradient-water: linear-gradient(to bottom left, var(--color-water-light), var(--color-water-dark));--saturation-leaf: 100%;--hue-pot: 35;--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: 2.7rem;--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: 0;--outline: var(--width-border) solid var(--color-border);--animation-sine: 2s cubic-bezier(.36, 0, .64, 1) infinite}.input-button-row{display:flex;flex-direction:row;gap:var(--spacing-tiny)}.input-button-row>input,.input-button-row>.input{flex:1;min-width:25%}input,.input,button,.button{font-family:var(--font);font-size:var(--font-size-widget);line-height:1.5;padding:var(--spacing-tiny);padding-left:var(--spacing-small);padding-right:var(--spacing-small);margin:0;border:none;border-radius:var(--corner-radius-medium);background-color:var(--color-surface);outline:var(--outline);transition:var(--transition-fast)}.button{display:block;text-align:center}input:disabled,.input[aria-disabled=true],button:disabled{background-color:var(--color-hover);color:var(--color-text-secondary);outline:none}.input[aria-disabled=true]{pointer-events:none}input::placeholder,[contenteditable]:empty:before{color:var(--color-text-secondary)}[contenteditable]:empty:before{content:attr(data-placeholder);pointer-events:none;display:block}[contenteditable]>br{display:none}input:focus,.input:focus{outline-color:var(--color-hover-button)}button,.button{color:var(--color-text-primary)}button:enabled:hover,.button:hover{color:var(--color-text-primary-inverted);background-color:var(--color-hover-button);outline-color:var(--color-hover-button)}button>svg{transition:var(--transition-fast)}p{margin-top:var(--spacing-p);margin-bottom:var(--spacing-p)}p,li{font-size:var(--font-size-body);color:var(--color-text-primary)}.caption{color:var(--color-text-secondary);font-size:var(--font-size-caption)}.caption--indented{margin-top:var(--spacing-tiny);padding-left:var(--spacing-tiny)}.caption--success{color:var(--color-success)}.caption--error{color:var(--color-error)}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}body{margin:0;font-family:var(--font);line-height:1.5;font-weight:450;background-color:var(--color-bg)}#app,.app-view{min-height:100vh}main{padding-top:var(--spacing-section);padding-bottom:var(--spacing-edge)}.column{max-width:min(var(--width-column),calc(100vw - 2 * var(--spacing-edge)));margin-left:auto;margin-right:auto}.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-medium);font-size:var(--font-size-widget);transition:var(--transition-fast)}.header__nav>a:hover{background-color:var(--color-hover)}.header__nav:last-child{margin-right:calc(-1 * var(--spacing-tiny))}.header__logo{border-radius:var(--corner-radius-medium);width:var(--size-logo-header);height:var(--size-logo-header);padding:var(--spacing-tiny);margin-left:calc(-1 * 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)}@keyframes loading{0%,to{height:30%}50%{height:50%}}.loading-view{display:flex;flex-direction:column;align-items:center;height:20rem}.loader{height:40%;margin:auto;aspect-ratio:1;background-color:var(--color-surface);border-radius:50%;animation:var(--animation-sine);animation-name:loading;animation-delay:-.5s}.composer{width:100%;height:auto;margin-bottom:var(--spacing-section);align-items:start}.composer__input{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)}.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{position:relative;padding:var(--spacing-small);border-radius:var(--corner-radius-medium);transition:var(--transition)}.item:hover{background-color:var(--color-hover)}.item:hover>.plant{width:105%;margin:-5% -2.5% -1.6%}.item__unread{position:absolute;right:var(--spacing-small);padding:var(--spacing-diminutive);padding-top:0;padding-bottom:0;font-weight:700;color:var(--color-text-secondary-inverted);background-image:var(--gradient-unread);border-radius:var(--corner-radius-small);outline:var(--outline);outline-color:var(--color-bg);opacity:.9;transition:var(--transition);z-index:2}.item:hover>.item__unread{outline-color:var(--color-hover)}.item__name{overflow-wrap:break-word}.item>:first-child{margin-top:0}.item>:last-child{margin-bottom:0}.plant{width:100%;height:fit-content;transition:var(--transition)}@keyframes growing{0%,to{r:5px;color:hsl(from var(--color-seed) h s calc(l*.8))}50%{r:8px;color:hsl(from var(--color-seed) h calc(s*.7) calc(l*2))}}.plant__seed{color:var(--color-seed)}.plant__seed--growing{animation:var(--animation-sine);animation-name:growing;animation-delay:-.39s}.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:block;width:100%}.plant__pot__front{z-index:2}.plant__pot__back{margin-bottom:-1px;z-index:0}.detail-view{min-height:calc(100vh - var(--spacing-section) - var(--spacing-edge) - var(--size-logo-header) - 4 * var(--spacing-tiny));display:flex;flex-direction:column}.detail__content{flex:1}.detail__footer{display:flex;justify-content:end}.plant__container{width:100%;display:flex;justify-content:center;margin-bottom:var(--spacing-small);margin-top:var(--spacing-small);position:relative}.plant--detail{width:15rem}.idea-growth{padding:var(--spacing-medium);border-radius:var(--corner-radius-large);background-color:var(--color-hover-growth)}.idea-growth__bg{position:relative;padding:var(--width-border-wide);padding-bottom:0;border-radius:calc(var(--corner-radius-large) + var(--width-border-wide));z-index:1}.idea-growth__bg__hang{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;white-space:pre-wrap}.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)}.button--delete{outline:none;background-color:transparent}.button--delete:hover{color:var(--color-error)!important;background-color:var(--color-surface)!important}