.ka-entry{width:100%;display:flex;align-items:center;gap:14px;text-align:left;padding:16px;margin:12px 0;border:1px solid #c8dfd5;border-radius:22px;background:linear-gradient(115deg,#edf6ef,#f8faf3);color:#243c32;font:inherit;cursor:pointer}
.ka-entry img{width:54px;height:58px;object-fit:contain}.ka-entry span{flex:1;min-width:0}.ka-entry strong,.ka-entry small{display:block}.ka-entry strong{font-size:16px;letter-spacing:-.4px}.ka-entry small{font-size:13px;color:#597066;margin-top:5px}.ka-entry>i{color:#087e60;font-size:20px}
/* 2026-10-27 B063 시안 (사장님 "시안 좋아 그대로 붙여") — 폰에서는 화면 전체 한 장: 머리 '깨빙 AI' + 닫기 · 가운데 깨빙 · 인사 · 한 줄 ·
   아래 오른쪽 말풍선 예시 다섯 · 한 칸 입력창(글칸 / '말로 입력' | 둥근 보내기) · 보관 안내 한 줄. 색은 kebbi_ui.css 토큰(없으면 같은 값). */
.ka-dialog{position:fixed;inset:0;width:auto;height:auto;max-width:none;max-height:none;margin:0;padding:env(safe-area-inset-top,0px) 0 0;border:0;border-radius:0;background:#fff;color:var(--ink,#192c26);z-index:200;box-sizing:border-box;overflow:hidden;letter-spacing:-.01em}
.ka-dialog[open]{display:flex;flex-direction:column}.ka-dialog::backdrop{background:rgba(18,35,27,.44);backdrop-filter:blur(4px)}
.ka-head{display:flex;align-items:center;gap:8px;height:60px;box-sizing:border-box;padding:0 12px 0 20px;flex-shrink:0;background:#fff;border:0}
.ka-heading{flex:1;min-width:0}
.ka-head h2{margin:0;font-size:20px;font-weight:800;line-height:1.3;letter-spacing:-.01em;color:var(--ink,#192c26);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ka-head button{display:grid;place-items:center;flex-shrink:0;width:44px;height:44px;padding:0;border:0;border-radius:22px;background:var(--soft,#f3f6f4);color:var(--ink,#192c26);font:inherit;font-size:20px;cursor:pointer}
.ka-head button[hidden]{display:none}
.ka-thread{position:relative;flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:16px 20px 8px;background:#fff;scrollbar-width:thin}
/* 첫 화면 — 위는 깨빙·인사, 아래 오른쪽에 말풍선(누르면 그대로 보낸다). 대화 창 높이를 다 쓰고 말풍선은 입력창 바로 위에 붙는다. */
.ka-welcome{box-sizing:border-box;min-height:100%;display:flex;flex-direction:column;text-align:center}
.ka-hello{display:flex;flex-direction:column;align-items:center;gap:10px;padding-top:20px}
.ka-hello-art{display:block;width:116px;height:120px;object-fit:contain}
.ka-hello-title{margin:6px 0 0;font-size:22px;line-height:1.35;font-weight:800;color:var(--ink,#192c26);word-break:keep-all;overflow-wrap:anywhere;text-wrap:balance}
.ka-welcome-copy{margin:0;font-size:14px;line-height:1.5;color:var(--ink-2,#4a5b55);word-break:keep-all;overflow-wrap:anywhere;text-wrap:balance}
.ka-asks{margin-top:auto;display:flex;flex-direction:column;align-items:flex-end;gap:10px;padding:20px 0 10px}
.ka-ask{display:inline-flex;align-items:center;gap:8px;max-width:100%;min-height:44px;box-sizing:border-box;padding:11px 16px;border:0;border-radius:20px;background:#f1f5f3;color:var(--ink,#192c26);font:inherit;font-size:15px;font-weight:500;line-height:1.5;text-align:left;cursor:pointer}
.ka-ask>i{flex:none;font-size:17px;line-height:1;color:var(--primary,#087e60)}
.ka-ask.is-record>i{color:var(--ink-2,#4a5b55)}
.ka-ask>span{min-width:0;word-break:keep-all;overflow-wrap:anywhere}
.ka-ask b{font-weight:700;color:var(--primary,#087e60)}
.ka-bubble{padding:13px 15px;border-radius:18px 18px 18px 5px;font-size:14px;line-height:1.65;overflow-wrap:anywhere;margin:0 0 16px;background:#fff;border:1px solid #e4e9e2}.ka-bubble.is-user{width:fit-content;max-width:85%;box-sizing:border-box;margin-left:auto;background:#087e60;color:#fff;border:0;border-radius:18px 18px 5px 18px}
.ka-filters{display:flex;flex-wrap:wrap;gap:6px;margin:10px 0 16px}.ka-filters span{font-size:11px;padding:5px 9px;border-radius:20px;background:#e8f1e9;color:#365d46;border:1px solid #dce9df}.ka-mode{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:700;color:#087e60}.ka-mode:before{content:'';width:6px;height:6px;border-radius:50%;background:#087e60}.ka-result-title{font-size:18px;font-weight:700;line-height:1.45;letter-spacing:-.4px;margin:20px 0 14px}
.ka-cards{display:grid;gap:10px}.ka-card{display:block;overflow:hidden;border:1px solid #e0e7de;border-radius:18px;background:#fff;color:inherit;text-decoration:none;box-shadow:0 3px 12px #243b2e05}.ka-card-overview{display:flex;align-items:center;gap:12px}.ka-card-overview>img{display:block;flex:0 0 72px;width:72px;height:72px;border-radius:12px;object-fit:cover}.ka-card-overview>img[hidden]{display:none}.ka-card-heading{flex:1;min-width:0}.ka-card-body{padding:12px}.ka-card strong{display:block;font-size:15px;line-height:1.45;letter-spacing:-.3px;overflow-wrap:anywhere}.ka-card-meta{display:flex;align-items:center;flex-wrap:wrap;gap:4px 10px;margin:6px 0 0}.ka-card small{font-size:13px;line-height:1.6;color:#627067;overflow-wrap:anywhere}.ka-card-meta small{display:inline-flex;align-items:center;gap:4px}.ka-card .ka-stock{display:block;color:#087e60;background:#f2f6f0;padding:7px 9px;border-radius:10px;margin-top:10px}.ka-card .ka-stock.is-missing{color:#8a5a00;background:#fff4dc}.ka-card-link{display:flex;justify-content:space-between;align-items:center;font-size:13px;font-weight:700;color:#087e60;margin-top:8px}.ka-card-link i{font-size:17px}
.ka-note{font-size:13px;line-height:1.6;color:#68786e;margin:10px 0}.ka-secondary{display:inline-block;margin-top:8px;padding:11px 15px;border:1px solid #bdd8ca;border-radius:14px;background:#fff;color:#087e60;font:inherit;font-size:13px;text-decoration:none;cursor:pointer}
/* 입력창 한 칸 — 위 글칸(한 줄에서 네 줄까지 자란다) · 아래 '말로 입력' 알약 | 둥근 보내기(글이 없으면 회색 .is-empty) · 그 밑 보관 안내 한 줄 */
.ka-compose{flex-shrink:0;padding:0 16px max(14px,env(safe-area-inset-bottom));background:#fff}
.ka-compose form{display:flex;flex-direction:column;gap:8px;margin:0;padding:14px 14px 10px 16px;border:1.5px solid var(--primary-line,#bfdcd2);border-radius:22px;background:#fff}
.ka-compose form:focus-within{border-color:#90bda4}
.ka-compose textarea{display:block;width:100%;height:24px;min-height:24px;max-height:96px;box-sizing:border-box;resize:none;border:0;border-radius:0;margin:0;padding:0;font:inherit;font-size:16px;line-height:1.5;color:var(--ink,#192c26);background:transparent;outline:none;overflow-y:auto}
.ka-compose textarea::placeholder{color:var(--muted,#64736c)}
.ka-compose-actions{display:flex;align-items:center;justify-content:space-between;gap:12px}
.ka-compose .ka-mic{display:inline-flex;align-items:center;gap:6px;height:36px;padding:0 12px;border:1px solid var(--line,#e3e8e5);border-radius:18px;background:#fff;color:var(--ink,#192c26);font:inherit;font-size:14px;font-weight:500;cursor:pointer}
.ka-compose .ka-mic i{font-size:16px;color:var(--primary,#087e60)}
.ka-compose .ka-mic.is-listening{background:#fff0ed;border-color:#f3cfc6;color:#a33926}.ka-compose .ka-mic.is-listening i{color:#a33926}
.ka-compose .ka-mic:disabled{opacity:.5;cursor:wait}
.ka-send{display:grid;place-items:center;flex:none;width:44px;height:44px;padding:0;border:0;border-radius:22px;background:var(--primary,#087e60);color:var(--on-primary,#fff);font:inherit;font-size:20px;cursor:pointer}
.ka-send.is-empty{background:var(--line,#e3e8e5);color:var(--muted,#64736c);cursor:default}
.ka-send:disabled{opacity:.55;cursor:wait}
.ka-voice-status{font-size:13px;line-height:1.5;margin:0 4px 8px;color:#087e60}.ka-voice-status:empty{display:none}
.ka-dialog :focus-visible,.ka-entry:focus-visible{outline:3px solid #087e60;outline-offset:2px}.ka-compose textarea:focus-visible{outline:0}
@media(hover:hover){.ka-ask:hover{background:#e8f1ec}.ka-card:hover,.ka-entry:hover{border-color:#90bda4}.ka-head button:hover{background:#e8eeea}}
@media(min-width:600px){.ka-dialog{inset:20px auto;width:414px;left:50%;transform:translateX(-50%);max-height:880px;padding-top:0;border:1px solid #e0e9e1;border-radius:28px;box-shadow:0 20px 80px #15392e24}}
/* 낮은 화면 — 말풍선이 입력창 위에 다 보이게 그림·한 줄을 먼저 줄인다(qa-recipe-voice 가 11개 나라 × 5 크기에서 스크롤 없이 들어가는지 본다). */
@media(max-height:780px){.ka-hello{padding-top:8px;gap:8px}.ka-hello-art{width:84px;height:88px}.ka-asks{gap:8px}}
@media(max-height:700px){.ka-hello-art{width:64px;height:66px}}
@media(max-height:660px){.ka-hello-art{display:none}}
@media(max-height:620px){.ka-head{height:52px}.ka-welcome-copy{display:none}.ka-asks{gap:6px;padding:12px 0 4px}.ka-ask{min-height:40px;padding:8px 14px}}
@media(max-width:370px){.ka-head{padding-left:16px}.ka-thread{padding-inline:16px}.ka-ask{font-size:14px;padding-inline:13px}.ka-compose{padding-inline:12px}}
@media(prefers-reduced-motion:no-preference){.ka-welcome{animation:ka-appear .22s ease-out}@keyframes ka-appear{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}}
.ka-record-rows{display:grid;gap:8px;margin:10px 0 12px}
.ka-record-row{display:grid;grid-template-columns:auto auto 1fr 72px 76px;grid-template-areas:"c a n q u" ". . y y y" ". . t t s" ". . e e e";align-items:center;gap:4px 8px;padding:10px 12px;border:1px solid #dce6dc;border-radius:14px;background:#fff}
.ka-record-row.is-off{opacity:.55}.ka-record-row>input[type=checkbox]{grid-area:c;width:20px;height:20px;accent-color:#087e60}
.ka-record-act{grid-area:a;font-size:11px;font-weight:700;padding:3px 8px;border-radius:999px;background:#e7f2e9;color:#087e60}
.ka-record-row.is-use .ka-record-act{background:#fff4e0;color:#8a5a12}.ka-record-row.is-remove .ka-record-act{background:#fdecea;color:#a33926}
.ka-record-name{grid-area:n;font-size:15px;font-weight:650;min-width:0;overflow-wrap:anywhere}
.ka-record-amount{grid-area:q;box-sizing:border-box;width:100%;height:36px;padding:4px 8px;border:1px solid #dce5dc;border-radius:10px;font:inherit;font-size:16px}
.ka-record-unit{grid-area:u;box-sizing:border-box;width:100%;height:36px;padding:4px 6px;border:1px solid #dce5dc;border-radius:10px;background:#fff;font:inherit;font-size:15px;color:#1f3a2b}
.ka-record-row.is-guess .ka-record-unit{border-color:#e0a23a;background:#fff8ec}
.ka-record-qty{grid-area:y;font-size:13px;font-weight:650;color:#087e60}.ka-record-qty:empty{display:none}
.ka-record-note{grid-area:t;font-size:13px;color:#68796d}.ka-record-note:empty{display:none}
.ka-record-storage{grid-area:s;box-sizing:border-box;height:32px;padding:2px 6px;border:1px solid #dce5dc;border-radius:10px;background:#f6f9f4;font:inherit;font-size:13px;color:#35523f}
.ka-record-expiry-wrap{grid-area:e;display:flex;align-items:center;gap:8px;font-size:13px;color:#68796d}.ka-record-expiry-wrap:empty{display:none}
.ka-record-expiry{box-sizing:border-box;flex:1;min-width:0;height:32px;padding:2px 8px;border:1px solid #dce5dc;border-radius:10px;background:#f6f9f4;font:inherit;font-size:14px;color:#35523f}
.ka-primary{display:block;width:100%;min-height:48px;border:0;border-radius:16px;background:#087e60;color:#fff;font:inherit;font-size:15px;font-weight:750;cursor:pointer}
.ka-record-next{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}
.ka-record-skip{margin:6px 2px 10px;font-size:13px;font-weight:600;line-height:1.45;color:#8A5A00;word-break:keep-all}
.ka-clarify{margin:0 0 20px}.ka-clarify-choices{display:flex;flex-wrap:wrap;gap:8px}.ka-clarify-choices .ka-secondary{margin:0;min-height:44px;padding:10px 14px;background:#f0f6f2;border-color:#dbe7df;color:#17644c;font-size:14px}.ka-clarify-summary{padding:12px 0;border-top:1px solid #e9ece7;border-bottom:1px solid #e9ece7;font-size:13px;color:#52665b}.ka-clarify-summary summary{cursor:pointer;min-height:24px}.ka-clarify-summary ul{padding-left:20px;line-height:1.8}.ka-clarify .ka-note{font-size:13px}
.ka-recipe-clarify{margin:16px 0 20px}.ka-recipe-clarify .ka-note{font-size:13px;line-height:1.5}.ka-recipe-clarify .ka-bubble{margin:12px 0}.ka-remembered{margin-bottom:12px}
.ka-voice-layer[hidden]{display:none}
.ka-voice-layer{position:absolute;inset:0;z-index:5;display:flex;align-items:flex-end;background:#102b2250;backdrop-filter:blur(3px);overflow:hidden}
.ka-voice-panel{box-sizing:border-box;width:100%;max-height:100%;overflow-y:auto;background:#fff;color:#213a2e;border-radius:27px 27px 0 0;padding:12px 23px max(24px,env(safe-area-inset-bottom));box-shadow:0 -15px 40px #0b241d15}
.ka-voice-panel:before{content:'';display:block;width:34px;height:4px;border-radius:5px;background:#e7eee7;margin:0 auto 11px}
.ka-voice-panel-head{display:flex;align-items:center;justify-content:space-between;gap:10px}
.ka-voice-panel-head h3{margin:0;font:inherit;font-size:18px;font-weight:650;line-height:1.45;letter-spacing:-.4px}
.ka-voice-close{display:grid;place-items:center;flex:none;width:44px;height:44px;border:0;border-radius:12px;background:transparent;color:#78867d;font-size:22px;cursor:pointer}
.ka-voice-wave{height:76px;display:flex;align-items:center;justify-content:center;gap:6px;margin:16px 0 10px;background:radial-gradient(ellipse,#edf7ef,transparent 69%)}
.ka-voice-wave span{width:5px;border-radius:8px;background:linear-gradient(180deg,#80c4aa,#087e60);transform:scaleY(.4)}
.ka-voice-layer[data-state=listening] .ka-voice-wave span{animation:ka-speaking 1s ease-in-out infinite alternate;animation-delay:calc(var(--voice-i) * -.13s)}
.ka-voice-heard{font-size:19px;line-height:1.55;letter-spacing:-.4px;text-align:center;font-weight:550;padding:0 8px;margin:0;max-height:120px;overflow:auto;overflow-wrap:anywhere;white-space:pre-wrap}
.ka-voice-panel .ka-voice-status{margin:12px 0 0;font-size:12px;line-height:1.6;text-align:center;color:#78867d}
.ka-voice-panel .ka-voice-use{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:48px;margin-top:20px;padding:12px 16px;border:0;border-radius:14px;background:#087e60;color:#fff;font:inherit;font-size:14px;font-weight:650;cursor:pointer}
.ka-voice-panel .ka-voice-use:disabled{opacity:.55;cursor:wait}.ka-voice-panel .ka-voice-use i{font-size:18px}
.ka-voice-hint{margin:12px 0 0;font-size:12px;line-height:1.5;text-align:center;color:var(--muted,#64736c);word-break:keep-all}
@keyframes ka-speaking{from{transform:scaleY(.4)}to{transform:scaleY(1)}}
@media(prefers-reduced-motion:reduce){.ka-voice-layer[data-state=listening] .ka-voice-wave span{animation:none;transform:scaleY(.75)}}
@media(max-height:590px){.ka-voice-panel{padding:10px 18px 18px}.ka-voice-wave{height:64px;margin-block:8px}.ka-voice-heard{max-height:90px}.ka-voice-hint{margin-top:8px}}
@media(min-width:600px){.ka-voice-layer{border-radius:0 0 27px 27px}}
/* 2026-11-04 사장님 "Ai 메시지 주고받을때 이미지 참고"(배민 AI 검색 캡처) — 그림 중심 대화. 모든 나라 같은 모양, 글만 그 나라 말.
   머리: 제목 22 · 새로 시작(↻, 바탕 없음) · 닫기(회색 동그라미). 내 말 = 오른쪽 연민트 말풍선. 깨빙 답 = 말풍선 없는 맨글.
   결과 = 큰 사진 카드 가로 넘김(다음 카드가 오른쪽에 걸쳐 보인다). 아래 = 이어 물을 말 알약(✨) → 큰 둥근 입력칸 → 회색 한 줄.
   글자 5단계(22·17·15·13·11) · 입력칸 16px 이상(아이폰 확대 방지) · 주 단추 검정 #111614. */
.ka-head{height:64px;padding:0 12px 0 20px;gap:4px}
.ka-head h2{font-size:22px;font-weight:800}
.ka-head .ka-reset{background:transparent;font-size:24px}
.ka-head .ka-close{width:40px;height:40px;border-radius:20px;background:var(--soft,#f3f6f4);font-size:20px}
.ka-thread{padding:12px 20px 12px}
.ka-bubble{margin:0 0 18px;padding:0 2px;border:0;border-radius:0;background:transparent;font-size:15px;line-height:1.6;color:var(--ink,#192c26)}
.ka-bubble.is-user{margin:4px 0 22px auto;padding:12px 18px;max-width:80%;border:1px solid var(--primary-line,#bfdcd2);border-radius:22px;background:var(--primary-soft,#e6f3ee);color:var(--ink,#192c26);font-size:15px;font-weight:500}
.ka-results{margin:0 0 22px}
.ka-mode{font-size:11px;font-weight:700;color:var(--muted,#64736c);margin:0 0 6px}.ka-mode:before{background:var(--primary,#087e60)}
.ka-result-title{margin:0 0 12px;font-size:15px;font-weight:400;line-height:1.6;letter-spacing:-.01em;color:var(--ink,#192c26)}
.ka-filters{margin:0 0 14px;gap:6px}.ka-filters span{font-size:11px;padding:5px 10px;border:0;border-radius:999px;background:var(--soft,#f3f6f4);color:var(--ink-2,#4a5b55)}
/* 사진 카드 — 한 장 너비 78%(최대 300px), 옆으로 넘긴다. 카드 전체가 상세로 가는 링크다. */
.ka-cards{display:flex;gap:12px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-inline:20px;margin:0 -20px 4px;padding:2px 20px 8px;scrollbar-width:none}
.ka-cards::-webkit-scrollbar{display:none}
.ka-card{flex:0 0 78%;max-width:300px;scroll-snap-align:start;display:flex;flex-direction:column;gap:10px;border:0;border-radius:0;background:transparent;box-shadow:none;overflow:visible}
.ka-card-photo{display:block;position:relative;aspect-ratio:4/3;border-radius:16px;overflow:hidden;background:var(--soft,#f3f6f4);border:1px solid #edf0ee}
.ka-card-photo img{display:block;width:100%;height:100%;object-fit:cover}
.ka-card-body{display:flex;flex-direction:column;gap:5px;padding:0 2px}
.ka-card .ka-card-title{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:17px;font-weight:700;line-height:1.4;letter-spacing:-.02em;color:var(--ink,#192c26);word-break:keep-all;overflow-wrap:anywhere}
.ka-card-meta{display:flex;align-items:center;flex-wrap:wrap;gap:2px 0;margin:0}
.ka-card-meta small{display:inline-flex;align-items:center;gap:3px;font-size:13px;line-height:1.5;color:var(--muted,#64736c)}
.ka-card-meta small+small:before{content:'·';margin:0 6px;color:#b5beb9}
.ka-card-meta .ka-cost{color:var(--ink,#192c26);font-weight:600}
.ka-card-meta .ti{font-size:15px}
.ka-card-tags{display:flex;align-items:center;flex-wrap:wrap;gap:6px;margin-top:2px}
.ka-card .ka-stock{display:inline-flex;align-items:center;margin:0;padding:3px 9px;border-radius:999px;font-size:11px;font-weight:700;line-height:1.4;background:var(--primary-soft,#e6f3ee);color:var(--primary,#087e60)}
.ka-card .ka-stock.is-missing{background:#fbf1de;color:#8a5a00}
.ka-card .ka-lack{font-size:13px;line-height:1.4;color:var(--muted,#64736c);word-break:keep-all;overflow-wrap:anywhere}
.ka-note{font-size:13px;line-height:1.55;color:var(--muted,#64736c);margin:8px 0 0}
.ka-secondary{border-color:var(--line,#e3e8e5);border-radius:999px;color:var(--ink,#192c26);font-weight:600}
/* 아래 — 이어 물을 말(✨ 알약, 가로 넘김) · 입력칸 · 회색 한 줄 */
.ka-follow{display:flex;gap:8px;overflow-x:auto;margin:0 -16px 10px;padding:4px 16px 2px;scrollbar-width:none}
.ka-follow[hidden]{display:none}.ka-follow::-webkit-scrollbar{display:none}
.ka-follow-pill{flex:none;display:inline-flex;align-items:center;gap:6px;min-height:40px;max-width:82%;box-sizing:border-box;padding:8px 14px;border:1px solid var(--line,#e3e8e5);border-radius:999px;background:#fff;box-shadow:0 2px 8px rgba(25,44,38,.06);color:var(--ink,#192c26);font:inherit;font-size:15px;line-height:1.3;white-space:nowrap;cursor:pointer}
.ka-follow-pill>span{overflow:hidden;text-overflow:ellipsis}
.ka-follow-pill>i{font-size:17px;color:var(--primary,#087e60)}
.ka-compose{padding-bottom:max(10px,env(safe-area-inset-bottom))}
.ka-compose form{padding:14px 12px 10px 16px;border:1px solid #dfe5e2;border-radius:24px;box-shadow:0 2px 12px rgba(25,44,38,.05)}
.ka-compose form:focus-within{border-color:var(--primary-line,#bfdcd2)}
.ka-send{width:40px;height:40px;border-radius:20px;background:#111614;color:#fff}
.ka-send.is-empty{background:#e9ecea;color:#a3aca8}
.ka-disclaimer{margin:8px 0 0;font-size:13px;line-height:1.4;text-align:center;color:var(--muted,#64736c)}
.ka-primary{background:#111614;border-radius:14px}
/* 재료 기록 확인 — 줄마다 재료 그림 · 이름 + 넣기/쓰기/빼기 · 양 알약(수 + 단위) · 보관·기한 */
.ka-record-rows{gap:0;margin:4px 0 14px}
.ka-record-row{display:grid;grid-template-columns:22px 48px minmax(0,1fr);grid-template-areas:none;align-items:start;gap:0 12px;padding:14px 0;border:0;border-bottom:1px solid #eef1ef;border-radius:0;background:transparent}
.ka-record-row:last-child{border-bottom:0}
.ka-record-row>input[type=checkbox]{grid-area:auto;margin:14px 0 0}
.ka-record-icon{display:grid;place-items:center;width:48px;height:48px;border-radius:14px;background:#f4f6f5;font-size:17px;font-weight:700;color:var(--muted,#64736c);overflow:hidden}
.ka-record-icon img{width:32px;height:32px;object-fit:contain}
.ka-record-main{display:flex;flex-direction:column;gap:6px;min-width:0}
.ka-record-top{display:flex;align-items:center;gap:8px;min-width:0}
.ka-record-name{font-size:15px;font-weight:700}
.ka-record-act{flex:none}
.ka-record-line{display:flex;align-items:center;flex-wrap:wrap;gap:6px 10px}
.ka-record-pill{display:inline-flex;align-items:center;height:38px;padding:0 4px 0 12px;border-radius:999px;background:var(--primary-soft,#e6f3ee)}
.ka-record-pill[hidden]{display:none}
.ka-record-pill .ka-record-amount{width:56px;height:34px;padding:0;border:0;background:transparent;font-weight:700;color:var(--primary,#087e60);text-align:right}
.ka-record-pill .ka-record-unit{width:auto;min-width:56px;max-width:110px;height:34px;padding:0 6px;border:0;background:transparent;font-size:16px;font-weight:600;color:var(--primary,#087e60)}
.ka-record-row.is-guess .ka-record-pill{box-shadow:0 0 0 1.5px #e0a23a inset;background:#fff8ec}
.ka-record-row.is-guess .ka-record-unit{border:0;background:transparent}
.ka-record-keep{display:flex;align-items:center;flex-wrap:wrap;gap:6px 8px}
.ka-record-storage{height:34px;border-radius:999px;padding:0 10px;font-size:16px;border-color:var(--line,#e3e8e5);background:#fff}
/* 날짜 칸은 보관 칸 아래 한 줄을 다 쓴다 — 보관과 한 줄이면 '11/25/202' 로 잘렸다(사장님 2026-11-04). 글자 16px 그대로. */
.ka-record-expiry-wrap{flex:1 1 100%;min-width:0}
.ka-record-expiry-label{flex:none}
.ka-record-expiry{flex:1 1 auto;min-width:168px;height:36px;padding:0 12px;border-radius:999px;font-size:16px;border-color:var(--line,#e3e8e5);background:#fff}
/* 좁은 폰(≤370)은 대화·입력칸 옆 여백이 16·12px 이라 끝까지 닿는 줄도 그 여백만큼만 내민다(더 내밀면 창이 옆으로 넘친다). */
@media(max-width:370px){.ka-thread{padding-inline:16px}.ka-cards{margin-inline:-16px;padding-inline:16px;scroll-padding-inline:16px}.ka-follow{margin-inline:-12px;padding-inline:12px}}
@media(max-height:620px){.ka-follow-pill{min-height:36px;padding-block:6px}.ka-disclaimer{margin-top:4px}}