/* ============ Getting in (founder pick B, 14 Oct 2026): three steps with a bar, then the first question ============ */
/* a student who is not in yet sees no tabs and no sidebar: only the way in, as today's sign-in room */
.dl .app[data-out]:where(:not(.v16-root *)){display:block!important}
.dl .app[data-out] .tabbar:where(:not(.v16-root *)),.dl .app[data-out] .side:where(:not(.v16-root *)){display:none!important}
.dl .app[data-out] .main:where(:not(.v16-root *)){padding-bottom:0}
.dl .app[data-new] .tabbar .badge:where(:not(.v16-root *)),.dl .app[data-new] .shortcuts .badge:where(:not(.v16-root *)){display:none}
.dl .in:not([hidden]):where(:not(.v16-root *)){display:flex;flex-direction:column;min-height:100vh;min-height:100dvh}
.dl .in [hidden]:where(:not(.v16-root *)){display:none!important}
.dl .in-top:where(:not(.v16-root *)){display:flex;align-items:center;justify-content:space-between;gap:12px;height:calc(60px + env(safe-area-inset-top,0px));padding-top:env(safe-area-inset-top,0px);
  padding-inline:max(var(--g),env(safe-area-inset-left,0px)) max(var(--g),env(safe-area-inset-right,0px))}
.dl .in-back:where(:not(.v16-root *)){display:inline-flex;align-items:center;gap:6px;min-height:44px;margin-right:-8px;padding:0 8px;border-radius:12px;
  font-size:var(--t-small);font-weight:var(--w-ui);color:var(--fg2);transition:color .15s}
.dl .in-back .i:where(:not(.v16-root *)){font-size:17px}
.dl .in-top .logo svg:where(:not(.v16-root *)){height:28px}
.dl .in-body:where(:not(.v16-root *)){flex:1 1 auto;display:grid;align-content:start;padding:4px max(var(--g),env(safe-area-inset-left,0px)) 40px max(var(--g),env(safe-area-inset-right,0px))}
.dl .in-col:where(:not(.v16-root *)),.dl .in-stack:where(:not(.v16-root *)){display:grid;gap:16px;align-content:start;min-width:0}
.dl .in-col:where(:not(.v16-root *)){width:100%;max-width:440px;margin-inline:auto}
.dl .in-art:where(:not(.v16-root *)){display:none}
@media (min-width:1000px){
  .dl .in-body:where(:not(.v16-root *)){grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:56px;width:100%;max-width:1160px;margin-inline:auto;padding:12px 48px 64px}
  .dl .in-art:where(:not(.v16-root *)){display:grid;justify-items:center;gap:26px;text-align:center}
  .dl .in-win:where(:not(.v16-root *)){width:min(300px,62%);padding:14px}
  .dl .in-art p:where(:not(.v16-root *)){max-width:20ch;font-size:var(--t-h2);font-weight:var(--w-head);letter-spacing:-.015em;line-height:1.25;text-wrap:balance}
  .dl .in-col:where(:not(.v16-root *)){margin:0;max-width:420px}
}
@media (hover:hover) and (pointer:fine){.dl .in-back:hover:where(:not(.v16-root *)){color:var(--fg)}}
.dl .in-h:where(:not(.v16-root *)){font-size:var(--t-title);font-weight:var(--w-head);letter-spacing:-.015em;line-height:1.1;text-wrap:balance}
.dl .in-sub:where(:not(.v16-root *)){font-size:var(--t-small);line-height:1.55;color:var(--fg2);text-wrap:pretty}
.dl .in-form:where(:not(.v16-root *)){display:grid;gap:16px}
.dl .pw:where(:not(.v16-root *)){position:relative}
.dl .pw input:where(:not(.v16-root *)){padding-right:72px}
.dl .pw .show:where(:not(.v16-root *)){position:absolute;top:3px;right:3px;min-width:60px;height:44px;padding:0 12px;border-radius:12px;font-size:var(--t-small);font-weight:var(--w-ui);color:var(--fg2)}
.dl .gbtn:where(:not(.v16-root *)){gap:12px}
.dl .gg:where(:not(.v16-root *)){width:20px;height:20px;flex:none}
.dl .or:where(:not(.v16-root *)){display:flex;align-items:center;gap:12px;font-size:var(--t-meta);color:var(--fg3)}
.dl .or:where(:not(.v16-root *))::before,.dl .or:where(:not(.v16-root *))::after{content:"";flex:1;height:1px;background:var(--line2)}
.dl .ts:where(:not(.v16-root *)){display:flex;align-items:center;justify-content:center;height:65px;border-radius:var(--r-ctl);background:var(--sunk);font-size:var(--t-meta);color:var(--fg3)}
.dl .in-err:where(:not(.v16-root *)){padding:12px 14px;border-radius:var(--r-ctl);background:var(--no-fill);box-shadow:0 0 0 1px var(--no-line) inset;color:var(--no);
  font-size:var(--t-small);line-height:1.5}
