.tc-cup-flow{width:100%;max-width:640px;min-height:100dvh;padding:max(20px,env(safe-area-inset-top)) 20px max(44px,env(safe-area-inset-bottom));color:#1a1714;background:#fff;margin:0 auto}.tc-cup-flow button{cursor:pointer}.tc-cup-flow button:disabled{cursor:default}.tc-cup-flow :focus:not(:focus-visible){outline:none}.tc-cup-flow :focus-visible{outline-offset:3px;outline:2px solid #1a1714}.tc-post-top{color:#7a736c;grid-template-columns:1fr auto 1fr;align-items:baseline;gap:12px;font-size:13px;display:grid}.tc-post-top h1{font-family:var(--font-serif);color:#1a1714;margin:0;font-size:24px;font-weight:400;line-height:1.1}.tc-post-top>a{justify-self:start}.tc-post-section{border:0;min-width:0;margin:24px 0 0;padding:0;scroll-margin:28px}.tc-post-section>h2,.tc-post-section>label,.tc-post-section>legend{color:#7a736c;width:100%;margin:0 0 8px;font-family:inherit;font-size:13px;font-weight:400;line-height:1.5;display:block}.tc-post-section small{color:#a39c94;margin-left:6px;font-size:12.5px}.tc-post-section:focus:not(:focus-visible),.tc-post-bottom:focus:not(:focus-visible){outline:none}.tc-post-hint{color:#a39c94;margin:8px 0 0;font-size:12.5px;line-height:1.5}.tc-post-photos{border-radius:12px;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;max-width:344px;display:grid}.tc-post-photos.is-dragging{outline-offset:4px;outline:2px solid #1a1714}.tc-post-photo,.tc-post-photo-add{aspect-ratio:1;background:#f6f3ee;border-radius:12px;min-width:0;position:relative;overflow:hidden}.tc-post-photo-add{color:#a39c94;background:#fff;border:1px dashed #a39c94;place-content:center;font-size:12.5px;line-height:1.3;display:grid}.tc-post-photo-add>span{font-size:20px}.tc-post-photo-add:disabled{opacity:.5}.tc-post-photo-remove{color:#1a1714;background:#ffffffe6;border-radius:50%;place-items:center;width:24px;height:24px;font-size:18px;line-height:1;display:grid;position:absolute;top:6px;right:6px}.tc-post-cover{color:#7a736c;background:#ffffffe6;border-radius:4px;padding:2px 5px;font-size:12.5px;line-height:1.2;position:absolute;bottom:6px;left:6px}.tc-post-inline-actions{color:#7a736c;justify-content:space-between;align-items:center;gap:12px;margin-top:12px;font-size:13px;display:flex}.tc-post-field{width:100%;min-width:0;min-height:44px;font:inherit;color:#1a1714;background:#f6f3ee;border:1px solid #e9e5df;border-radius:10px;outline:none;padding:10px 12px;scroll-margin:28px;font-size:16px;line-height:1.4;display:block}.tc-post-field:focus-visible{border-color:#1a1714}.tc-post-field::placeholder{color:#a39c94}.tc-post-field[type=search]{appearance:none}.tc-post-field:disabled{opacity:.6}.tc-post-chosen-coffee{background:#f6f3ee;border:1px solid #e9e5df;border-radius:10px;justify-content:space-between;align-items:center;gap:12px;min-height:44px;padding:10px 12px;font-size:16px;line-height:1.4;display:flex}.tc-post-chosen-coffee>span{overflow-wrap:anywhere;min-width:0}.tc-post-chosen-coffee>button{color:#a39c94;flex:none;font-size:12.5px}.tc-post-matches:empty{display:none}.tc-post-matches{border:1px solid #e9e5df;border-top:0;border-radius:0 0 10px 10px;overflow:hidden}.tc-post-matches>button{text-align:left;border-top:1px solid #e9e5df;flex-direction:column;gap:4px;width:100%;padding:12px;font-size:15px;line-height:1.4;display:flex}.tc-post-matches>button:hover,.tc-post-matches>button:focus-visible{background:#f6f3ee}.tc-post-matches>button>small{color:#7a736c;margin-left:0;font-size:12.5px}.tc-post-matches>p{margin:0;padding:8px 12px}.tc-post-matches .tc-post-add-coffee{color:#5b3a29}.tc-post-new-coffee{margin-top:24px}.tc-post-new-coffee-field{border:0;min-width:0;margin:24px 0 0;padding:0}.tc-post-new-coffee-field:first-child{margin-top:0}.tc-post-processes{flex-wrap:wrap;gap:8px;display:flex}.tc-post-processes .tc-chip{overflow-wrap:anywhere;max-width:100%;height:auto;min-height:40px;padding-block:10px;line-height:1.3}.tc-post-unstated{margin-top:12px}.tc-post-process-add{color:#7a736c;font:inherit;cursor:pointer;background:0 0;border:0;margin-top:12px;padding:0;font-size:13px}.tc-post-process-create{margin-top:12px}.tc-post-process-create .tc-post-processes{margin-top:8px}.tc-post-new-coffee-field>label,.tc-post-new-coffee-field>legend{color:#7a736c;width:100%;margin:0 0 8px;font-size:13px;font-weight:400;display:block}.tc-post-bag-preview{color:#7a736c;background:#f6f3ee;border:1px dashed #a39c94;border-radius:8px;place-items:center;width:108px;height:108px;margin-top:12px;font-size:13px;display:grid;overflow:hidden}.tc-post-bag-preview:has(img){border-style:solid;border-color:#e9e5df}.tc-post-bag-preview img{object-fit:cover;width:108px;height:108px}.tc-post-bag-photo-options{gap:12px;margin-top:12px;padding:2px;display:flex;overflow-x:auto}.tc-post-bag-photo-options>button{border:1px solid #0000;border-radius:8px;flex:none;width:60px;height:60px;padding:1px;overflow:hidden}.tc-post-bag-photo-options>button[aria-pressed=true]{border-color:#1a1714}.tc-post-bag-photo-options img{object-fit:cover;border-radius:6px;width:56px;height:56px}.tc-post-coffee-duplicates{color:#1a1714;overscroll-behavior:contain;background:#fff;border:1px solid #e9e5df;border-radius:12px;width:min(520px,100vw - 40px);max-height:calc(100dvh - 40px);margin:auto;padding:20px;overflow-y:auto}.tc-post-coffee-duplicates::backdrop{background:#1a171466}.tc-post-coffee-duplicates :focus:not(:focus-visible){outline:none}.tc-post-coffee-duplicates :focus-visible{outline-offset:3px;outline:2px solid #1a1714}.tc-post-duplicates-back{color:#7a736c;font-size:13px}.tc-post-coffee-duplicates h2{font-family:var(--font-serif);margin:20px 0 12px;font-size:28px;font-weight:400;line-height:1.1}.tc-post-coffee-duplicates>p{color:#7a736c;margin:0 0 12px;font-size:13px;line-height:1.5}.tc-post-duplicate-list>div{border-top:1px solid #e9e5df;grid-template-columns:auto 1fr;align-items:start;gap:12px;padding:20px 0;display:grid}.tc-post-duplicate-list p{overflow-wrap:anywhere;grid-column:2;margin:0;font-size:15px;line-height:1.5}.tc-post-duplicate-photo{object-fit:cover;border-radius:8px;grid-area:1/1/3;width:56px;height:56px}.tc-post-duplicate-list .tc-chip{grid-column:2;justify-self:start}.tc-post-duplicate-list>div:not(:has(img)){grid-template-columns:1fr}.tc-post-duplicate-list>div:not(:has(img))>p{grid-column:1}.tc-post-duplicate-list>div:not(:has(img))>.tc-chip{grid-column:1}.tc-post-create-anyway{margin-top:12px}.tc-post-gear{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px 10px;display:grid}.tc-post-gear>button{text-align:left;color:#7a736c;border-radius:10px;flex-direction:column;align-items:stretch;width:100%;min-width:0;font-size:12.5px;line-height:1.25;display:flex}.tc-post-gear-name{-webkit-line-clamp:2;overflow-wrap:anywhere;-webkit-box-orient:vertical;height:2.5em;margin-top:8px;display:-webkit-box;overflow:hidden}.tc-post-gear-status{color:#7a736c;height:1.3em;margin-top:4px;font-size:12.5px;line-height:1.3;display:block}.tc-post-gear-photo{aspect-ratio:1;background:#f6f3ee;border:2px solid #0000;border-radius:10px;width:100%;display:block;position:relative;overflow:hidden}.tc-post-gear-add .tc-post-gear-photo{background:#fff;border:1px solid #e9e5df;place-items:center;font-size:24px;font-weight:400;display:grid}.tc-post-gear>button[aria-pressed=true]{color:#1a1714}.tc-post-gear>button[aria-pressed=true] .tc-post-gear-photo{border-color:#1a1714}.tc-post-gear-check{color:#1a1714;background:#ffffffe6;border-radius:3px;place-items:center;min-width:16px;height:16px;font-size:12.5px;display:grid;position:absolute;top:4px;right:5px}.tc-post-recipe{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.tc-post-recipe>div{min-width:0}.tc-post-recipe label{color:#7a736c;min-height:38px;margin-bottom:8px;font-size:12.5px;line-height:1.5;display:block}.tc-post-recipe .tc-error{margin:8px 0 0;font-size:13px;line-height:1.5}.tc-post-grind,.tc-post-water{margin-top:12px}.tc-post-grind label,.tc-post-water label{color:#7a736c;margin-bottom:8px;font-size:12.5px;line-height:1.5;display:block}.tc-post-grind .tc-error,.tc-post-water .tc-error{margin:8px 0 0;font-size:13px;line-height:1.5}.tc-post-method{align-items:center;gap:12px;display:flex}.tc-post-method-segment{flex:1}.tc-post-method-change{color:#a39c94;text-underline-offset:3px;font-size:12.5px;text-decoration:underline}.tc-post-method-options{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.tc-post-method-options>button{color:#7a736c;border:1px solid #e9e5df;border-radius:20px;padding:8px 12px;font-size:13px}.tc-post-method-options>button[aria-pressed=true]{color:#fff;background:#1a1714;border-color:#1a1714}.tc-post-segment{border:1px solid #e9e5df;border-radius:10px;display:flex;overflow:hidden}.tc-post-segment>button{color:#7a736c;flex:1;min-height:44px;font-size:15px}.tc-post-segment>button[aria-pressed=true]{color:#fff;background:#1a1714}.tc-post-tags{background:#f6f3ee;border:1px solid #e9e5df;border-radius:10px;flex-wrap:wrap;align-items:center;gap:8px;min-height:44px;padding:8px 10px;display:flex}.tc-post-tags:has(input:focus-visible){border-color:#1a1714}.tc-post-tags>input{min-width:160px;max-width:100%;font:inherit;color:#1a1714;background:0 0;border:0;outline:none;flex:1;padding:4px 0;font-size:16px}.tc-post-tags input::placeholder{color:#a39c94}.tc-post-tag{background:#fff;border:1px solid #1a1714;border-radius:6px;align-items:center;gap:6px;max-width:100%;padding:4px 8px;font-size:13px;line-height:1.4;display:flex}.tc-post-tag>span:first-child{overflow-wrap:anywhere;min-width:0}.tc-post-tag>input{width:84px;min-width:48px;max-width:35vw;font:inherit;color:#7a736c;background:0 0;border:0;border-radius:0;outline:none;flex:1;padding:0;font-size:16px}.tc-post-tag>input:focus-visible{box-shadow:0 1px #1a1714}.tc-post-tag>button{color:#7a736c;flex:none;width:20px;height:24px;font-size:18px;line-height:1}.tc-post-tag-matches>button{flex-direction:row;justify-content:space-between}.tc-post-words{resize:vertical;min-height:112px}.tc-post-bottom{margin-top:24px;scroll-margin:28px}.tc-post-bottom>.tc-btn{width:100%}.tc-post-bottom>.tc-error{margin:0 0 12px}.tc-post-section>.tc-error{margin:8px 0 0;font-size:13px;line-height:1.5}.tc-post-gate,.tc-post-result{flex-direction:column;gap:20px;max-width:400px;margin:80px auto 0;display:flex}.tc-post-gate h2,.tc-post-result h2{font-family:var(--font-serif);margin:0;font-size:34px;font-weight:400;line-height:1.1}.tc-post-gate p{color:#7a736c;margin:0;line-height:1.5}@media (min-width:900px){.tc-cup-flow{padding-top:44px;padding-bottom:80px}}