*{box-sizing:border-box}html,body{background:var(--background);height:100%;color:var(--foreground);margin:0;font-family:system-ui,sans-serif}.shell{flex-direction:column;height:100dvh;display:flex}.account{background:var(--secondary);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding:10px 18px;font-size:12px;display:flex}.account div{align-items:center;gap:14px;display:flex}.account a{color:var(--primary)}.account span{white-space:nowrap;text-overflow:ellipsis;max-width:210px;overflow:hidden}.shell iframe{border:0;flex:1;width:100%;min-height:0}.welcome{max-width:540px;margin:12vh auto;padding:28px;line-height:1.6}.welcome a{background:var(--primary);color:var(--primary-foreground);border-radius:12px;padding:14px 24px;font-weight:700;text-decoration:none;display:inline-block}.account{flex-wrap:nowrap;min-height:28px;padding:5px 10px;font-size:10px}.account div{gap:9px}.account span{max-width:120px}.account strong{white-space:nowrap;font-size:11px}.account-form{gap:14px;margin-top:20px;display:grid}.account-form label{gap:5px;font-size:14px;display:grid}.account-form input,.account-form select{border:1px solid var(--primary);background:var(--background);width:100%;min-width:0;color:var(--foreground);font:inherit;border-radius:5px;padding:10px}.welcome{width:min(100%,540px)}