@import"https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap";input,textarea{padding:8px 16px;border-radius:8px;background-color:var(--bg-color);color:var(--text-color)!important;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--brand-primary)}input,select{min-width:0}ul li:last-of-type{margin-bottom:16px}textarea{min-height:150px}select{padding:8px 16px;border-radius:8px;background-color:var(--bg-color);color:var(--text-color)!important;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--brand-primary);min-width:180px}label{display:block;width:100%;color:var(--text-color)}section{color:var(--text-color)}.select-wrap{position:relative}.arr-down{position:absolute;top:50%;right:16px;width:0;height:0;pointer-events:none;border-left:6px solid transparent;border-right:6px solid transparent;border-top:7px solid #a9a9a9;transform:translateY(-50%)}::placeholder{color:var(--placeholder-color)!important}small{color:var(--brand-primary)}.btn{display:flex;align-items:center;gap:5px;padding:8px 16px;border:none;outline:0;border-radius:8px;transition:all .15s ease-in-out;cursor:pointer;color:var(--btn-color)}.btn:active{scale:.95}.btn-sync{padding:4px 8px}.btn-action{background-color:var(--brand-secondary-light)}.btn-sidebar{background-color:var(--brand-primary-light)}.btn-quick{background-color:var(--success-color)}.btn-danger{background-color:var(--danger-color)}.btn-info{background-color:var(--info-color)}.btn-dark{background-color:var(--dark-color)}.btn-simple{padding:0;background-color:transparent;color:var(--text-color);font-weight:700}.disabled{filter:blur(1px) grayscale(100%);cursor:not-allowed;pointer-events:none;opacity:.5}.modal-overlay{padding:16px;border-radius:8px;background:var(--surface-color)}.modal-overlay h2{font-size:18px}.edit-modal{display:flex;flex-direction:column;align-items:start;margin-top:10px;gap:10px}.format-toolbar{display:flex;align-items:center;gap:10px}.markdown-body{font-size:16px;word-break:break-word;padding:16px}.markdown-body ul,.markdown-body ol{margin:10px 0 10px 16px;padding:0}.markdown-body li{margin-bottom:4px;list-style-position:inside}.markdown-body h2,.markdown-body h3,.markdown-body h4,.markdown-body p{margin:10px 0 8px}.markdown-body strong{font-weight:700}.markdown-body em{font-style:italic}.tea-tag{margin-left:8px;padding:2px 8px;border-radius:8px;font-size:13px;text-transform:capitalize;display:inline-block}.tea-tag-generic,.tea-tag-undefined,.tea-tag-any{background:#ccc!important;color:#474747!important}.tea-tag-green{background:#dbffd2!important;color:#27622a!important}.tea-tag-oolong{background:#ffeccc!important;color:#7c5c2e!important}.tea-tag-red{background:#ffd6db!important;color:#a52d44!important}.tea-tag-white{background:#fff!important;color:#474747!important}.tea-tag-yellow{background:#fffaa6!important;color:#907e00!important}.tea-tag-puerh{background:#e7dbbd!important;color:#6b4b26!important}.tea-tag-purple{background:#f1e4ff!important;color:#673988!important}.tea-tag{vertical-align:bottom}.brew-finished-badge{padding:2px 8px;font-size:13px;vertical-align:bottom;display:inline-block;border-radius:8px;text-transform:capitalize;background:#dbffd2!important;color:#27622a!important;margin-left:8px}.req{color:var(--danger-color)}.basic-label{display:inline-block;margin-bottom:4px;margin-left:8px;font-size:13px;color:var(--text-color)}.filter-label{display:flex;align-items:center;max-width:max-content}.msg{width:100%;text-align:left;margin-bottom:12px}.msg:first-letter{text-transform:capitalize}.msg.error{color:var(--danger-color);border-left:8px solid var(--danger-color);padding-left:8px}.msg.success{color:var(--success-color);border-left:8px solid var(--success-color);padding-left:8px}.trial-badge{border:1px solid var(--brand-secondary);padding:4px 12px;border-radius:22px;background-color:#fff;color:var(--brand-secondary);margin-left:32px;font-size:13px}.sub-status{font-weight:700}.btn-subscribe{background-color:var(--success-color)}.hide-desktop{display:none}@media(max-width:860px){.hide-mobile{display:none}.hide-desktop{display:block}}.synced-at{color:var(--brand-primary)}@media(max-width:860px){.signup-form .name-row{flex-direction:column}.app{height:max-content!important}header.main-header{padding:20px 10px}.btn-sidebar{padding:4px 8px;line-height:1.5}.main-header .logo{justify-content:space-between;width:100%;padding:0 14px}header nav{display:none!important}.main-header nav a{display:none}.logout-btn{display:none}.sidebar{flex-direction:row!important;height:auto!important;width:100%!important;top:auto!important;bottom:0!important;justify-content:center}.sidebar a{align-items:center!important;text-align:center;font-size:16px}main{margin-left:0!important;width:100%!important}.sidebar-footer{display:none}.filter-wrap{flex-direction:column;align-items:start!important}.main-header{justify-content:center}.filter-wrap .filter-label{align-items:start!important;flex-direction:column;gap:5px}.page-wrap{margin-bottom:80px}.new-tea,.new-preset,.new-journal{order:1}.tea-table,.new-session,.journal-table{order:2}.recent-sessions{order:3}.edit-panel,.new-tea{width:100%}.tea-actions,.journal-actions,.brew-actions{position:sticky;bottom:90px!important}@supports (position: -webkit-sticky){.tea-actions,.journal-actions,.brew-actions{position:-webkit-sticky}}.filter-wrap.hidden{display:none}.filter-wrap.visible{display:flex}.tea-filters,.brew-filters,.journal-filters{position:sticky;top:85px;z-index:3;background-color:#0000!important;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:var(--shadow-container)}.toggle-label{display:block!important;font-size:16px;color:var(--brand-secondary-light);cursor:pointer}.tea-filters h2,.brew-filters h2,.journal-filters h2{display:flex;align-items:center;justify-content:space-between}.tea-list .tea-item,.journal-list .journal-item,.brew-list .brew-item.preset{flex-direction:column-reverse}}:root{font-family:Inter,system-ui,sans-serif;font-weight:400;font-size:16px;font-synthesis:none;font-display:swap;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{margin:0;padding:0;box-sizing:border-box}button,input,select,textarea,summary{font:inherit;color:inherit}body{background-color:var(--bg-color)}.app{height:100dvh;display:flex;flex-direction:column;background-color:var(--bg-color)}.layout{display:flex;flex:1;height:auto}main{margin-left:210px;width:calc(100% - 210px)}header{padding:10px 0;background-color:var(--brand-primary);display:flex;align-items:center;justify-content:space-between}.main-header{padding:10px;position:sticky;top:0;z-index:1000}header nav{display:flex;align-items:center;gap:10px}header nav a{text-decoration:none}.logo{display:flex;align-items:center}header .logo a{font-weight:600;color:var(--text-color-light);text-decoration:none;font-size:24px}.sidebar{position:fixed;top:55px;left:0;width:210px;height:100vh;background-color:var(--brand-secondary);display:flex;flex-direction:column;padding:10px;gap:10px;z-index:1;flex-shrink:0}.sidebar a{text-decoration:none}.page-wrap{padding:10px 24px}.page-header{background-color:transparent;display:flex;flex-direction:column;align-items:start}.page-header h1{color:var(--text-color)}.quick-action-btns{display:flex;align-items:center;gap:10px;margin-top:10px}.dashboard-content,.brew-content,.journal-content,.tea-content,.settings-content,.account-content{display:flex;flex-wrap:wrap;gap:10px;align-items:flex-start}.dashboard-content section,.brew-content section,.journal-content section,.tea-content section,.settings-content section,.account-content section{background:var(--surface-color);padding:16px;border-radius:8px;flex:1 1 330px}:is(.dashboard-content section,.brew-content section,.journal-content section,.tea-content section,.settings-content section,.account-content section) h2{font-size:18px;color:var(--color)}.page-header .subtitle{font-size:13px;color:var(--brand-primary)}.subscription button{margin-top:10px}.subscription details{background-color:var(--brand-primary-light);margin-top:10px;border-radius:8px;padding:6px 16px;cursor:pointer}.subscription details summary{font-weight:700}.subscription details[open]{padding:10px}.subscription ul li{list-style-position:inside}.tea-list,.journal-list,.brew-list{display:flex;flex-direction:column;gap:10px;margin-top:10px}.tea-item,.journal-item,.brew-item,.brew-timer-container{display:flex;justify-content:space-between;align-items:start;padding:12px;gap:10px;border-radius:8px;background-color:var(--brand-primary-light)}.tea-form,.journal-form,.settings-form{display:flex;flex-direction:column;align-items:start;margin-top:10px;gap:10px}:is(.tea-form,.journal-form,.settings-form) input,:is(.tea-form,.journal-form,.settings-form) select,:is(.tea-form,.journal-form,.settings-form) textarea{width:100%}.tea-actions,.journal-actions,.brew-actions{display:flex;align-items:center;gap:10px}.tea-details .btn,.journal-details .btn{margin-top:10px}.tea-details.details-open .btn,.journal-details.details-open .btn{margin-top:0}.tea-image{display:flex;align-items:center;gap:16px;width:max-content;max-width:100%;padding:16px}.tea-image img{height:210px;object-fit:cover;border-radius:8px}.tea-details,.journal-details{display:flex;flex-direction:column;gap:0;transition:gap .15s ease}.tea-details.details-open,.journal-details.details-open{gap:10px}.tea-extra,.journal-extra{display:flex;flex-direction:column;gap:10px}.filter-wrap{display:flex;align-items:center;margin-top:10px;gap:10px;flex-wrap:wrap}.brew-meta{margin-top:10px}.brew-main-actions{display:flex;flex-wrap:wrap;align-items:center;margin-top:10px;gap:10px}.brew-main-actions label{flex:1 1 100%}.brew-main-actions label select{width:100%}.brew-timer-container{margin-top:10px;display:flex;flex-direction:column;gap:10px}.brew-timer-actions{display:flex;align-items:center;gap:10px}.gentle-sync{display:flex;flex-direction:column;gap:5px;margin-top:8px}.login,.signup{width:100%;height:100dvh;background:linear-gradient(235deg,var(--brand-primary) 0%,white 100%);display:flex;justify-content:center;align-items:center}.login-form,.signup-form{display:flex;flex-direction:column;align-items:flex-start;gap:10px}:is(.login-form,.signup-form) .name-row{display:flex;gap:10px}:is(.login-form,.signup-form) button{align-self:center;margin-top:16px}:is(.login-form,.signup-form) .new-account,:is(.login-form,.signup-form) .existing-account{align-self:center;margin-top:16px;font-size:13px;font-weight:700}:is(:is(.login-form,.signup-form) .new-account,:is(.login-form,.signup-form) .existing-account) a{color:#202121}:is(.login-form,.signup-form) .forgot-pwd{align-self:center;font-size:13px;margin-top:16px;color:#202121;font-weight:700;text-decoration:none}:is(.login-form,.signup-form) .logo-login,:is(.login-form,.signup-form) .logo-signup{align-self:center;font-size:128px}:is(.login-form,.signup-form) h2{margin-bottom:16px;font-size:24px;background-color:var(--brand-primary);padding:8px 16px;align-self:center;text-align:center;width:100%;border-radius:8px}:is(.login-form,.signup-form) label{display:flex;flex-direction:column}input[type=checkbox]{appearance:checkbox}.signup-form .checkbox-label a{color:#202121;text-decoration:underline}.checkbox-label{display:flex;flex-direction:row!important;gap:10px;align-items:center;font-size:13px;font-weight:700;justify-content:center}.signup-btn{margin-top:16px!important}.loader{margin:0 auto;display:flex;justify-content:center;align-items:center;position:relative}.toggle-label{display:none}.subscription-wrap{display:flex;gap:10px;flex-direction:column}.subscription-wrap .btn{width:max-content}.manage-account{display:flex;flex-direction:column;gap:10px}.sidebar-footer,.sidebar-footer small{text-align:center}.tea-actions,.journal-actions,.brew-actions{position:sticky;position:-webkit-sticky;bottom:16px}@supports (position: -webkit-sticky){.tea-actions,.journal-actions,.brew-actions{position:-webkit-sticky}}.more-links{width:100%;position:absolute;top:-200px;background-color:var(--brand-secondary);padding:10px;display:flex;right:0;flex-direction:column;gap:10px;border-top-left-radius:16px;border-top-right-radius:16px;transition:all .15s ease-in-out}.more-links .btn-sidebar{height:56px}.tea-timer{position:relative;width:120px;height:120px;border-radius:50%;border:1px solid var(--text-color);background:var(--bg-color);overflow:hidden;display:grid;place-items:center}.tea-liquid{position:absolute;bottom:0;width:100%;height:var(--fill);background:linear-gradient(to top,var(--tea-color),color-mix(in srgb,var(--tea-color) 70%,transparent));transition:height .6s ease}.tea-liquid:before{content:"";position:absolute;top:-6px;left:-20%;width:140%;height:12px;background:inherit;border-radius:50%;filter:blur(4px);animation:wave 4s ease-in-out infinite}@keyframes wave{0%,to{transform:translate(0)}50%{transform:translate(-10px)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.tea-time{position:relative;z-index:2;font-size:28px;mix-blend-mode:difference;color:#fff}