:root{--font-ui:system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-mono:ui-monospace, "SF Mono", Menlo, Consolas, monospace;--page:#f6f7f9;--card:#fff;--card-2:#f9fafb;--ink:#16191d;--muted:#667085;--faint:#98a2b3;--border:#e5e7eb;--border-strong:#d0d5dd;--accent:#4f46e5;--accent-hover:#4338ca;--on-accent:#fff;--danger:#dc2626;--danger-soft:#fef2f2;--ok:#059669;--radius-card:16px;--radius-input:10px;--radius-pill:999px;--maxw:1120px;--hv-prod-docudwell:#0e7490;--hv-prod-estatepal:#7c3aed;--hv-prod-todozie:#ea580c;--hv-prod-scripttoggle:#4f46e5;--hv-prod-slhq:#b45309;--hv-prod-default:#475467;--hv-type-industry:#2563eb;--hv-type-trending:#db2777;--hv-type-seasonal:#059669}*{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--page);color:var(--ink);font-family:var(--font-ui);-webkit-font-smoothing:antialiased;margin:0;font-size:16px;line-height:1.45}button{font-family:inherit}a{color:var(--accent)}.btn{border-radius:var(--radius-pill);background:var(--accent);color:var(--on-accent);cursor:pointer;border:none;justify-content:center;align-items:center;gap:8px;padding:10px 18px;font-size:15px;font-weight:600;display:inline-flex}.btn:hover{background:var(--accent-hover)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-ghost{color:var(--ink);border:1px solid var(--border-strong);background:0 0}.btn-ghost:hover{background:var(--card-2)}.btn-danger{background:var(--danger)}.btn-danger:hover{background:#b91c1c}.input,.textarea,.select{border:1px solid var(--border-strong);border-radius:var(--radius-input);background:var(--card);width:100%;color:var(--ink);padding:10px 12px;font-family:inherit;font-size:15px}.textarea{resize:vertical;min-height:90px}.card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-card);padding:20px}.wrap{max-width:var(--maxw);margin:0 auto;padding:24px 18px 64px}.pill{border-radius:var(--radius-pill);letter-spacing:.02em;color:#fff;align-items:center;padding:3px 10px;font-size:12px;font-weight:700;display:inline-flex}.mono{font-family:var(--font-mono)}.muted{color:var(--muted)}.kk{--kk-bg:#17121c;--kk-surface:#231b2b;--kk-surface-2:#2e2438;--kk-line:#3a2f46;--kk-ink:#f7efe7;--kk-muted:#b9aabf;--kk-accent:#f4a96a;--kk-accent-2:#f7c59a;--kk-on-accent:#2b1909;--kk-leaf:#9ad7a6;--kk-danger:#ff8f86;--kk-radius:26px;--kk-radius-sm:18px;--kk-shadow:0 10px 30px #00000059;--kk-tap:56px;color:var(--kk-ink);font-family:var(--font-ui)}.kk-root{background:radial-gradient(120% 60% at 50% -10%, #3a2440 0%, transparent 60%), var(--kk-bg);min-height:100dvh}.kk-page{max-width:560px;padding:16px 16px calc(130px + env(safe-area-inset-bottom));margin:0 auto}.kk h1,.kk h2{letter-spacing:-.01em;margin:0}.kk-muted{color:var(--kk-muted)}.kk-center{text-align:center}.kk-top{grid-template-columns:1fr auto 1fr;align-items:center;min-height:56px;margin-bottom:14px;display:grid}.kk-top>.kk-link{justify-self:start}.kk-wordmark{letter-spacing:-.02em;white-space:nowrap;align-items:center;gap:10px;font-size:24px;font-weight:800;display:flex}.kk-mark{border-radius:13px;width:48px;height:48px;display:block}.kk-link{color:var(--kk-muted);font:inherit;cursor:pointer;background:0 0;border:none;min-height:44px;padding:0 4px;font-size:15px}.kk-link:hover{color:var(--kk-ink)}.kk-card{background:var(--kk-surface);border:1px solid var(--kk-line);border-radius:var(--kk-radius);box-shadow:var(--kk-shadow);padding:28px 22px}.kk-gate,.kk-empty{text-align:center;margin-top:8vh}.kk-gate h1{margin-top:10px;font-size:28px}.kk-gate p{margin:8px 0 24px}.kk-gate-emoji{font-size:52px}.kk-gate .kk-cta{width:100%}.kk-gate-leave{margin-top:10px}.kk-empty-faces{letter-spacing:6px;margin-bottom:12px;font-size:30px}.kk-empty h2{font-size:20px}.kk-empty p{margin:8px 0 0}.kk-cta{min-height:var(--kk-tap);background:linear-gradient(180deg, var(--kk-accent-2), var(--kk-accent));color:var(--kk-on-accent);font:inherit;cursor:pointer;border:none;border-radius:999px;padding:0 28px;font-size:18px;font-weight:800;transition:transform .12s;box-shadow:0 8px 22px #f4a96a47}.kk-cta:active{transform:scale(.97)}.kk-cta:disabled{opacity:.55;cursor:default}.kk-btn{border:1px solid var(--kk-line);background:var(--kk-surface-2);min-height:48px;color:var(--kk-ink);font:inherit;cursor:pointer;border-radius:999px;padding:0 20px;font-weight:700}.kk-btn:disabled{opacity:.55;cursor:default}.kk-btn-quiet{color:var(--kk-muted);background:0 0}.kk-btn-danger{background:var(--kk-danger);border-color:var(--kk-danger);color:#2b0d0a}.kk-dock{padding:16px 16px calc(16px + env(safe-area-inset-bottom));background:linear-gradient(180deg, transparent, var(--kk-bg) 40%);z-index:10;justify-content:center;display:flex;position:fixed;bottom:0;left:0;right:0}.kk-dock .kk-cta{width:100%;max-width:528px;min-height:64px;font-size:20px}.kk-section-title{text-transform:uppercase;letter-spacing:.08em;color:var(--kk-muted);margin:8px 4px 10px;font-size:13px;font-weight:700}.kk-list{gap:10px;margin:0;padding:0;list-style:none;display:grid}.kk-row{background:var(--kk-surface);border:1px solid var(--kk-line);border-radius:var(--kk-radius-sm);width:100%;min-height:72px;color:inherit;font:inherit;text-align:left;cursor:pointer;align-items:center;gap:14px;padding:12px 16px;display:flex}.kk-row:hover{background:var(--kk-surface-2)}.kk-row-face{font-size:34px;line-height:1}.kk-row-main{flex:1;gap:2px;min-width:0;display:grid}.kk-row-label{font-size:17px;font-weight:700}.kk-row-time{color:var(--kk-muted);font-size:14px}.kk-row-chev{color:var(--kk-muted);font-size:24px}.kk-badge{color:var(--kk-danger);white-space:nowrap;background:#ff8f8626;border-radius:999px;padding:4px 10px;font-size:12px;font-weight:700}.kk-backdrop{z-index:40;background:#08050c99;justify-content:center;align-items:flex-end;animation:.18s kk-fade;display:flex;position:fixed;inset:0}.kk-sheet{background:var(--kk-surface);border:1px solid var(--kk-line);border-radius:var(--kk-radius) var(--kk-radius) 0 0;width:100%;max-width:560px;max-height:92dvh;padding:10px 18px calc(22px + env(safe-area-inset-bottom));box-shadow:var(--kk-shadow);border-bottom:none;animation:.24s cubic-bezier(.2,.9,.3,1.1) kk-rise;overflow-y:auto}.kk-sheet-grip{background:var(--kk-line);border-radius:999px;width:44px;height:5px;margin:0 auto 10px}.kk-sheet-head{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.kk-sheet-head h2{font-size:20px}.kk-hint{margin:14px 0 4px;font-size:14px}.kk-faces{grid-template-columns:repeat(5,1fr);gap:8px;display:grid}.kk-face{border-radius:var(--kk-radius-sm);background:var(--kk-surface-2);min-height:92px;color:var(--kk-ink);font:inherit;cursor:pointer;border:2px solid #0000;place-items:center;gap:4px;padding:10px 2px;display:grid}.kk-face-emoji{font-size:40px;line-height:1}.kk-face-label{color:var(--kk-muted);font-size:13px;font-weight:600}.kk-face.is-on{border-color:var(--kk-accent);background:#f4a96a24}.kk-face.is-on .kk-face-label{color:var(--kk-ink)}.kk-face.is-bounce .kk-face-emoji{animation:.42s cubic-bezier(.3,1.6,.5,1) kk-bounce}.kk-face:disabled{cursor:default}.kk-field{gap:10px;margin-top:18px;display:grid}.kk-field-label{color:var(--kk-muted);font-size:14px;font-weight:700}.kk-input{border-radius:var(--kk-radius-sm);border:1px solid var(--kk-line);background:var(--kk-surface-2);width:100%;min-height:52px;color:var(--kk-ink);font:inherit;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;padding:0 16px;font-size:16px}.kk-toggle{border-radius:var(--kk-radius-sm);border:1px solid var(--kk-line);background:var(--kk-surface-2);min-height:56px;color:var(--kk-ink);font:inherit;cursor:pointer;justify-content:space-between;align-items:center;padding:0 16px;font-weight:700;display:flex}.kk-toggle-knob{background:var(--kk-line);border-radius:999px;width:46px;height:28px;transition:background .15s;position:relative}.kk-toggle-knob:after{content:"";background:var(--kk-ink);border-radius:50%;width:22px;height:22px;transition:transform .18s;position:absolute;top:3px;left:3px}.kk-toggle.is-on .kk-toggle-knob{background:var(--kk-danger)}.kk-toggle.is-on .kk-toggle-knob:after{transform:translate(18px)}.kk-chips{flex-wrap:wrap;gap:8px;display:flex}.kk-chip{border:1px solid var(--kk-line);min-height:44px;color:var(--kk-ink);font:inherit;cursor:pointer;background:0 0;border-radius:999px;padding:0 16px;font-size:15px}.kk-chip.is-on{border-color:var(--kk-accent);background:#f4a96a29}.kk-chip-bad.is-on{border-color:var(--kk-danger);background:#ff8f8629}.kk-actions{justify-content:space-between;gap:10px;margin-top:22px;display:flex}.kk-actions .kk-cta{flex:1}.kk-confirm{margin-top:22px}.kk-confirm p{margin:0;font-weight:700}.kk-confirm .kk-actions{justify-content:flex-end;margin-top:12px}.kk-error{color:var(--kk-danger);background:#ff8f861a;border-radius:14px;margin:12px 0;padding:10px 14px}.kk-tabs{background:var(--kk-surface);border:1px solid var(--kk-line);border-radius:999px;grid-template-columns:1fr 1fr;gap:4px;margin-bottom:18px;padding:4px;display:grid}.kk-tab{min-height:44px;color:var(--kk-muted);font:inherit;cursor:pointer;background:0 0;border:none;border-radius:999px;font-weight:700}.kk-tab.is-on{background:var(--kk-surface-2);color:var(--kk-ink)}.kk-wide{width:100%}.kk-small{font-size:14px;margin-top:4px!important}.kk-grid{grid-template-columns:repeat(2,1fr);gap:10px;margin:16px 0 0;padding:0;list-style:none;display:grid}.kk-product{border-radius:var(--kk-radius-sm);border:2px solid var(--kk-line);background:var(--kk-surface);width:100%;height:100%;color:var(--kk-ink);font:inherit;text-align:left;cursor:pointer;align-content:start;gap:3px;padding:8px 8px 12px;display:grid}.kk-product:hover{background:var(--kk-surface-2)}.kk-product.is-on{border-color:var(--kk-accent);background:#f4a96a1f}.kk-product.is-dim{opacity:.6}.kk-product-photo{aspect-ratio:1;background:var(--kk-surface-2);border-radius:12px;place-items:center;margin-bottom:6px;font-size:40px;display:grid;overflow:hidden}.kk-product-photo img{object-fit:cover;width:100%;height:100%;display:block}.kk-product-name{padding:0 4px;font-size:15px;font-weight:700;line-height:1.25}.kk-product-sub{color:var(--kk-muted);padding:0 4px;font-size:13px}.kk-product-method{color:var(--kk-leaf);background:#9ad7a624;border-radius:999px;justify-self:start;margin:4px 4px 0;padding:3px 9px;font-size:12px;font-weight:700}.kk-finished{margin-top:22px}.kk-photos{gap:10px;padding-bottom:4px;display:flex;overflow-x:auto}.kk-photo{background:var(--kk-surface-2);border:1px solid var(--kk-line);border-radius:16px;flex:0 0 96px;place-items:center;height:96px;display:grid;position:relative;overflow:hidden}.kk-photo img{object-fit:cover;width:100%;height:100%;display:block}.kk-photo-x{color:#fff;cursor:pointer;background:#08050cb3;border:none;border-radius:50%;width:32px;height:32px;font-size:20px;line-height:1;position:absolute;top:4px;right:4px}.kk-photo-add{border:2px dashed var(--kk-line);color:var(--kk-muted);font:inherit;cursor:pointer;align-content:center;gap:2px;font-size:13px;font-weight:700}.kk-photo-add span:first-child{font-size:26px}.kk-photo-big{flex-basis:140px;height:140px}.kk-flush{margin-top:0!important}.kk-facts{gap:8px;margin:16px 0 0;display:grid}.kk-fact{background:var(--kk-surface-2);border-radius:14px;justify-content:space-between;gap:12px;padding:10px 14px;display:flex}.kk-fact dt{color:var(--kk-muted);font-size:14px}.kk-fact dd{text-align:right;margin:0;font-weight:700}.kk-stash-actions{gap:6px;margin-top:18px;display:grid}.kk-two{grid-template-columns:1fr 1fr;gap:0 10px;display:grid}.kk-field-tight{gap:6px;margin-top:12px}.kk-finish{margin-top:10px}.kk-toast{left:50%;bottom:calc(150px + env(safe-area-inset-bottom));z-index:50;background:var(--kk-ink);min-height:52px;color:var(--kk-bg);box-shadow:var(--kk-shadow);white-space:nowrap;border-radius:999px;align-items:center;gap:14px;padding:10px 10px 10px 20px;font-weight:700;animation:.22s kk-toast-in;display:flex;position:fixed;transform:translate(-50%)}.kk-toast-undo{background:var(--kk-bg);min-height:40px;color:var(--kk-accent-2);font:inherit;cursor:pointer;border:none;border-radius:999px;padding:0 16px;font-weight:800}@keyframes kk-fade{0%{opacity:0}}@keyframes kk-rise{0%{opacity:0;transform:translateY(24px)}}@keyframes kk-toast-in{0%{opacity:0;transform:translate(-50%,24px)}}@keyframes kk-bounce{0%{transform:scale(1)}40%{transform:scale(1.3)rotate(-6deg)}to{transform:scale(1)}}@media (prefers-reduced-motion:reduce){.kk *,.kk :before,.kk :after{transition:none!important;animation:none!important}}.kk-dock-inner{justify-items:center;gap:2px;width:100%;max-width:528px;display:grid}.kk-dock-inner .kk-cta{width:100%;min-height:64px;font-size:20px}.kk-checkin{border-color:var(--kk-accent);margin-bottom:16px;padding:20px 16px}.kk-checkin h2{font-size:22px}.kk-checkin .kk-faces{margin-top:14px}.kk-row-items{color:var(--kk-ink);opacity:.85;text-overflow:ellipsis;white-space:nowrap;font-size:14px;overflow:hidden}.kk-grid-tight{margin-top:10px}.kk-dose{border-radius:var(--kk-radius-sm);background:var(--kk-surface-2);border:1px solid var(--kk-line);gap:12px;margin-top:16px;padding:14px;display:grid}.kk-dose-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.kk-dose-name{font-weight:800}.kk-dose .kk-link{min-height:36px}.kk-stepper{align-items:center;gap:12px;display:flex}.kk-stepper button{border:1px solid var(--kk-line);background:var(--kk-surface);width:56px;height:56px;color:var(--kk-ink);font:inherit;cursor:pointer;border-radius:50%;font-size:28px;line-height:1}.kk-stepper-value{text-align:center;min-width:64px;font-size:30px;font-weight:800}.kk-group{margin-top:14px}.kk-group-title{margin:14px 0 0;font-size:14px;font-weight:800}.kk-group-title .kk-muted{font-weight:600}.kk-facts-tight{margin-top:8px}.kk-span{grid-column:1/-1}.kk-textarea{resize:vertical;min-height:96px;padding:12px 16px}.kk-unsure{border-color:var(--kk-accent);box-shadow:0 0 0 2px #f4a96a40}.kk-check{color:var(--kk-accent);font-weight:800}.kk-scan-note{color:var(--kk-leaf);background:#9ad7a61f;border-radius:14px;margin:4px 0 0;padding:10px 14px;font-size:14px}.kk-photo-status{text-align:center;color:#fff;background:#08050cb3;padding:4px 0;font-size:12px;font-weight:800;position:absolute;inset:auto 0 0}.kk-photo-pick{cursor:pointer;background:0 0;border:none;place-items:center;width:100%;height:100%;padding:0;display:grid}.kk-photo.is-main{border:2px solid var(--kk-accent)}.kk-photo-main{background:var(--kk-accent);color:var(--kk-on-accent);pointer-events:none;border-radius:999px;padding:2px 8px;font-size:11px;font-weight:800;position:absolute;top:4px;left:4px}.kk-rating{margin-top:20px}.kk-stars{gap:4px;display:flex}.kk-star{background:var(--kk-surface-2);width:52px;height:52px;color:var(--kk-muted);cursor:pointer;border:none;border-radius:14px;font-size:28px;line-height:1}.kk-star.is-on{color:var(--kk-accent)}.kk-product-mine{color:var(--kk-accent);letter-spacing:1px;padding:2px 4px 0;font-size:13px}.kk-again{color:var(--kk-leaf);letter-spacing:0;font-weight:700}.kk-skip{color:var(--kk-danger);letter-spacing:0;font-weight:700}.kk-share{margin-top:10px}.kk-mixing{margin-top:4px}.kk-mixing .kk-chips+.kk-chips{margin-top:8px}.kk-drinks{gap:8px;display:grid}.kk-drink{border-radius:var(--kk-radius-sm);border:1px solid var(--kk-line);background:var(--kk-surface-2);justify-content:space-between;align-items:center;gap:10px;padding:6px 6px 6px 14px;display:flex}.kk-drink.is-on{border-color:var(--kk-accent);background:#f4a96a1a}.kk-drink-name{min-height:44px;color:var(--kk-ink);font:inherit;text-align:left;cursor:pointer;background:0 0;border:none;flex:1;font-weight:700}.kk-mini-stepper{align-items:center;gap:8px;display:flex}.kk-mini-stepper button{border:1px solid var(--kk-line);background:var(--kk-surface);width:44px;height:44px;color:var(--kk-ink);font:inherit;cursor:pointer;border-radius:50%;font-size:22px;line-height:1}.kk-mini-stepper button:disabled{opacity:.35;cursor:default}.kk-mini-stepper span{text-align:center;min-width:22px;font-size:18px;font-weight:800}