.dl .in-err a:where(:not(.v16-root *)){font-weight:var(--w-head);color:var(--no);text-decoration:underline;text-underline-offset:3px}
.dl .in-foot:where(:not(.v16-root *)){font-size:var(--t-small);color:var(--fg2);text-align:center}
.dl .in-foot a:where(:not(.v16-root *)){display:inline-flex;align-items:center;min-height:44px;font-weight:var(--w-head);color:var(--fg);
  text-decoration:underline;text-decoration-color:var(--line2);text-underline-offset:4px}
/* Check your email, and Password updated */
.dl .sent:where(:not(.v16-root *)){display:grid;justify-items:center;gap:10px;padding-top:8px;text-align:center}
.dl .sent p:where(:not(.v16-root *)){font-size:var(--t-small);line-height:1.55;color:var(--fg2);text-wrap:pretty;overflow-wrap:anywhere}
.dl .sent p b:where(:not(.v16-root *)){color:var(--fg);font-weight:var(--w-head)}
.dl .sent-ic:where(:not(.v16-root *)){display:grid;place-items:center;width:60px;height:60px;margin-bottom:6px;border-radius:20px;background:var(--sunk);color:var(--fg)}
.dl .sent-ic .i:where(:not(.v16-root *)){font-size:26px}
.dl .sent-ic.ok:where(:not(.v16-root *)){background:var(--ok-fill);color:var(--ok)}
/* where to start: the nine subjects, each in its window */
.dl .in-subjects:where(:not(.v16-root *)){padding:4px 16px}
.dl .in-subjects .subj:where(:not(.v16-root *)){min-height:70px}
.dl .in-subjects .subj > .i:where(:not(.v16-root *)){font-size:18px;color:var(--fg3)}
.dl .subjects:where(:not(.v16-root *)){display:grid;border-radius:var(--r-card);background:var(--card);box-shadow:var(--card-shadow);padding:4px 16px}
.dl .subj:where(:not(.v16-root *)){display:flex;align-items:center;gap:14px;min-height:76px;padding-block:10px;box-shadow:0 1px 0 var(--line);transition:background-color .15s}
.dl .subjects li:last-child .subj:where(:not(.v16-root *)){box-shadow:none}
.dl .subj .copy:where(:not(.v16-root *)){flex:1 1 auto;min-width:0;display:grid;gap:2px}
.dl .subj .copy b:where(:not(.v16-root *)){font-size:var(--t-small);font-weight:var(--w-head);transition:color .15s}
.dl .subj .copy span:where(:not(.v16-root *)){font-size:var(--t-meta);color:var(--fg3)}
.dl .subj .fresh:where(:not(.v16-root *)){font-size:var(--t-meta);color:var(--fg3)}
.dl .subj .ring:where(:not(.v16-root *)){width:40px;height:40px;font-size:10.5px}
.dl .subj > .i:where(:not(.v16-root *)){font-size:18px;color:var(--fg3)}
.dl .subj .win img:where(:not(.v16-root *)){transition:transform .3s var(--ease)}
.dl .subj:active .win:where(:not(.v16-root *)){transform:scale(.96)}
@media (min-width:1000px){.dl .subjects:where(:not(.v16-root *)){padding:6px 22px}.dl .subj:where(:not(.v16-root *)){min-height:84px}.dl .subj .win.xs:where(:not(.v16-root *)){width:50px}}
@media (hover:hover) and (pointer:fine){.dl .subj:hover .win img:where(:not(.v16-root *)){transform:scale(1.1)}.dl .subj:hover .copy b:where(:not(.v16-root *)){color:var(--fg)}}
.dl .in-err:where(:not(.v16-root *)){background:var(--sunk);box-shadow:0 0 0 1px var(--line2) inset;color:var(--fg)}
.dl .in-err a:where(:not(.v16-root *)){color:var(--fg)}
.dl .fld.fld-pw:where(:not(.v16-root *)){grid-template-columns:minmax(0,1fr) auto;column-gap:12px;align-items:baseline}
.dl .fld.fld-pw > .pw:where(:not(.v16-root *)){grid-column:1 / -1}
.dl .fld.fld-pw > .fld-end:where(:not(.v16-root *)){grid-area:1 / 2;display:inline-flex;align-items:center;min-height:44px;margin-block:-11px;font-size:var(--t-small);font-weight:var(--w-ui);color:var(--fg2);text-decoration:underline;text-decoration-color:var(--line2);text-underline-offset:3px}
.dl .in-foot button:where(:not(.v16-root *)){display:inline-flex;align-items:center;min-height:44px;font-weight:var(--w-head);color:var(--fg);
  text-decoration:underline;text-decoration-color:var(--line2);text-underline-offset:4px}
.dl :is(.fld.fld-pw > .fld-end,.in-foot button):active:where(:not(.v16-root *)){opacity:.6}