/* בית האנסמבל: the frame around every screen, and the house's own pages.
   Language (questionnaire, rounds 2–4, 27.10.2026): white, near-black and warm grey ("Moscow–Petushki", modern);
   Rubik heavy for headings, Heebo for text, thin figures; colour only as a marker on what needs Daniel
   (sienna = urgent, beige = waiting for a decision); rounded 12, inner surfaces rounder less; glass only on what floats.
   Everything here is scoped to .hz / html[data-house], so the screens inside keep their own look. */
@font-face{font-family:"House Rubik";font-weight:300;font-display:swap;src:url(fonts/rubik-hebrew-300-normal.woff2) format("woff2");unicode-range:U+0307-0308,U+0590-05FF,U+200C-2010,U+20AA,U+25CC,U+FB1D-FB4F}
@font-face{font-family:"House Rubik";font-weight:500;font-display:swap;src:url(fonts/rubik-hebrew-500-normal.woff2) format("woff2");unicode-range:U+0307-0308,U+0590-05FF,U+200C-2010,U+20AA,U+25CC,U+FB1D-FB4F}
@font-face{font-family:"House Rubik";font-weight:700;font-display:swap;src:url(fonts/rubik-hebrew-700-normal.woff2) format("woff2");unicode-range:U+0307-0308,U+0590-05FF,U+200C-2010,U+20AA,U+25CC,U+FB1D-FB4F}
@font-face{font-family:"House Rubik";font-weight:800;font-display:swap;src:url(fonts/rubik-hebrew-800-normal.woff2) format("woff2");unicode-range:U+0307-0308,U+0590-05FF,U+200C-2010,U+20AA,U+25CC,U+FB1D-FB4F}
@font-face{font-family:"House Rubik";font-weight:300;font-display:swap;src:url(fonts/rubik-latin-300-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+2000-206F,U+20AC,U+2122,U+2212}
@font-face{font-family:"House Rubik";font-weight:500;font-display:swap;src:url(fonts/rubik-latin-500-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+2000-206F,U+20AC,U+2122,U+2212}
@font-face{font-family:"House Rubik";font-weight:700;font-display:swap;src:url(fonts/rubik-latin-700-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+2000-206F,U+20AC,U+2122,U+2212}
@font-face{font-family:"House Rubik";font-weight:800;font-display:swap;src:url(fonts/rubik-latin-800-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+2000-206F,U+20AC,U+2122,U+2212}
@font-face{font-family:"House Heebo";font-weight:400;font-display:swap;src:url(fonts/heebo-hebrew-400-normal.woff2) format("woff2");unicode-range:U+0307-0308,U+0590-05FF,U+200C-2010,U+20AA,U+25CC,U+FB1D-FB4F}
@font-face{font-family:"House Heebo";font-weight:500;font-display:swap;src:url(fonts/heebo-hebrew-500-normal.woff2) format("woff2");unicode-range:U+0307-0308,U+0590-05FF,U+200C-2010,U+20AA,U+25CC,U+FB1D-FB4F}
@font-face{font-family:"House Heebo";font-weight:400 500;font-display:swap;src:url(fonts/heebo-latin-500-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+2000-206F,U+20AC,U+2122,U+2212}

html[data-house]{
  --hz-ink:#1d1c1a; --hz-ink2:#5f5c57; --hz-ink3:#6c6861; --hz-hair:#e7e5e0; --hz-wash:#f4f3f0; --hz-wash2:#ebe9e4; --hz-paper:#fff; --hz-line:#d6d3cd;
  --hz-base:#f8f7f4; --hz-glow1:#fff; --hz-glow2:#f1efea; --hz-offw:#f2efe8;
  --hz-sienna:#d98a5f; --hz-mud:#a3ad6b; --hz-earth:#93aba3; --hz-beige:#e9d5a6; --hz-umber:#a8866b;
  --hz-r:12px; --hz-rail:252px; --hz-gap:12px;
  --hz-lift:inset 0 1px 0 rgba(255,255,255,.9),0 0 0 .5px rgba(29,28,26,.09),0 1px 2px rgba(29,28,26,.05),0 8px 16px -10px rgba(29,28,26,.14),0 24px 48px -28px rgba(29,28,26,.22);
  --hz-display:"House Rubik","Rubik","Heebo",Arial,sans-serif; --hz-body:"House Heebo","Heebo",Arial,sans-serif;
  --hz-ease:cubic-bezier(.23,1,.32,1); --hz-io:cubic-bezier(.77,0,.175,1);
}
/* the screens make room for the rail (right, in Hebrew) */
@media (min-width:761px){html[data-house] body:has(> #hz){padding-inline-start:calc(var(--hz-rail) + 2 * var(--hz-gap)) !important;box-sizing:border-box}}
@media (max-width:760px){html[data-house] body:has(> #hz){padding-bottom:calc(84px + env(safe-area-inset-bottom,0px)) !important}}

.hz,.hz *,.hz-page,.hz-page *,.hz-page *::before,.hz-page *::after{box-sizing:border-box}
.hz{font-family:var(--hz-body);color:var(--hz-ink);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased}
.hz-skip{position:fixed;top:-60px;inset-inline-start:16px;z-index:100;background:var(--hz-ink);color:#fff;padding:10px 16px;border-radius:999px;font-family:var(--hz-display);text-decoration:none}
.hz-skip:focus{top:12px}
.hz :focus-visible{outline:2px solid var(--hz-ink);outline-offset:2px}

/* ---------- the rail: a floating, rounded glass surface ---------- */
.hz-rail{position:fixed;z-index:60;inset-block:var(--hz-gap);inset-inline-start:var(--hz-gap);width:var(--hz-rail);display:flex;flex-direction:column;padding:16px 12px 12px;border-radius:20px;
  background:color-mix(in srgb,var(--hz-paper) 70%,transparent);-webkit-backdrop-filter:blur(20px) saturate(1.5);backdrop-filter:blur(20px) saturate(1.5);box-shadow:var(--hz-lift);overflow-y:auto}
.hz-brand{display:flex;align-items:center;gap:12px;padding:0 10px 14px;color:inherit;text-decoration:none}
.hz-brand b{display:block;font-family:var(--hz-display);font-weight:800;font-size:16px;line-height:1.15;letter-spacing:-.01em}
.hz-brand small{display:block;font-size:12px;color:var(--hz-ink2)}
.hz-mark{display:inline-grid;flex:none}
.hz-mark svg{display:block;filter:drop-shadow(0 1px 1px rgba(29,28,26,.10)) drop-shadow(0 4px 8px rgba(29,28,26,.14));transition:transform 280ms var(--hz-ease)}
.hz-mk-sq{transform-box:view-box;transform-origin:50% 50%;transition:transform 600ms var(--hz-io)}
@media (hover:hover) and (pointer:fine){.hz-brand:hover .hz-mark svg{transform:rotate(90deg)}}
@keyframes hz-spin{to{transform:rotate(360deg)}}
.hz-mark.spin svg{animation:hz-spin 900ms linear infinite}
.hz-nav{display:flex;flex-direction:column;gap:2px}
.hz-group{margin:0;font-size:12px;color:var(--hz-ink3);padding:12px 12px 4px}
.hz-group:first-child{padding-top:2px}
.hz-link{position:relative;display:flex;align-items:center;gap:12px;padding:8px 12px;border-radius:12px;color:var(--hz-ink2);text-decoration:none;font-family:var(--hz-display);font-size:14.5px;line-height:1.4;transition:color 160ms var(--hz-ease),background-color 160ms var(--hz-ease),box-shadow 160ms var(--hz-ease)}
.hz-link[aria-current="page"]{color:var(--hz-ink);font-weight:500;background:color-mix(in srgb,var(--hz-paper) 88%,transparent);box-shadow:0 0 0 .5px rgba(29,28,26,.08),0 2px 6px -2px rgba(29,28,26,.12)}
.hz-link svg,.hz-tabbar svg{width:19px;height:19px;flex:none;stroke:currentColor;fill:none;stroke-width:1.6}
.hz-badge{margin-inline-start:auto;min-width:22px;height:20px;display:grid;place-items:center;padding:0 7px;font:500 12px var(--hz-body);border-radius:.25em .45em .3em .4em;background:var(--hz-sienna);color:var(--hz-ink);font-variant-numeric:tabular-nums}
.hz-who{margin-top:auto;padding:14px 8px 2px;border-top:.5px solid var(--hz-hair);display:flex;align-items:center;gap:10px;font-size:13px}
.hz-av{flex:none;width:36px;height:36px;border-radius:50%;background:var(--hz-ink);color:var(--hz-paper);display:grid;place-items:center;font-family:var(--hz-display);font-weight:500;font-size:13px}
.hz-whoami{display:flex;flex-direction:column;min-width:0;line-height:1.35}
.hz-whoami b{font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hz-whoami small{color:var(--hz-ink3);font-size:12px}
.hz-out{margin-inline-start:auto;border:0;background:none;color:var(--hz-ink2);padding:6px 10px;border-radius:999px;font:inherit;font-size:12.5px;cursor:pointer;transition:background-color 160ms}
@media (hover:hover) and (pointer:fine){.hz-link:hover{color:var(--hz-ink)}.hz-out:hover{background:var(--hz-wash)}}

/* ---------- phone: a floating bar at the bottom ---------- */
.hz-tabbar,.hz-more{display:none}
@media (max-width:760px){
  .hz-rail{display:none}
  .hz-tabbar{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);position:fixed;z-index:60;inset-inline:10px;inset-block-end:calc(10px + env(safe-area-inset-bottom,0px));border-radius:22px;
    background:color-mix(in srgb,var(--hz-paper) 72%,transparent);-webkit-backdrop-filter:blur(18px) saturate(1.5);backdrop-filter:blur(18px) saturate(1.5);box-shadow:var(--hz-lift)}
  .hz-tabbar a,.hz-tabbar button{all:unset;-webkit-tap-highlight-color:transparent;position:relative;display:flex;flex-direction:column;align-items:center;gap:3px;padding:10px 2px;color:var(--hz-ink3);font:11px var(--hz-display);cursor:pointer;text-align:center}
  .hz-tabbar svg{width:22px;height:22px}
  .hz-tabbar [aria-current="page"]{color:var(--hz-ink)}
  .hz-dot{position:absolute;top:5px;inset-inline-end:calc(50% - 22px);min-width:17px;height:17px;font-size:10px;background:var(--hz-sienna);color:var(--hz-ink);border-radius:999px;display:grid;place-items:center;padding:0 5px}
  .hz-more:not([hidden]){display:flex;flex-direction:column;position:fixed;z-index:61;inset-inline:10px;inset-block-end:calc(86px + env(safe-area-inset-bottom,0px));padding:8px;border-radius:20px;
    background:color-mix(in srgb,var(--hz-paper) 90%,transparent);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:var(--hz-lift)}
  .hz-more a,.hz-more button{all:unset;display:block;padding:12px 14px;border-radius:12px;font-family:var(--hz-display);color:var(--hz-ink);cursor:pointer}
  .hz-more [aria-current="page"]{background:var(--hz-wash)}
}
[data-wa-badge][hidden]{display:none!important}
@media (prefers-reduced-motion:reduce){.hz-mk-sq,.hz-mark svg,.hz-link{transition:none}.hz-mark.spin svg{animation:none}}

/* ---------- the house's own pages ---------- */
body.hz-page{margin:0;min-height:100vh;font-family:var(--hz-body);color:var(--hz-ink);font-size:15px;line-height:1.6;-webkit-font-smoothing:antialiased;
  background:radial-gradient(1100px 620px at 78% -8%,var(--hz-glow1),transparent 62%),radial-gradient(900px 700px at -5% 105%,var(--hz-glow2),transparent 60%),var(--hz-base);background-attachment:fixed}
.hz-page h1,.hz-page h2{font-family:var(--hz-display);margin:0;text-wrap:balance}
.hz-page h1{font-weight:800;font-size:28px;line-height:1.15;letter-spacing:-.025em}
.hz-page h2{font-weight:700;font-size:17px;letter-spacing:-.015em}
.hz-page p{margin:0;text-wrap:pretty}
.hz-main{padding:22px 28px 56px;display:flex;flex-direction:column;gap:20px;max-width:1200px}
.hz-head{display:flex;flex-direction:column;gap:6px}
.hz-head p{color:var(--hz-ink2);max-width:80ch}
.hz-crumb{font-size:12px;color:var(--hz-ink3)}
.hz-panel{background:linear-gradient(180deg,var(--hz-paper),color-mix(in srgb,var(--hz-paper) 96%,var(--hz-base)));border-radius:var(--hz-r);box-shadow:var(--hz-lift);overflow:hidden}
.hz-pad{padding:18px 22px;display:flex;flex-direction:column;gap:14px}
.hz-muted{color:var(--hz-ink3);padding:18px 22px}
.hz-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:40px;padding:9px 20px;border:0;border-radius:999px;background:var(--hz-paper);color:var(--hz-ink);
  box-shadow:inset 0 0 0 .5px var(--hz-line),0 1px 1px rgba(29,28,26,.04);font-family:var(--hz-display);font-weight:500;font-size:14px;cursor:pointer;text-decoration:none;white-space:nowrap;
  transition:background-color 160ms var(--hz-ease),transform 160ms var(--hz-ease)}
.hz-btn.solid{background:var(--hz-ink);color:var(--hz-paper);box-shadow:none}
.hz-btn.small{min-height:32px;padding:5px 14px;font-size:13px}
.hz-btn:active{transform:scale(.97)}
.hz-btn:disabled{opacity:.35;cursor:default;transform:none}
@media (hover:hover) and (pointer:fine){.hz-btn:hover{background:var(--hz-wash)}.hz-btn.solid:hover{background:color-mix(in srgb,var(--hz-ink) 84%,var(--hz-paper))}}
.hz-field{display:flex;flex-direction:column;gap:6px;min-width:0}
.hz-field label{font-size:13px;color:var(--hz-ink2)}
.hz-input{width:100%;border:1px solid transparent;background:var(--hz-wash);padding:11px 16px;border-radius:8px;font:inherit;color:inherit;appearance:none;-webkit-appearance:none;transition:background-color 160ms var(--hz-ease),border-color 160ms var(--hz-ease),box-shadow 160ms var(--hz-ease)}
.hz-input:focus{outline:0;background:var(--hz-paper);border-color:var(--hz-ink);box-shadow:0 0 0 4px color-mix(in srgb,var(--hz-ink) 7%,transparent)}
select.hz-input{appearance:auto;-webkit-appearance:auto;padding-block:10px}
.hz-err{color:var(--hz-ink);min-height:1.2em;font-size:14px}
.hz-err:not(:empty){width:fit-content;padding:0 .4em;border-radius:.25em .45em .3em .4em;background:var(--hz-sienna)}
.hz-note{font-size:13px;color:var(--hz-ink3);line-height:1.7}
.hz-notice{width:fit-content;padding:0 .4em;border-radius:.25em .45em .3em .4em;background:var(--hz-beige)}
.hz-row-form{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr) minmax(0,.8fr) auto;gap:12px;align-items:end}
@media (max-width:900px){.hz-row-form{grid-template-columns:minmax(0,1fr)}}
.hz-linkbox{display:flex;flex-wrap:wrap;gap:10px;align-items:center;padding:12px 14px;border-radius:8px;background:var(--hz-wash)}
.hz-linkbox code{direction:ltr;font-size:12.5px;word-break:break-all;flex:1;min-width:0}
.hz-list table{width:100%;border-collapse:collapse;font-size:14.5px;font-variant-numeric:tabular-nums}
.hz-list th{font-size:12.5px;color:var(--hz-ink3);font-weight:400;text-align:start;padding:10px 16px 8px;border-bottom:.5px solid var(--hz-hair);white-space:nowrap}
.hz-list td{padding:10px 16px;border-bottom:.5px solid var(--hz-hair);vertical-align:middle}
.hz-list tr:last-child td{border-bottom:0}
.hz-list .hz-who-c{font-family:var(--hz-display);font-weight:500}
.hz-list .ltr{direction:ltr;unicode-bidi:embed}
.hz-actions{display:flex;flex-wrap:wrap;gap:6px}
.hz-mk{vertical-align:middle}
.hz-mark-warn{width:fit-content;padding:0 .35em;border-radius:.25em .45em .3em .4em;background:var(--hz-beige)}
.hz-mark-bad{width:fit-content;padding:0 .35em;border-radius:.25em .45em .3em .4em;background:var(--hz-sienna)}
.hz-scroll{overflow-x:auto}
.hz-status{display:flex;flex-wrap:wrap;gap:6px 22px;padding:12px 22px;border-top:.5px solid var(--hz-hair);font-size:13px;color:var(--hz-ink2)}
@media (max-width:760px){.hz-main{padding:18px 16px 110px}.hz-page h1{font-size:26px}}

/* sign-in: pictures as a chessboard, light against dark */
.hz-login-page{background:var(--hz-paper)}
.hz-login{min-height:100vh;min-height:100dvh;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr)}
.hz-board{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;background:#1d1c1a}
.hz-tile{position:relative;overflow:hidden;background:#1d1c1a}
.hz-tile.light{background:var(--hz-offw)}
.hz-tile img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transform:scale(1.04);transition:opacity 1.4s var(--hz-ease),transform 6s linear}
.hz-tile img.on{opacity:1;transform:scale(1)}
.hz-form{align-self:center;justify-self:center;width:min(380px,100%);display:flex;flex-direction:column;gap:16px;padding:48px 16px}
.hz-lbrand{display:flex;align-items:center;gap:12px;color:var(--hz-ink2);font-size:13px}
.hz-form h1{font-size:32px}
.hz-form .hz-btn{min-height:46px;width:100%}
.hz-lead{color:var(--hz-ink2)}
@keyframes hz-fade{to{opacity:0;transform:translateY(-6px)}}
.hz-login.leaving .hz-form{animation:hz-fade 280ms var(--hz-ease) both}
@media (max-width:760px){.hz-login{grid-template-columns:minmax(0,1fr)}.hz-board{min-height:230px}}
@media (prefers-reduced-motion:reduce){.hz-tile img{transition:none;transform:none}.hz-login.leaving .hz-form{animation:none}}