:root{
 --bg:#f2eee7;--paper:#fffdf8;--ink:#171614;--muted:#746d64;--line:#e3dbcf;
 --dark:#11110f;--green:#477c5b;--amber:#be8740;--red:#ad4d47;--blue:#587aa9;
 --shadow:0 12px 38px rgba(50,35,20,.07);--r:24px
}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--bg);color:var(--ink);font-family:Arial,"Noto Sans Hebrew",sans-serif}
body{min-height:100svh;overscroll-behavior:none}.hidden{display:none!important}button{font:inherit;cursor:pointer}
.boot{position:fixed;inset:0;z-index:100;background:var(--dark);color:#fff;display:grid;place-items:center;padding:max(24px,env(safe-area-inset-top)) 20px max(24px,env(safe-area-inset-bottom))}
.boot-card{text-align:center;width:min(100%,450px)}.boot-logo{width:92px;height:92px;border-radius:24px}.eyebrow{font-size:10px;letter-spacing:.12em;font-weight:800;color:var(--muted)}
.boot .eyebrow{color:#8e8b86;margin-top:20px}.boot h1{font-size:clamp(34px,9vw,54px);line-height:1.03;margin:10px 0}.boot p{color:#aaa;line-height:1.55;font-size:14px;margin:0 auto;max-width:390px}
.primary-xl{display:block;width:100%;border:0;border-radius:17px;background:#fff;color:#111;padding:17px;margin-top:25px;font-weight:900;font-size:16px}
.primary-xl:disabled{opacity:.45}.boot-status{margin-top:14px;font-size:11px;color:#888}.boot-status.error{color:#ff998f}.boot-status.ok{color:#75d496}
.privacy{font-size:10px!important;color:#666!important;margin-top:11px!important}
.app{max-width:1280px;margin:auto;padding:max(10px,env(safe-area-inset-top)) 14px max(14px,env(safe-area-inset-bottom))}
.topbar{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:7px 2px 10px;position:sticky;top:0;z-index:20;background:linear-gradient(var(--bg) 76%,transparent)}
.topbar h1{margin:2px 0 0;font-size:25px}.top-actions{display:flex;align-items:center;gap:8px}.icon-btn{width:42px;height:42px;border:1px solid var(--line);border-radius:50%;background:#fff}
.live-badge{height:42px;background:#181715;color:#fff;border-radius:999px;padding:0 13px;display:flex;align-items:center;gap:7px;font-size:11px}
.live-dot{width:8px;height:8px;border-radius:50%;background:#777}.live-badge.listening .live-dot{background:#66d488;box-shadow:0 0 0 6px #66d48820}.live-badge.speaking .live-dot{background:#e2a54c;box-shadow:0 0 0 6px #e2a54c20}.live-badge.thinking .live-dot{background:#74a0de;box-shadow:0 0 0 6px #74a0de20}.live-badge.error .live-dot{background:#e07068}
.progress-track{height:4px;background:#dfd6ca;border-radius:999px;overflow:hidden;margin:0 2px 12px}.progress-track div{height:100%;width:12.5%;background:#181715;transition:.35s}
.main-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(350px,.8fr);gap:13px}.right-stack{display:flex;flex-direction:column;gap:10px;min-width:0}
.card{background:var(--paper);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow)}.visual-card{padding:13px;min-width:0}.visual-card h2{font-size:17px;margin:4px 2px 10px}
.card-label-row{display:flex;justify-content:space-between;gap:10px;align-items:center}.muted-small{font-size:10px;color:var(--muted)}
.reference-wrap{position:relative;height:calc(100svh - 160px);min-height:500px;max-height:720px;border-radius:18px;overflow:hidden;background:#d7c4ac}
.reference-wrap>img{width:100%;height:100%;object-fit:cover;display:block}.target-card{position:absolute;right:13px;left:13px;bottom:13px;background:rgba(255,253,248,.95);backdrop-filter:blur(8px);padding:12px 14px;border-radius:14px;box-shadow:0 7px 28px #0002}
.target-card span{display:block;color:var(--muted);font-size:9px;font-weight:800}.target-card strong{display:block;font-size:14px;margin-top:3px;line-height:1.35}
.vision-result{position:absolute;right:13px;left:13px;top:13px;background:#111;color:#fff;border-radius:15px;padding:12px;box-shadow:0 10px 30px #0003}.vision-result span{font-size:9px;color:#77d49a;font-weight:800}.vision-result strong{display:block;margin-top:3px;font-size:16px}.vision-result p{font-size:11px;color:#c8c8c8;margin:4px 0 0;line-height:1.4}
.action-card{padding:17px}.eta{background:#f1ebe2;color:#665f57;border-radius:999px;padding:7px 9px;font-size:10px}.action-card h2{font-size:34px;line-height:1.05;margin:9px 0}.action-card p{font-size:15px;color:#514c45;line-height:1.55;margin:0}.chips{display:flex;gap:7px;flex-wrap:wrap;margin-top:14px}.chip{background:#f3ede5;border:1px solid #e6dccf;padding:8px 10px;border-radius:11px;font-size:11px}
.parallel-card{display:flex;align-items:center;gap:12px;padding:12px 14px}.parallel-icon{width:40px;height:40px;border-radius:13px;background:#eee7dc;display:grid;place-items:center;font-size:18px}.parallel-card div:nth-child(2){min-width:0}.parallel-card strong{font-size:12px;display:block;margin-top:3px}
.timers-card{padding:13px}.timer-row{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:10px;padding:9px 0;border-top:1px solid var(--line)}.timer-row:first-of-type{border-top:0}.timer-label{font-size:12px}.timer-time{font-variant-numeric:tabular-nums;font-size:19px;font-weight:800}.timer-x{border:0;background:transparent;color:#999}
.chef-card{background:var(--dark);color:#fff;border-radius:var(--r);padding:14px;box-shadow:0 14px 34px #0002;margin-top:auto}.chef-main{display:flex;gap:12px;align-items:center}.chef-avatar{width:56px;height:56px;border-radius:50%;overflow:hidden;flex:none;background:#222}.chef-avatar img{width:100%;height:100%}.chef-avatar.listening{box-shadow:0 0 0 5px #65d48627}.chef-copy{flex:1;min-width:0}.chef-copy span{font-size:9px;color:#929292}.chef-copy strong{display:block;font-size:15px;margin:3px 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chef-copy small{display:block;color:#aaa;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.eyes-btn{border:1px solid #3b3936;background:#282725;color:#fff;border-radius:13px;padding:11px;font-size:11px;font-weight:800;white-space:nowrap}.chef-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:11px}.chef-actions button{border:1px solid #333;background:#20201e;color:#ccc;border-radius:11px;padding:9px;font-size:10px}.chef-actions button.active{background:#6a2d2a;color:#fff}
.camera-overlay{position:fixed;inset:0;background:#000;z-index:80}.camera-overlay video{width:100%;height:100%;object-fit:cover}.camera-shade{position:absolute;inset:0;background:linear-gradient(#0008,transparent 25%,transparent 65%,#000b)}.camera-head{position:absolute;top:max(18px,env(safe-area-inset-top));left:18px;right:18px;display:flex;justify-content:space-between;color:#fff;font-size:11px;font-weight:800}.camera-head button{width:42px;height:42px;border-radius:50%;border:1px solid #fff4;background:#0006;color:#fff;font-size:25px}.camera-guide{position:absolute;inset:18% 8% 20%;display:grid;place-items:center}.frame{width:min(90vw,620px);height:min(48vh,380px);border:2px solid #fff9;border-radius:28px;box-shadow:0 0 0 9999px #0002}.camera-guide p{position:absolute;bottom:-40px;color:#fff;font-size:12px}.camera-bottom{position:absolute;bottom:max(30px,env(safe-area-inset-bottom));left:0;right:0;display:grid;place-items:center}.capture-btn{width:76px;height:76px;border-radius:50%;border:4px solid #fff;background:#ffffff35;padding:7px}.capture-btn span{display:block;width:100%;height:100%;background:#fff;border-radius:50%}
.drawer{position:fixed;inset:0;z-index:70}.drawer-backdrop{position:absolute;inset:0;background:#0008}.drawer-panel{position:absolute;top:0;bottom:0;right:0;width:min(92vw,430px);background:var(--bg);padding:max(18px,env(safe-area-inset-top)) 15px max(15px,env(safe-area-inset-bottom));display:flex;flex-direction:column}.drawer-head{display:flex;justify-content:space-between;align-items:flex-start}.drawer-head h2{margin:4px 0}.drawer-head button{border:0;background:transparent;font-size:30px}.transcript-list{flex:1;overflow:auto;padding:10px 0;display:flex;flex-direction:column;gap:8px}.msg{max-width:88%;padding:10px 12px;border-radius:14px;font-size:12px;line-height:1.45}.msg.user{align-self:flex-end;background:#fff;border:1px solid var(--line)}.msg.chef{align-self:flex-start;background:#181715;color:#fff}.debug-row{border-top:1px solid var(--line);padding-top:10px;display:flex;justify-content:space-between;gap:8px;align-items:center;font-size:9px;color:#888}.debug-row button{border:0;background:#fff;border-radius:9px;padding:8px}
.toast{position:fixed;left:50%;bottom:24px;transform:translateX(-50%);background:#111;color:#fff;border-radius:999px;padding:10px 14px;font-size:11px;z-index:120;box-shadow:0 8px 26px #0004}
@media(max-width:800px){
 .app{padding:9px}.main-grid{grid-template-columns:1fr}.reference-wrap{height:min(49svh,410px);min-height:290px}.visual-card h2{font-size:15px}.action-card{padding:14px}.action-card h2{font-size:27px}.action-card p{font-size:13px}.right-stack{gap:8px}.chef-card{position:sticky;bottom:max(7px,env(safe-area-inset-bottom));z-index:18}.parallel-card{min-height:58px}.topbar{padding-top:5px}.topbar h1{font-size:21px}.live-badge{height:38px}.icon-btn{width:38px;height:38px}.reference-wrap>img{object-position:center}
}
@media(max-width:390px){.eyes-btn{padding:9px 8px}.chef-copy strong{font-size:13px}.chef-avatar{width:49px;height:49px}.reference-wrap{height:300px}.action-card h2{font-size:24px}}

/* --- access gate --- */
.gate-input{
  width:100%;
  margin:18px 0 12px;
  padding:15px 16px;
  font-size:18px;
  font-family:inherit;
  text-align:center;
  letter-spacing:.18em;
  border-radius:12px;
  border:1px solid rgba(255,255,255,.18);
  background:rgba(255,255,255,.06);
  color:inherit;
  outline:none;
}
.gate-input:focus{ border-color:rgba(255,255,255,.45); background:rgba(255,255,255,.09); }
.gate-input::placeholder{ letter-spacing:normal; opacity:.5; }