/* ═══ Телефон — вход внутри страницы ═══
   Та же бумага и тот же голос, что у экрана входа (§8.3.1): слово продукта,
   вопрос крупно, рослые поля 49 px, внизу горизонт и птица. Кегль полей —
   16 px: телефон иначе приближает страницу при фокусе. */
.tel-login{
  position:fixed;inset:0;z-index:60;display:flex;flex-direction:column;overflow-y:auto;
  background:var(--paper);color:var(--ink);
  padding:calc(20px + env(safe-area-inset-top,0px)) 20px 0;
}
.tel-login[hidden]{display:none}
.pl-head{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:44px}
.pl-word{width:96px;height:auto}
/* Слово продукта в тёмной теме — тем же приёмом, что на экране сборки (theme.css). */
html[data-ui-theme="dark"] .pl-word{filter:brightness(0) invert(1);opacity:.94}
.pl-venue{font-size:11.5px;color:var(--ink-2);font-family:var(--mono);letter-spacing:-.01em}
.pl-form{display:flex;flex-direction:column;gap:14px;margin-top:36px}
.pl-title{font-size:28px;font-weight:500;letter-spacing:-.04em;line-height:1.05}
.pl-say{font-size:13px;line-height:1.6;color:var(--ink-2);margin-top:-6px}
.pl-field{display:block}
.pl-field>span:first-child{display:block;font-size:11.5px;font-weight:550;color:var(--ink-2);margin-bottom:6px}
.pl-field input{
  width:100%;height:49px;padding:0 14px;border:1px solid var(--rule);border-radius:var(--r);
  background:var(--card);font-size:16px;color:var(--ink);
  transition:border-color var(--t-tap) var(--ease),box-shadow var(--t-tap) var(--ease);
}
.pl-field input:focus{outline:none;border-color:var(--ink);box-shadow:0 0 0 3px var(--focus-ring)}
.pl-field input::placeholder{color:var(--ink-3)}
.pl-addr{display:flex;align-items:center;gap:6px}
.pl-addr input{flex:1;min-width:0}
.pl-addr u{flex-shrink:0;font-size:13px;color:var(--ink-2);text-decoration:none;font-family:var(--mono)}
.pl-error{margin-top:6px;font-size:11.5px;line-height:1.45;color:var(--late)}
.pl-submit{
  height:49px;margin-top:4px;border-radius:var(--r-lg);
  background:var(--accent);color:var(--accent-ink);font-size:14px;font-weight:600;letter-spacing:-.01em;
  transition:transform var(--t-tap) var(--ease);
}
.pl-submit:active{transform:scale(.985)}
.pl-submit:disabled{opacity:.5}
.pl-back{align-self:flex-start;font-size:12.5px;color:var(--ink-2);text-decoration:underline;text-underline-offset:3px;margin-top:-4px}
.pl-horizon{position:relative;margin:auto -20px 0;height:170px;color:var(--ink);flex-shrink:0}
.pl-horizon svg{position:absolute;inset:0;width:100%;height:100%}
.pl-line{fill:none;stroke:currentColor;stroke-width:1;opacity:.55}
.pl-bird{position:absolute;left:58%;bottom:46%;width:84px;height:auto}
@media (prefers-reduced-motion:reduce){
  .pl-submit,.pl-field input{transition:none}
  .pl-submit:active{transform:none}
}