/* 04. AUTH — sign-in / account-creation screen */
.prod-os-auth-tag{position:absolute;top:34px;right:38px;display:flex;align-items:center;justify-content:center;color:var(--success, #2fe38a);font-family:var(--mono);font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;white-space:nowrap}
.auth-clock{font-family:var(--mono);font-size:clamp(18px,2.4vw,28px);letter-spacing:.12em;color:var(--amber);margin-top:0}
.auth-sub{font-family:var(--mono);font-size:10.5px;letter-spacing:.3em;color:var(--ink3);margin-top:24px}
.auth-footer-timecode{text-align:center;margin-top:0}
.auth-footer-timecode .auth-clock{margin-top:0}
.auth-footer-timecode .auth-sub{margin-top:8px}
.auth-footer-timecode .auth-sub span{display:block}
.auth-footer-timecode .auth-sub span+span{letter-spacing:0;white-space:nowrap}
.auth-footer-timecode .auth-sub .copyright-symbol{display:inline;font-family:'Space Mono'}
.auth-top-mark{position:absolute;top:-30px;left:50%;width:104px;height:66px;transform:translateX(-50%);background:var(--amber);
  -webkit-mask:url('../assets/images/ZEMA_Studios.svg') center/contain no-repeat;
  mask:url('../assets/images/ZEMA_Studios.svg') center/contain no-repeat}
.welcome-signup-mark{width:104px;height:66px;margin:0 auto 18px;background:var(--amber);
  -webkit-mask:url('../assets/images/ZEMA_Studios.svg') center/contain no-repeat;
  mask:url('../assets/images/ZEMA_Studios.svg') center/contain no-repeat}
.auth-panel{position:relative;min-height:0;overflow-x:hidden;overflow-y:auto;padding:clamp(24px,12vh,107px) 54px 24px;display:grid;grid-template-rows:66px minmax(min-content,1fr) auto;gap:12px;scrollbar-gutter:stable;scrollbar-width:auto;scrollbar-color:var(--amber) var(--bg2)}
.auth-panel::-webkit-scrollbar{width:8px}
.auth-panel::-webkit-scrollbar-track{background:var(--bg2)}
.auth-panel::-webkit-scrollbar-thumb{background:var(--amber);border:2px solid var(--bg2);border-radius:var(--radius-full)}
.auth-top-section{position:relative;min-height:66px}
.auth-body{display:flex;flex-direction:column;min-height:0;overflow:visible}
.auth-body h2{min-height:32px;margin:0 0 8px;font-family:var(--disp);font-weight:700;font-size:32px;line-height:1;text-transform:uppercase;white-space:nowrap}
.auth-form{display:flex;flex-direction:column;gap:17px;min-height:0;overflow:visible}
.auth-form>*{flex:0 0 auto}
.auth-form .inp{padding:5px 9px;line-height:1.15}
.auth-footer-timecode{align-self:center}
.auth-name-fields{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.auth-body .mode-row{display:flex;flex:none;gap:28px;margin:8px 0 14px;border-bottom:1px solid var(--line)}
.mode-tab{background:none;border:none;color:var(--ink3);font-family:var(--mono);font-size:11px;letter-spacing:.18em;padding:0 2px 10px;cursor:pointer;border-bottom:2px solid transparent}
.mode-tab.on{color:var(--amber);border-bottom-color:var(--amber)}
.forgot-link{display:none;border:0;background:none;color:var(--red);font:11px var(--mono);letter-spacing:.1em;text-align:left;padding:0;cursor:pointer}
.forgot-link:hover{text-decoration:underline}
.auth-welcome-link{border:0;background:none;color:var(--ink3);font:10px var(--mono);letter-spacing:.12em;text-align:left;padding:0;cursor:pointer}
.auth-welcome-link:hover{color:var(--amber);text-decoration:underline}
.demo-box{margin-top:26px;border-top:1px dashed var(--line2);padding-top:20px}

/* ── PRODUCTION OS FORM LAYER — industrial signup (Create Account) ── */
.auth-panel .fld{gap:6px}
.auth-panel .fld .inp{font:500 13px var(--sans);letter-spacing:0;text-transform:none}
.auth-panel select.inp{appearance:none;font:600 12px var(--mono);letter-spacing:.08em;cursor:pointer}
.fld-opt{color:var(--ink3);letter-spacing:.12em}
.pw-wrap{position:relative;display:flex;align-items:center;width:100%}
.pw-wrap .inp{width:100%;padding-right:64px}
.pw-toggle{position:absolute;right:10px;border:0;background:none;color:var(--ink3);font:700 9.5px var(--mono);letter-spacing:.14em;cursor:pointer;padding:4px}
.pw-toggle:hover{color:var(--amber)}
.auth-meter-wrap{display:flex;flex-direction:column;gap:6px}
.auth-meter{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}
.auth-meter i{height:3px;border-radius:2px;background:var(--line2);transition:background .2s ease}
.auth-meter[data-l="1"] i:nth-child(-n+1){background:var(--red)}
.auth-meter[data-l="2"] i:nth-child(-n+2){background:var(--amber)}
.auth-meter[data-l="3"] i:nth-child(-n+3){background:var(--success, #2fe38a)}
.auth-meter[data-l="4"] i{background:var(--success, #2fe38a)}
.auth-meter-label{font:500 9px var(--mono);letter-spacing:.2em;color:var(--ink3)}
.auth-check{display:flex;align-items:flex-start;gap:10px;margin-bottom:6px;font:500 10.5px var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--ink2);cursor:pointer}
.auth-check input{width:15px;height:15px;accent-color:var(--amber);margin-top:1px;cursor:pointer;flex:none}
.auth-doc-link{border:0;background:none;padding:0;color:var(--amber);font:inherit;letter-spacing:inherit;text-transform:inherit;text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.auth-doc-link:hover{color:var(--ink)}
.auth-cta{width:100%;justify-content:center;min-height:44px;background:var(--ink);border:1px solid var(--ink);color:var(--bg);font:700 12px var(--mono);letter-spacing:.22em;text-transform:uppercase}
.auth-cta:hover{opacity:.9}
.auth-cta:active{transform:translateY(1px)}
.auth-switch-link{border:0;background:none;color:var(--ink3);font:500 10px var(--mono);letter-spacing:.14em;text-align:center;cursor:pointer;padding:2px}
.auth-switch-link b{color:var(--amber)}
.auth-switch-link:hover b{text-decoration:underline}
.welcome-doc-link{border:0;background:none;padding:0;color:inherit;font:inherit;cursor:pointer}
@media(max-height:700px){
  .auth-panel{display:flex;flex-direction:column;gap:8px;padding-bottom:14px;overflow-x:hidden;overflow-y:auto;scrollbar-gutter:stable;scrollbar-width:auto;scrollbar-color:var(--amber) var(--bg2)}
  .auth-panel::-webkit-scrollbar{width:8px}
  .auth-panel::-webkit-scrollbar-track{background:var(--bg2)}
  .auth-panel::-webkit-scrollbar-thumb{background:var(--amber);border:2px solid var(--bg2);border-radius:var(--radius-full)}
  .auth-body{overflow:visible;flex:none}
  .auth-body h2{font-size:28px}
  .auth-body .mode-row{margin:4px 0 8px}
  .auth-form{flex:0 0 auto;gap:4px;min-height:auto;overflow:visible}
  .auth-form .fld{gap:2px;font-size:9px}
  .auth-form .inp{padding:3px 8px;font-size:12px}
  .auth-form .auth-name-fields{gap:8px}
  .auth-form .auth-meter-wrap{gap:3px}
  .auth-form .auth-check{font-size:9px}
  .auth-form .auth-cta{min-height:36px}
  .auth-footer-timecode .auth-sub{margin-top:4px;font-size:9px}
}

body:has(.auth){overflow:hidden}
.auth{height:calc(100vh - 46px);min-height:0;overflow:hidden}
.auth-collage{position:absolute;inset:-100%;z-index:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(3,minmax(0,1fr));animation:auth-collage-drift 144s linear infinite;will-change:transform;pointer-events:none}
#app .auth-collage{animation-duration:144s!important}
.auth-collage img{display:block;width:100%;height:100%;object-fit:cover}
.logout-transition{position:fixed;inset:0;z-index:calc(var(--z-modal) + 2);display:grid;place-items:center;padding:20px;background:var(--scrim);backdrop-filter:blur(3px)}
.logout-transition-card{display:flex;align-items:center;gap:12px;min-width:210px;padding:16px 20px;border:1px solid var(--line2);border-radius:var(--radius-sm);background:var(--panel);box-shadow:var(--shadow-3);color:var(--ink);font-family:var(--mono)}
.logout-transition-card b,.logout-transition-card small{display:block}
.logout-transition-card b{font-size:11px;letter-spacing:.16em}
.logout-transition-card small{margin-top:4px;color:var(--ink3);font-size:9px;letter-spacing:.08em}
.logout-transition-spinner{width:17px;height:17px;flex:none;border:2px solid var(--line2);border-top-color:var(--accent-color);border-radius:50%;animation:logout-spinner .75s linear infinite}
@keyframes logout-spinner{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){.logout-transition-spinner{animation:none}}
.prod-os-auth-tag{z-index:3}
/* Equal-distance samples keep linear motion flowing through a closed spline. */
@keyframes auth-collage-drift{
  0.000%{transform:translate3d(0.000%,0.000%,0)}
  1.042%{transform:translate3d(-0.251%,-0.035%,0)}
  2.083%{transform:translate3d(-0.497%,-0.128%,0)}
  3.125%{transform:translate3d(-0.740%,-0.227%,0)}
  4.167%{transform:translate3d(-0.984%,-0.325%,0)}
  5.208%{transform:translate3d(-1.229%,-0.420%,0)}
  6.250%{transform:translate3d(-1.476%,-0.509%,0)}
  7.292%{transform:translate3d(-1.727%,-0.589%,0)}
  8.333%{transform:translate3d(-1.981%,-0.656%,0)}
  9.375%{transform:translate3d(-2.240%,-0.700%,0)}
  10.417%{transform:translate3d(-2.502%,-0.700%,0)}
  11.458%{transform:translate3d(-2.760%,-0.649%,0)}
  12.500%{transform:translate3d(-3.012%,-0.575%,0)}
  13.542%{transform:translate3d(-3.258%,-0.484%,0)}
  14.583%{transform:translate3d(-3.500%,-0.380%,0)}
  15.625%{transform:translate3d(-3.734%,-0.262%,0)}
  16.667%{transform:translate3d(-3.961%,-0.128%,0)}
  17.708%{transform:translate3d(-4.175%,0.024%,0)}
  18.750%{transform:translate3d(-4.366%,0.203%,0)}
  19.792%{transform:translate3d(-4.500%,0.427%,0)}
  20.833%{transform:translate3d(-4.464%,0.679%,0)}
  21.875%{transform:translate3d(-4.307%,0.889%,0)}
  22.917%{transform:translate3d(-4.120%,1.074%,0)}
  23.958%{transform:translate3d(-3.919%,1.243%,0)}
  25.000%{transform:translate3d(-3.709%,1.401%,0)}
  26.042%{transform:translate3d(-3.491%,1.548%,0)}
  27.083%{transform:translate3d(-3.267%,1.686%,0)}
  28.125%{transform:translate3d(-3.038%,1.814%,0)}
  29.167%{transform:translate3d(-2.803%,1.932%,0)}
  30.208%{transform:translate3d(-2.563%,2.038%,0)}
  31.250%{transform:translate3d(-2.317%,2.132%,0)}
  32.292%{transform:translate3d(-2.066%,2.209%,0)}
  33.333%{transform:translate3d(-1.810%,2.267%,0)}
  34.375%{transform:translate3d(-1.549%,2.298%,0)}
  35.417%{transform:translate3d(-1.286%,2.295%,0)}
  36.458%{transform:translate3d(-1.025%,2.264%,0)}
  37.500%{transform:translate3d(-0.768%,2.212%,0)}
  38.542%{transform:translate3d(-0.514%,2.145%,0)}
  39.583%{transform:translate3d(-0.263%,2.066%,0)}
  40.625%{transform:translate3d(-0.015%,1.978%,0)}
  41.667%{transform:translate3d(0.229%,1.882%,0)}
  42.708%{transform:translate3d(0.471%,1.780%,0)}
  43.750%{transform:translate3d(0.711%,1.672%,0)}
  44.792%{transform:translate3d(0.949%,1.560%,0)}
  45.833%{transform:translate3d(1.185%,1.445%,0)}
  46.875%{transform:translate3d(1.419%,1.326%,0)}
  47.917%{transform:translate3d(1.652%,1.204%,0)}
  48.958%{transform:translate3d(1.884%,1.080%,0)}
  50.000%{transform:translate3d(2.115%,0.955%,0)}
  51.042%{transform:translate3d(2.346%,0.829%,0)}
  52.083%{transform:translate3d(2.577%,0.704%,0)}
  53.125%{transform:translate3d(2.807%,0.577%,0)}
  54.167%{transform:translate3d(3.036%,0.448%,0)}
  55.208%{transform:translate3d(3.262%,0.314%,0)}
  56.250%{transform:translate3d(3.484%,0.173%,0)}
  57.292%{transform:translate3d(3.698%,0.020%,0)}
  58.333%{transform:translate3d(3.899%,-0.149%,0)}
  59.375%{transform:translate3d(4.074%,-0.344%,0)}
  60.417%{transform:translate3d(4.192%,-0.577%,0)}
  61.458%{transform:translate3d(4.191%,-0.837%,0)}
  62.500%{transform:translate3d(4.078%,-1.073%,0)}
  63.542%{transform:translate3d(3.921%,-1.284%,0)}
  64.583%{transform:translate3d(3.742%,-1.476%,0)}
  65.625%{transform:translate3d(3.550%,-1.655%,0)}
  66.667%{transform:translate3d(3.347%,-1.822%,0)}
  67.708%{transform:translate3d(3.135%,-1.977%,0)}
  68.750%{transform:translate3d(2.915%,-2.121%,0)}
  69.792%{transform:translate3d(2.687%,-2.252%,0)}
  70.833%{transform:translate3d(2.452%,-2.369%,0)}
  71.875%{transform:translate3d(2.209%,-2.470%,0)}
  72.917%{transform:translate3d(1.959%,-2.549%,0)}
  73.958%{transform:translate3d(1.701%,-2.600%,0)}
  75.000%{transform:translate3d(1.439%,-2.616%,0)}
  76.042%{transform:translate3d(1.176%,-2.609%,0)}
  77.083%{transform:translate3d(0.914%,-2.585%,0)}
  78.125%{transform:translate3d(0.654%,-2.550%,0)}
  79.167%{transform:translate3d(0.395%,-2.506%,0)}
  80.208%{transform:translate3d(0.137%,-2.454%,0)}
  81.250%{transform:translate3d(-0.119%,-2.394%,0)}
  82.292%{transform:translate3d(-0.373%,-2.329%,0)}
  83.333%{transform:translate3d(-0.626%,-2.256%,0)}
  84.375%{transform:translate3d(-0.876%,-2.176%,0)}
  85.417%{transform:translate3d(-1.124%,-2.089%,0)}
  86.458%{transform:translate3d(-1.368%,-1.992%,0)}
  87.500%{transform:translate3d(-1.607%,-1.882%,0)}
  88.542%{transform:translate3d(-1.835%,-1.751%,0)}
  89.583%{transform:translate3d(-2.016%,-1.567%,0)}
  90.625%{transform:translate3d(-1.934%,-1.328%,0)}
  91.667%{transform:translate3d(-1.745%,-1.146%,0)}
  92.708%{transform:translate3d(-1.535%,-0.988%,0)}
  93.750%{transform:translate3d(-1.316%,-0.843%,0)}
  94.792%{transform:translate3d(-1.093%,-0.704%,0)}
  95.833%{transform:translate3d(-0.867%,-0.571%,0)}
  96.875%{transform:translate3d(-0.639%,-0.440%,0)}
  97.917%{transform:translate3d(-0.411%,-0.308%,0)}
  98.958%{transform:translate3d(-0.187%,-0.172%,0)}
  100%{transform:translate3d(0,0,0)}
}
@media(prefers-reduced-motion:reduce){
  #app .auth-collage{animation:none!important;transform:none!important;will-change:auto}
  .auth-side{transition:none;--auth-bg-shift-x:0px!important;--auth-bg-shift-y:0px!important}
}
.welcome-screen{min-height:calc(100vh - 46px);box-sizing:border-box;background:var(--bg);color:var(--ink);display:flex;flex-direction:column;align-items:center;text-align:center;padding:34px 24px 28px;overflow:auto;font-family:var(--sans);line-height:1.5}
.welcome-screen,.welcome-screen *{font-family:var(--sans)!important}
.welcome-kicker{font:10px var(--mono);letter-spacing:.24em;color:var(--ink3);margin-bottom:18px}
.welcome-screen h1{font-family:var(--disp);font-size:clamp(30px,5vw,44px);line-height:1.05;margin:0 0 12px;font-weight:700}
.welcome-screen p{max-width:490px;color:var(--ink2);font-size:15px;line-height:1.5;margin:0 0 34px}
.welcome-google,.welcome-email{width:min(100%,425px);min-height:42px;height:auto;border-radius:3px;display:flex;align-items:center;justify-content:center;gap:7px;padding:8px 14px;cursor:pointer;font:600 13px var(--sans);transition:background .2s ease,color .2s ease,border-color .2s ease,transform .2s ease}
.welcome-google{background:transparent;border:1px solid var(--line2);color:var(--ink)}
.welcome-google:hover{background:var(--panel2);border-color:var(--amber)}
.welcome-google .ic{width:20px;height:20px;color:var(--amber)}
.welcome-email{background:var(--amber);border:1px solid var(--amber);color:var(--accent-contrast)}
.welcome-email:hover{background:var(--red);border-color:var(--red);color:var(--danger-contrast)}
.welcome-divider{width:min(100%,425px);display:flex;align-items:center;gap:14px;color:var(--ink3);margin:22px 0}
.welcome-divider::before,.welcome-divider::after{content:"";height:1px;background:var(--line);flex:1}
.welcome-divider span{font-size:13px}
.welcome-terms{max-width:440px;color:var(--ink3);font-size:11px;line-height:1.5;margin:18px 0 40px}
.welcome-login{background:none;border:0;color:var(--ink3);font:13px var(--sans);cursor:pointer;padding:8px}
.welcome-login:hover{color:var(--ink)}
.welcome-login b{color:var(--ink);font-weight:600}
.welcome-trust{display:flex;gap:22px;color:var(--ink3);font:10px var(--mono);letter-spacing:.14em;margin-top:auto;padding-top:38px}
.trial-screen{min-height:calc(100vh - 46px);background:var(--bg);color:var(--ink);padding:16px 0 30px;display:flex;align-items:center;justify-content:center;box-sizing:border-box}
.trial-panel{width:min(1300px,calc(100% - 48px));display:grid;grid-template-columns:1.05fr 0.95fr;gap:36px;align-items:center;min-height:780px;background:var(--bg);border:1px solid var(--line);border-radius:18px;padding:30px 42px 32px;box-sizing:border-box}
.trial-copy{max-width:620px;padding-left:8px}
.trial-kicker,.trial-theme-kicker{font:600 10px var(--mono);letter-spacing:.18em;color:var(--amber);margin-bottom:12px}
.trial-copy h1{font-family:var(--disp);font-weight:700;font-size:clamp(40px,4.4vw,68px);line-height:.98;margin:0 0 22px;color:var(--ink)}
.trial-copy p{margin:0;max-width:620px;font-size:clamp(16px,1.35vw,20px);line-height:1.42;color:var(--ink2)}
.trial-copy .trial-contact{margin-top:18px;font-size:clamp(14px,1.15vw,17px);line-height:1.5}
.trial-final-line{margin-top:20px;font-weight:600;color:var(--ink)!important}
.trial-actions{display:flex;gap:18px;flex-wrap:wrap;margin-top:32px}
.trial-btn{min-width:210px;min-height:54px;font-size:18px;padding:15px 26px;border-radius:10px;justify-content:center}
.trial-btn.alt{background:transparent;border-color:var(--line2);color:var(--ink)}
.trial-btn.alt:hover{background:var(--panel2);border-color:var(--amber)}
.trial-preview{display:flex;align-items:center;justify-content:center;padding:10px 0}
.trial-theme-panel{width:min(100%,590px);background:var(--panel);border:1px solid var(--line2);padding:22px;box-shadow:var(--shadow-2)}
.trial-theme-heading{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;margin-bottom:16px}
.trial-theme-heading h2{font:700 24px/1.1 var(--disp);color:var(--ink);margin:0 0 7px}
.trial-theme-heading p{font-size:12px;line-height:1.4;color:var(--ink2);max-width:330px}
.trial-theme-count{font:600 9px var(--mono);letter-spacing:.12em;color:var(--ink3);white-space:nowrap;padding-top:4px}
.theme-selector{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}
/* Narrow panels (welcome/trial): compact cards so names never clip */
.trial-theme-panel .theme-choice{padding:6px;gap:7px}
.trial-theme-panel .theme-preview{width:44px;height:30px}
.trial-theme-panel .theme-choice-copy b{font-size:10.5px}
.trial-theme-panel .theme-choice-copy span{font-size:8px}
.trial-theme-panel .theme-choice-check{width:15px;height:15px}
.theme-choice{position:relative;display:flex;align-items:center;gap:10px;min-width:0;padding:9px;background:var(--bg2);border:1px solid var(--line);color:var(--ink);text-align:left;cursor:pointer;transition:border-color .16s ease,background .16s ease,transform .16s ease}
.theme-choice:hover{border-color:var(--amber);transform:translateY(-1px)}
.theme-choice:focus-visible{outline:2px solid var(--amber);outline-offset:2px}
.theme-choice.active{border-color:var(--amber);box-shadow:inset 0 0 0 1px var(--amber),var(--shadow-1)}
.theme-preview{position:relative;display:block;width:64px;height:43px;flex:none;background:var(--preview-bg);border:1px solid color-mix(in srgb,var(--preview-ink) 20%,transparent);overflow:hidden}
.theme-preview-bar{position:absolute;inset:0 0 auto;height:7px;background:var(--preview-surface);border-bottom:1px solid color-mix(in srgb,var(--preview-ink) 18%,transparent)}
.theme-preview-rail{position:absolute;left:0;top:7px;bottom:0;width:13px;background:var(--preview-surface);border-right:1px solid color-mix(in srgb,var(--preview-ink) 18%,transparent)}
.theme-preview-panel{position:absolute;top:14px;height:20px;background:var(--preview-surface);border:1px solid color-mix(in srgb,var(--preview-ink) 13%,transparent)}
.theme-preview-panel-a{left:18px;width:18px}.theme-preview-panel-b{left:40px;width:18px}
.theme-preview-accent{position:absolute;left:19px;right:8px;bottom:4px;height:3px;background:var(--preview-accent)}
.theme-choice-copy{flex:1;display:flex;flex-direction:column;gap:3px;min-width:0;overflow:hidden}.theme-choice-copy b{font:600 12px var(--sans);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.theme-choice-copy span{font:9px/1.25 var(--mono);color:var(--ink3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.theme-choice-check{display:flex;align-items:center;justify-content:center;width:17px;height:17px;margin-left:auto;border:1px solid var(--line2);border-radius:var(--radius-full);color:transparent;flex:none}
.theme-choice-check .ic{width:12px;height:12px}
.theme-choice.active .theme-choice-check{background:var(--system-accent);border-color:var(--system-accent);color:var(--accent-contrast)}
@media (max-width:980px){.trial-panel{grid-template-columns:1fr;padding:24px 20px 30px}.trial-copy{padding-left:0}.trial-actions{flex-direction:column;align-items:stretch}.trial-btn{width:100%}.trial-preview-card{max-width:480px}}
@media(max-width:600px){.welcome-trust{flex-direction:column;gap:8px}.welcome-screen{padding-top:28px}.trial-panel{width:calc(100% - 24px)}.trial-copy h1{font-size:40px}.trial-copy p{font-size:16px}.trial-theme-panel{padding:15px}.trial-theme-heading h2{font-size:21px}.theme-selector{grid-template-columns:1fr}.theme-choice-copy span{font-size:9px}}

/* projects */
.proj-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;width:100%}
.proj-card{text-align:left;background:var(--panel);border:1px solid var(--line);border-radius:6px;overflow:hidden;cursor:pointer;transition:border-color .15s,transform .15s;padding:0;display:flex;flex-direction:column;font-family:inherit;color:inherit}
.proj-card:hover{border-color:var(--line2);transform:translateY(-2px)}
.proj-add{align-items:center;justify-content:center;min-height:320px;border:2px dashed color-mix(in srgb,var(--accent-color) 50%,transparent);background:color-mix(in srgb,var(--accent-color) 4%,transparent);color:var(--accent-color)}
.proj-add:hover{border-color:var(--accent-color);background:color-mix(in srgb,var(--accent-color) 8%,transparent);color:var(--accent-color)}
/* archived projects (Projects hub archive view) */
.hub-badge{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;margin-left:7px;padding:0 5px;border-radius:9px;background:color-mix(in srgb,var(--accent-color) 16%,transparent);color:var(--accent-color);font-family:var(--mono);font-size:10.5px;line-height:1}
.proj-arch .pc-banner{filter:saturate(.45) brightness(.72)}
.proj-arch .pc-banner::before{display:none}
.proj-arch .pc-banner h3{color:var(--ink)}
.pc-arch-pill{position:absolute;top:12px;left:12px;z-index:1;display:inline-flex;align-items:center;gap:6px;background:color-mix(in srgb,var(--bg) 78%,transparent);color:var(--ink2)}
.pc-arch-pill .ic{width:12px;height:12px}
.pc-arch-actions{display:flex;align-items:center;gap:8px}
.arch-purge{color:var(--ink3)}
.arch-purge:hover{color:var(--red);border-color:color-mix(in srgb,var(--red) 45%,transparent)}
.proj-add .add-icon{font:300 54px/1 var(--sans);margin-bottom:10px}
.proj-add span:last-child{font:600 12px var(--mono);letter-spacing:.14em;text-transform:uppercase}

/* ============================================================
   ACCOUNT AUTH (08b-account-auth.js) — Verify Your Account screen
   ============================================================ */
.aa-screen .aa-lede{max-width:46ch;color:var(--ink2);font:14px/1.55 var(--sans);margin:6px auto 0}
.aa-form{display:flex;flex-direction:column;align-items:center;gap:10px;margin-top:18px;width:min(360px,86vw)}
.aa-form .aa-label{align-self:flex-start;color:var(--ink3);font:10px var(--mono);letter-spacing:.16em;text-transform:uppercase}
.aa-input{width:100%;padding:11px 14px;border:1px solid var(--line);border-radius:9px;background:var(--panel);
  color:var(--ink);font:14px var(--sans);outline:none;transition:border-color .15s, box-shadow .15s}
.aa-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 22%, transparent)}
.aa-status{width:100%;text-align:center;font:12.5px/1.5 var(--sans);padding:8px 10px;border-radius:8px}
.aa-status.err{color:#ff9d9d;background:rgba(255,80,80,.09);border:1px solid rgba(255,80,80,.25)}
.aa-status.ok{color:#9fe3b0;background:rgba(70,200,120,.09);border:1px solid rgba(70,200,120,.25)}
.aa-status:not(.err):not(.ok){color:var(--ink3)}
.aa-send{width:100%;margin-top:2px}
.aa-send[disabled]{opacity:.55;cursor:default}
.aa-send[aria-busy="true"]{pointer-events:none}
.aa-hint{color:var(--ink3);font:12px var(--sans);margin:2px 0 0}
.aa-back{margin-top:10px}