.d20-account-shell{--background:#17231d;--foreground:#eee9d9;--primary:#dfc37b;--primary-foreground:#17231d;--secondary:#283b30;--secondary-foreground:#eee9d9;--muted:#283b30;--muted-foreground:#b7bdad;--border:#475440;--input:#142019;--ring:#dfc37b;--accent:#354935;--accent-foreground:#eee9d9;min-height:100dvh;color:var(--foreground);background:radial-gradient(at 10% 15%,#354836 0,#142019 58%);align-items:center;padding:clamp(24px,5vw,72px);font-size:16px;line-height:1.5;display:grid}.d20-account-layout{grid-template-columns:minmax(0,1fr) minmax(0,440px);align-items:center;gap:clamp(28px,6vw,90px);width:100%;max-width:1100px;margin:auto;display:grid}.d20-account-intro{max-width:540px}.d20-account-brand{align-items:center;gap:14px;margin-bottom:48px;font-size:20px;font-weight:650;display:flex}.d20-account-eyebrow{letter-spacing:.12em;text-transform:uppercase;color:#dfc37b;margin-bottom:12px;font-size:13px;font-weight:650}.d20-account-intro h1{letter-spacing:-.035em;margin:0 0 24px;font-size:clamp(36px,4.2vw,58px);font-weight:650;line-height:1.08}.d20-account-intro>p:not(.d20-account-eyebrow){color:#c4cabb;max-width:430px;font-size:18px}.d20-account-note{color:#b7bdad;border-left:2px solid #9b8d5e;max-width:410px;margin-top:28px;padding-left:16px;font-size:14px}.d20-account-card{background:#1b2a22;border:1px solid #475440;border-radius:14px;min-width:0;padding:clamp(22px,3vw,34px);box-shadow:0 18px 70px #0005}.d20-account-card h2{margin:0 0 12px;font-size:26px;font-weight:650;line-height:1.2}.d20-account-card p{color:#c4cabb;margin-bottom:16px}.d20-account-tabs{border-bottom:1px solid #475440;gap:8px;margin-bottom:24px;padding-bottom:16px;display:flex}.d20-account-form{gap:16px;display:grid}.d20-account-field{gap:6px;font-size:14px;font-weight:500;display:grid}.d20-account-field input,.d20-account-recovery textarea{color:#eee9d9;background:#142019;border:1px solid #65705a;border-radius:5px;width:100%;min-width:0;padding:10px 12px;font-size:16px}.d20-account-field input:focus-visible{outline-offset:3px;outline:2px solid #dfc37b}.d20-account-recovery textarea:focus-visible{outline-offset:3px;outline:2px solid #dfc37b}.d20-account-saved [data-slot=checkbox]:focus-visible{outline-offset:3px;outline:2px solid #dfc37b}.d20-account-field input:disabled{opacity:.65}.d20-account-field small{color:#b7bdad;font-size:13px;font-weight:400}.d20-account-error{color:#ffded2;overflow-wrap:anywhere;background:#542b25;border:1px solid #ae715c;border-radius:5px;padding:12px}.d20-account-card .d20-account-error p{color:inherit;margin:0}.d20-account-primary{width:100%;min-height:44px}.d20-account-links{flex-wrap:wrap;align-items:center;gap:12px;margin-top:16px;display:flex}.d20-account-links button{color:#dfc37b;text-underline-offset:3px;padding-inline:0;text-decoration:underline}.d20-account-recovery{overflow-wrap:anywhere}.d20-account-recovery textarea{resize:vertical;margin:8px 0 12px;font-family:monospace;display:block}.d20-account-saved{align-items:flex-start;gap:10px;margin:24px 0;font-size:14px;display:flex}.d20-account-saved [data-slot=checkbox]{accent-color:#dfc37b;flex:none;margin-top:4px}.d20-account-card .d20-account-status{color:#eee9d9;margin-top:12px}.d20-account-preparation details{margin-block:24px}.d20-account-preparation summary{cursor:pointer;color:#dfc37b;margin-bottom:16px}.d20-account-session{color:#b7bdad;flex-wrap:wrap;align-items:center;gap:10px;margin-top:24px;font-size:14px;display:flex}.workshop-account{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.workshop-account-name{text-overflow:ellipsis;white-space:nowrap;max-width:220px;overflow:hidden}@media (max-width:760px){.d20-account-layout{grid-template-columns:minmax(0,1fr);gap:28px;max-width:480px}.d20-account-intro h1{font-size:36px}.d20-account-brand{margin-bottom:24px}.d20-account-note{display:none}.d20-account-shell{align-items:start;padding:24px 18px}}