:root{--bg: #f7f4ee;--card: #ffffff;--ink: #2d2a24;--muted: #8a8378;--accent: #4a7c59;--accent-dark: #3a6247;--danger: #a54242;--border: #e3ddd2}*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,sans-serif;background:var(--bg);color:var(--ink);line-height:1.5}main{max-width:960px;margin:0 auto;padding:1rem}main a{color:var(--accent-dark)}.topbar{display:flex;align-items:center;gap:1.5rem;padding:.6rem 1rem;background:var(--accent);color:#fff;flex-wrap:wrap}.topbar .brand{font-weight:700}.topbar nav{display:flex;gap:.9rem;flex:1;flex-wrap:wrap}.topbar a{color:#d8e8de;text-decoration:none;padding:.15rem 0}.topbar a.active{color:#fff;border-bottom:2px solid #fff}.topbar .whoami{display:flex;gap:.6rem;align-items:center;font-size:.9rem}h1,h2,h3,h4{margin:.4rem 0}.page-head{display:flex;justify-content:space-between;align-items:center;margin:1rem 0 .6rem;flex-wrap:wrap;gap:.5rem}.muted{color:var(--muted);font-size:.92em}.error{color:var(--danger)}.loading{padding:3rem;text-align:center;color:var(--muted)}.prewrap{white-space:pre-wrap}.card{background:var(--card);border:1px solid var(--border);border-radius:8px;padding:.9rem 1rem;margin-bottom:.8rem}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:.8rem}.card-head{display:flex;align-items:baseline;gap:.6rem;justify-content:flex-start;flex-wrap:wrap}.card-head h3,.card-head h4{margin:0}.pot-card{display:flex;flex-direction:column;gap:.25rem}.note-card .note-actions{margin-left:auto;display:flex;gap:.5rem}.note-card p{margin:.25rem 0}.brew-line{font-size:.88em}.detail-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:.8rem}dl{margin:0;display:grid;grid-template-columns:auto 1fr;gap:.15rem .8rem}dt{color:var(--muted)}dd{margin:0}button,.button{font:inherit;cursor:pointer}button:disabled,.button:disabled{opacity:.5;cursor:default}.button{display:inline-block;background:var(--accent);color:#fff;border:none;border-radius:6px;padding:.45rem .9rem;text-decoration:none}.button:hover{background:var(--accent-dark)}.button.secondary{background:transparent;color:var(--accent-dark);border:1px solid var(--accent)}button.link{background:none;border:none;padding:0;color:var(--accent-dark);text-decoration:underline}button.link.danger{color:var(--danger)}.topbar button.link{color:#fff}.actions{display:flex;gap:.7rem;flex-wrap:wrap}input,select,textarea{font:inherit;padding:.4rem .5rem;border:1px solid var(--border);border-radius:6px;background:#fff;color:var(--ink);max-width:100%}textarea{width:100%;resize:vertical}.field{display:flex;flex-direction:column;gap:.15rem;margin:.3rem 0}.field>span{font-size:.85em;color:var(--muted)}.form-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:0 .9rem}.form-card{max-width:720px}.brew-range{grid-column:span 2}.range-row{display:flex;gap:.5rem;align-items:flex-start;flex-wrap:wrap}.range-part{display:flex;flex-direction:column;flex:1 1 0;min-width:5rem}.range-part input{width:100%}.range-sep{color:var(--muted);font-size:.85em;padding-top:.5rem}.hint{font-size:.8em;margin-top:.1rem}.field input[aria-invalid=true]{border-color:var(--danger)}.inline-dialog{background:var(--bg);border-color:var(--accent)}.option-menu{border:1px solid var(--border);border-radius:8px;padding:.6rem .9rem}.option-menu legend{color:var(--muted);font-size:.85em;padding:0 .3rem}.option{display:flex;gap:.5rem;align-items:baseline;padding:.25rem 0}.option .sample,.brew-time{white-space:nowrap}.link-plain{font-size:.85em;margin-left:auto}.with-add{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap}.with-add select{flex:1}.check{display:inline-flex;gap:.35rem;align-items:center}.filters{display:flex;gap:.6rem;flex-wrap:wrap;align-items:center;margin-bottom:.8rem}.filters input[type=text],.filters input:not([type]){flex:1;min-width:180px}table.tea-table{width:100%;border-collapse:collapse;background:var(--card);border:1px solid var(--border);border-radius:8px;overflow:hidden}.tea-table th,.tea-table td{text-align:left;padding:.5rem .7rem;border-bottom:1px solid var(--border)}.tea-table th{background:#efeae1;font-weight:600;font-size:.9em}.tea-table tr:last-child td{border-bottom:none}.tea-table tr.archived td{opacity:.6}.plain-list{list-style:none;padding:0;margin:.3rem 0}.plain-list li{padding:.2rem 0}.level{display:inline-block;font-size:.8em;padding:.1rem .5rem;border-radius:999px;border:1px solid transparent}.level-full{background:#dcefe2;color:#2c5e3c}.level-most{background:#e4efdc;color:#44622c}.level-half{background:#f4eed3;color:#6e6120}.level-third{background:#f7e6cf;color:#7c5a1f}.level-low{background:#f8dcd0;color:#8a4a2b}.level-empty{background:#eee9e3;color:#877f73}.level-picker{display:flex;gap:.3rem;flex-wrap:wrap;margin-top:.3rem}.level-picker .level{cursor:pointer}.level-picker .level.selected{border-color:currentColor;font-weight:600}.rating{color:#a07b1e;font-weight:600;white-space:nowrap}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--bg)}.login-card{width:min(360px,90vw);display:flex;flex-direction:column;gap:.7rem;padding:1.5rem}.login-card h1{text-align:center;font-size:1.4rem}.login-card .button,.login-card button{width:100%}.login-card p{margin:0}.login-card code{background:var(--bg);border:1px solid var(--border);border-radius:5px;padding:.05rem .3rem;word-break:break-word}.invite-banner{background:#f0f6ee;border-color:var(--accent)}.invite-banner code{display:inline-block;word-break:break-all;background:#fff;padding:.3rem .5rem;border-radius:6px;margin:.3rem .5rem .3rem 0}.dashboard section{margin-bottom:1.4rem}@media (max-width: 600px){.topbar{gap:.6rem}main{padding:.7rem}.form-grid{grid-template-columns:1fr}.brew-range{grid-column:auto}}