/* ===================== רגע החתימה: בדיקת הדומיין, מוטמעת (גרסה מוקטנת של domain.html) ===================== */
.dm{position:relative;isolation:isolate;min-height:100vh;min-height:100svh;padding:150px var(--gut) 110px;background:var(--bg);color:var(--fg);overflow:clip;--ph:rgba(255,255,255,.5)}
.dm.light{--ph:rgba(0,0,0,.56)}
.dm.no-tr *{transition:none!important}
.dm-in{position:relative;z-index:2;max-width:1600px;margin:0 auto}
.dm-top{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:64px;align-items:end}
.dm-h{margin:0;font-weight:900;font-size:clamp(52px,5.4vw,104px);line-height:.95;letter-spacing:-.01em}
/* השדה */
.dm-f{position:relative;max-width:900px;width:100%;justify-self:end}
.dm-box{position:relative;display:flex;align-items:center;gap:12px;height:88px;padding:0 30px 0 8px;border-radius:999px;box-shadow:inset 0 0 0 1.5px var(--fg-24);transition:box-shadow .35s var(--ease)}
.dm-box:focus-within,.dm-f.bad .dm-box{box-shadow:inset 0 0 0 2px var(--fg)}
@media (hover:hover){.dm-box:hover{box-shadow:inset 0 0 0 1.5px var(--fg-50)}.dm-box:focus-within:hover{box-shadow:inset 0 0 0 2px var(--fg)}}
.dm-f input{flex:1;min-width:0;height:100%;margin:0;padding:0;background:none;border:0;outline:0;border-radius:0;color:var(--fg);font:700 30px/1 Almoni,system-ui,sans-serif;text-align:right;caret-color:var(--fg);-webkit-appearance:none;appearance:none}
.dm-f input::placeholder{color:var(--ph);opacity:1}
.dm-f input::-webkit-search-cancel-button{display:none}
.dm-f .btn{flex:none;min-height:72px;padding-inline:32px 8px;font-size:20px}
.dm-f .btn .btn-ic{width:56px;height:56px}
.dm-f .btn .btn-ic svg{width:22px;height:22px}
.dm-err{display:none;align-items:center;gap:12px;margin:14px 0 0;font-size:18px;font-weight:700}
.dm-err::before{content:"!";display:grid;place-items:center;width:28px;height:28px;flex:none;border-radius:50%;background:var(--fg);color:var(--bg);font-weight:900;font-size:18px;line-height:1}
.dm-f.bad .dm-err{display:flex}
.dm-tries{display:flex;flex-wrap:wrap;align-items:center;gap:10px 12px;margin-top:18px;font-size:18px;color:var(--fg-72)}
.dm-try{display:inline-flex;align-items:center;min-height:48px;padding:0 20px;border-radius:999px;box-shadow:inset 0 0 0 1.5px var(--fg-24);font-size:18px;font-weight:700;color:var(--fg);transition:background-color .3s var(--ease),color .3s var(--ease),box-shadow .3s var(--ease)}
@media (hover:hover){.dm-try:hover{background:var(--fg);color:var(--bg);box-shadow:inset 0 0 0 1.5px var(--fg)}}
.dm-try:active,.dm-try:focus-visible{background:var(--fg);color:var(--bg)}
/* הלוח */
.dm-bw{position:relative;margin-top:64px}
.dm-board{display:flex;justify-content:flex-end;direction:ltr;min-height:1em}
.dm-bi{position:relative;display:inline-flex;flex-wrap:wrap;justify-content:flex-end;max-width:100%;font-weight:900;font-size:150px;line-height:.9;letter-spacing:-.01em;padding-block:.04em .1em;user-select:none;-webkit-user-select:none}
.dm-fc{position:relative;display:inline-block;overflow-y:clip;overflow-x:visible;text-align:center;touch-action:manipulation}
.dm-fi{display:inline-block;will-change:transform}
.dm-board.ghost .dm-fi{color:transparent;-webkit-text-stroke:1.5px var(--fg-50)}
.dm-strike{position:absolute;left:0;top:57%;width:100%;height:max(4px,.06em);margin-top:-.03em;background:var(--fg);transform:scaleX(0);transform-origin:0 50%;pointer-events:none}
.dm-board.ghost .dm-strike,.dm-board.multi .dm-strike{opacity:0}
.dm-board.multi .dm-fi{text-decoration:line-through;text-decoration-thickness:.06em}
/* התוצאה */
.dm-res{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:32px 80px;margin-top:40px;align-items:start;min-height:180px}
.dm-vd{margin:0;font-weight:900;font-size:clamp(64px,6vw,120px);line-height:.9;letter-spacing:-.01em}
.dm-vl{margin:18px 0 0;font-size:21px;line-height:1.5;color:var(--fg-72);max-width:34ch}
.dm-vl bdi{display:inline-block;max-width:100%;overflow-wrap:anywhere;color:var(--fg);font-weight:700}
/* הדומיין והפסיק שאחריו לא נפרדים: בלי זה, בדומיין ארוך הפסיק יורד לבד לתחילת השורה הבאה */
.dm-nw{white-space:nowrap}
.dm-nw bdi{display:inline;white-space:normal}
.dm-idle .dm-vd{display:none}
.dm-idle .dm-vl{margin-top:0}
.dots{display:inline-flex;gap:5px;margin-inline-start:8px;vertical-align:middle}
.dots i{width:7px;height:7px;border-radius:50%;background:currentColor;animation:dot 1s var(--ease) infinite}
.dots i:nth-child(2){animation-delay:.15s}.dots i:nth-child(3){animation-delay:.3s}
@keyframes dot{0%,100%{opacity:.25;transform:translateY(0)}40%{opacity:1;transform:translateY(-5px)}}
.dm-fx{display:none;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px;margin:0}
.is-taken .dm-fx{display:grid}
.dm-fx>div{position:relative;padding-top:22px}
.dm-fx i{position:absolute;top:0;right:0;width:100%;height:1.5px;background:var(--fg-24);transform-origin:100% 50%}
.dm-fx dt{margin:0 0 10px;font-size:18px;color:var(--fg-72)}
.dm-fx dd{margin:0;font-size:clamp(24px,1.9vw,36px);font-weight:700;line-height:1.15;overflow-wrap:anywhere}
/* מתחת: ההוכחה */
.dm-proof{display:flex;justify-content:space-between;align-items:flex-end;gap:32px 64px;flex-wrap:wrap;margin-top:56px;padding-top:36px;border-top:1px solid var(--fg-24)}
.dm-pt{margin:0;font-size:clamp(26px,2.3vw,44px);font-weight:900;line-height:1.15;max-width:36ch;text-wrap:balance}
.dm-pt .hl{font-weight:900}
.dm-pr{display:flex;flex-direction:column;align-items:flex-end;gap:14px}
.mock{display:inline-flex;align-items:center;min-height:32px;padding:0 14px;border-radius:999px;box-shadow:inset 0 0 0 1px var(--fg-24);font-size:16px;font-weight:700;color:var(--fg)}
/* ההיפוך ללבן כשהדומיין פנוי, כמו בכלי המלא */
.dm-inv{position:absolute;top:0;left:0;width:100%;height:100%;z-index:5;pointer-events:none;background:#fff;mix-blend-mode:difference;visibility:hidden;clip-path:circle(0px at 50% 50%)}
.dm-pt.on .hl{background-size:100% 2px}


@media (max-width:1023px){
  .dm-top{grid-template-columns:minmax(0,1fr);gap:32px}
  .dm-f{justify-self:stretch;max-width:none}
  .dm-res{grid-template-columns:1fr;gap:28px}
}
@media (max-width:899px){
  .dm{padding:112px 16px 80px;text-align:center}
  .dm-top{gap:26px}
  .dm-h{font-size:clamp(44px,12vw,72px)}
  .dm-box{height:72px;padding:0 18px 0 6px;gap:8px}
  .dm-f input{font-size:21px;text-align:center}
  .dm-f .btn{min-height:60px;padding-inline:20px 6px;font-size:18px;gap:10px}
  .dm-f .btn .btn-ic{width:48px;height:48px}
  .dm-err{justify-content:center;text-align:right}
  .dm-tries{justify-content:center}
  .dm-bw{margin-top:40px}
  .dm-board,.dm-bi{justify-content:center}
  .dm-res{justify-items:center;margin-top:28px;min-height:150px}
  .dm-vd{font-size:clamp(60px,18vw,96px)}
  .dm-vl{margin-inline:auto;font-size:19px}
  .dm-fx{grid-template-columns:1fr;gap:22px;width:100%}
  .dm-fx i{right:15%;width:70%}
  .dm-proof{flex-direction:column;align-items:center;margin-top:44px}
  .dm-pt{font-size:24px;margin-inline:auto}
  .dm-pr{align-items:center}
  .dm-pr .btn{align-self:stretch;justify-content:center}
}